.page-hero{padding:3rem 0 2rem;background:radial-gradient(ellipse 70% 60% at 80% 30%,rgba(180,90,42,.18),transparent 60%),linear-gradient(180deg,#0B0D10,#1C2433)}
.crumbs{font-size:.8rem;color:#6B6E73;margin:0 0 1rem}.crumbs a{color:#6B6E73;text-decoration:none}.crumbs a:hover{color:#D4923A}
.page-hero h1{font-size:clamp(1.9rem,5vw,2.8rem);text-transform:none;letter-spacing:.01em}
.prose{max-width:46rem}.prose p,.prose li{color:rgba(229,220,200,.9)}.prose h2{margin-top:2.5rem}.prose h3{margin-top:1.6rem}
.prose ul,.prose ol{padding-left:1.25rem}.prose li{margin:.35rem 0}
.answer{border-left:3px solid #B45A2A;background:rgba(11,13,16,.45);padding:1rem 1.25rem;border-radius:0 6px 6px 0;margin:0 0 1.5rem}
.answer p{margin:0}
.buybar{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0}
.side{display:grid;grid-template-columns:1fr 240px;gap:2.5rem;align-items:start}
.side img{border-radius:4px;box-shadow:0 24px 48px rgba(0,0,0,.45)}
dl.terms dt{font-family:var(--font-display);font-weight:700;color:#E5DCC8;margin-top:1.4rem}
dl.terms dd{margin:.35rem 0 0;color:rgba(229,220,200,.9)}
.related{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.9rem;margin-top:1rem}
.related a{display:block;padding:1rem;border:1px solid rgba(229,220,200,.12);border-radius:8px;text-decoration:none;color:#E5DCC8;background:rgba(11,13,16,.5)}
.related a:hover{border-color:#D4923A;color:#D4923A}
.related small{display:block;color:#6B6E73;margin-top:.25rem}
@media(max-width:860px){.side{grid-template-columns:1fr}.side img{max-width:220px}}
