body.compare-gold{overflow-x:hidden}
body.compare-gold .reading{width:min(980px,calc(100% - 32px));max-width:980px;margin-left:auto;margin-right:auto;overflow:visible}
body.compare-gold .auth-hero{max-width:100%;overflow:hidden}
body.compare-gold .auth-hero h1{max-width:900px;margin-left:auto;margin-right:auto;overflow-wrap:break-word;font-size:clamp(38px,7vw,72px);line-height:1.04;letter-spacing:-.04em}
body.compare-gold .auth-hero .muted{max-width:780px;margin-left:auto;margin-right:auto;font-size:clamp(18px,3.4vw,28px);line-height:1.45}
body.compare-gold .card{border:1px solid rgba(15,23,42,.06);box-shadow:0 10px 24px rgba(15,23,42,.05);border-radius:20px;padding:26px}
body.compare-gold .card+.card{margin-top:16px}
body.compare-gold .gold-hero-banner{position:relative;width:100%;height:340px;margin:20px 0 22px;overflow:hidden;border-radius:22px;background:#070707;box-shadow:0 20px 50px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.04)}
body.compare-gold .gold-hero-banner img{display:block;width:100%;height:100%;object-fit:cover;object-position:66% center}
body.compare-gold .gold-hero-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.68) 34%,rgba(0,0,0,.26) 68%,rgba(0,0,0,.06) 100%);pointer-events:none}
body.compare-gold .gold-hero-banner__content{position:absolute;z-index:1;left:32px;top:50%;transform:translateY(-50%);max-width:510px;color:#fff}
body.compare-gold .gold-hero-eyebrow{margin:0 0 8px;color:#f4c542;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
body.compare-gold .gold-hero-banner__content h2{margin:0 0 10px;color:#fff;font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-.04em}
body.compare-gold .gold-hero-banner__content p:not(.gold-hero-eyebrow){margin:0;color:rgba(255,255,255,.86);font-size:clamp(16px,2.5vw,22px);line-height:1.4}
body.compare-gold .top-picks{background:linear-gradient(180deg,#fff 0%,#fffaf0 100%)}
body.compare-gold .top-picks h2{margin-top:0}
body.compare-gold .top-picks ul{padding-left:18px;margin-bottom:0}
body.compare-gold .top-picks li{margin:8px 0;font-size:16px;line-height:1.55}
body.compare-gold .guide-visual{width:100%;max-width:100%;margin:20px 0 22px;overflow:hidden;border-radius:22px;background:#070707;box-shadow:0 14px 34px rgba(15,23,42,.12)}
body.compare-gold .guide-visual img{display:block;width:100%;max-width:100%;height:100%;object-fit:cover}
body.compare-gold .guide-visual--lineup{height:240px}
body.compare-gold .guide-visual--lineup img{object-position:center center}
body.compare-gold .quick-answer{border-left:5px solid #f4c542;background:linear-gradient(90deg,rgba(244,197,66,.08),transparent)}
body.compare-gold .compare-table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:14px;border:1px solid rgba(15,23,42,.10);border-radius:16px}
body.compare-gold .compare-table{width:100%;min-width:720px;border-collapse:collapse;background:#fff}
body.compare-gold .compare-table th,body.compare-gold .compare-table td{padding:14px 16px;border-bottom:1px solid rgba(15,23,42,.08);text-align:left;vertical-align:top;font-size:15px;line-height:1.45}
body.compare-gold .compare-table th{background:#0f0f0f;color:#fff;font-weight:800;letter-spacing:.02em}
body.compare-gold .compare-table tr:last-child td{border-bottom:none}
body.compare-gold .compare-table tr:hover td{background:#fafafa}
body.compare-gold .mobile-coin-cards{display:none}
body.compare-gold .mobile-coin-cards article{padding:16px;border:1px solid rgba(15,23,42,.10);border-radius:16px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.06);transition:all .2s ease}
body.compare-gold .mobile-coin-cards article:active{transform:scale(.98)}
body.compare-gold .mobile-coin-cards h3{margin:0 0 10px;font-size:20px;line-height:1.2}
body.compare-gold .mobile-coin-cards p{margin:6px 0;font-size:15px;line-height:1.45}
body.compare-gold .mobile-coin-cards strong{color:#111}
body.compare-gold .coin-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,380px);gap:24px;align-items:center;overflow:hidden;padding:28px;border:1px solid rgba(15,23,42,.06);border-radius:20px;background:#fff}
body.compare-gold .coin-feature>img{display:block;width:100%;max-width:100%;height:300px;object-fit:cover;object-position:70% center;border-radius:18px;box-shadow:0 12px 28px rgba(15,23,42,.12)}
body.compare-gold .cta-panel{position:relative;min-height:300px;margin:22px 0;overflow:hidden;border-radius:22px;background:#070707;box-shadow:0 20px 50px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.04)}
body.compare-gold .cta-panel>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:64% center}
body.compare-gold .cta-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.60) 42%,rgba(0,0,0,.12) 100%);pointer-events:none}
body.compare-gold .cta-panel__content{position:relative;z-index:1;max-width:520px;padding:34px;color:#fff}
body.compare-gold .cta-panel__content h2{color:#fff;margin:0 0 12px}
body.compare-gold .cta-panel__content p{color:rgba(255,255,255,.86);margin:0 0 18px}
body.compare-gold .cta-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:999px;background:#f4c542;color:#111;text-decoration:none;font-weight:900;transition:all .2s ease}
body.compare-gold .cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(244,197,66,.3)}
@media(max-width:700px){
body.compare-gold .reading{width:min(100% - 24px,980px)}
body.compare-gold .auth-hero h1{font-size:42px;line-height:1.06}
body.compare-gold .auth-hero .muted{font-size:21px;line-height:1.45}
body.compare-gold .card{padding:22px;border-radius:18px}
body.compare-gold .gold-hero-banner{height:270px;border-radius:18px;margin:18px 0}
body.compare-gold .gold-hero-banner img{object-position:72% center}
body.compare-gold .gold-hero-banner:after{background:linear-gradient(180deg,rgba(0,0,0,.80) 0%,rgba(0,0,0,.58) 50%,rgba(0,0,0,.20) 100%)}
body.compare-gold .gold-hero-banner__content{left:20px;right:20px;top:auto;bottom:22px;transform:none;max-width:none}
body.compare-gold .gold-hero-eyebrow{font-size:12px}
body.compare-gold .gold-hero-banner__content h2{font-size:30px}
body.compare-gold .gold-hero-banner__content p:not(.gold-hero-eyebrow){font-size:16px}
body.compare-gold .guide-visual{border-radius:18px;margin:18px 0}
body.compare-gold .guide-visual--lineup{height:190px}
body.compare-gold .compare-table-wrap{display:none}
body.compare-gold .mobile-coin-cards{display:grid;gap:12px;margin-top:16px}
body.compare-gold .coin-feature{grid-template-columns:1fr;padding:22px}
body.compare-gold .coin-feature>img{height:230px;object-position:70% center}
body.compare-gold .cta-panel{min-height:370px;border-radius:18px}
body.compare-gold .cta-panel>img{object-position:70% center}
body.compare-gold .cta-panel:after{background:linear-gradient(180deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.64) 45%,rgba(0,0,0,.16) 100%)}
body.compare-gold .cta-panel__content{padding:24px}
}
