/* One shared visual language: warm charcoal, restrained gold, consistent surfaces. */
body.editorial-page{--gold:#e8c365;--gold-light:#f5d993;--muted:#bbb8ae;--line:#cbb77e30;--border:#cbb77e30;--surface:#1c2018;background:#12150f}
.editorial-page main{background-image:radial-gradient(ellipse 850px 500px at 85% 0,#b28a2310,transparent);background-repeat:no-repeat}
.editorial-page .eyebrow{display:flex;align-items:center;gap:12px}
.editorial-page .eyebrow:before{content:"";width:26px;height:2px;background:var(--gold);flex-shrink:0}
.editorial-page .home-hero .eyebrow{justify-content:inherit}
.editorial-page .primary-action,.detail-page main .btn,.detail-page main .copy-btn,.detail-page main .donate-copy-btn,.detail-page main .bison-main-btn,.detail-page main .honor-verify-actions button{background:var(--gold);border-radius:6px;box-shadow:0 3px 12px #0002}
.editorial-page .primary-action:hover,.detail-page main .btn:hover,.detail-page main .honor-verify-actions button:hover{background:var(--gold-light);color:#171a15}
.home-page .receive-section,.detail-page .token-address-box,.detail-page .donate-box,.detail-page .glossary-highlight,.detail-page .phantom-mini-box,.detail-page .phantom-flow-box,.detail-page .notice,.detail-page .bison-disclaimer,.detail-page .bison-trust{background:var(--surface)}
.editorial-page .steps li,.project-page .vision-card,.detail-page .card,.detail-page .partner-card,.detail-page .benefit-card,.detail-page .process-card,.detail-page .info-card,.detail-page .glossary-card,.detail-page .phantom-step-card,.detail-page .bison-card,.detail-page .status-item,.detail-page .progress-card,.detail-page .token-box{border-top-color:#cbb77e55}
.editorial-page .community-links a:hover,.detail-page .faq-question:hover{background:#e8c36508}
.editorial-page a:focus-visible,.editorial-page button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
/* Honor uses the same type, buttons and surfaces; only the coin composition is specific. */
body.honor-detail main>section.honor-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:64px;align-items:center}
.honor-detail main h1 span{display:block;color:var(--gold)}
.honor-detail .honor-coin-showcase{width:100%;max-width:340px;margin:20px auto;padding:14px;border:1px solid var(--border);border-radius:50%}
.honor-detail .honor-coin-showcase img{aspect-ratio:1;object-fit:contain}
.honor-detail .honor-jump{display:inline-flex;align-items:center;gap:20px;color:var(--gold);margin-top:28px;font-size:16px}
.honor-detail .honor-jump:hover{text-decoration:underline;text-underline-offset:5px}
body.honor-detail main>section.honor-summary{padding:32px;background:var(--surface);border:1px solid var(--border);border-radius:6px}
.honor-detail .honor-summary h2{font-size:clamp(28px,3vw,40px)}
.honor-detail .honor-token-address{background:var(--surface);padding:18px;border:1px solid var(--border);border-radius:6px}
.honor-detail .honor-card{padding:30px;grid-template-columns:120px minmax(0,1fr);align-items:center;border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:6px;background:var(--surface)}
.honor-detail main .honor-card h3{font-size:30px}
.honor-detail .honor-number{font-size:14px;letter-spacing:.08em}
.honor-detail .honor-label{font-size:12px}
.honor-detail .honor-grid{scroll-margin-top:100px}
@media(max-width:900px){.home-page .home-hero .eyebrow{justify-content:center}}
@media(max-width:760px){body.honor-detail main>section.honor-hero{grid-template-columns:1fr;gap:28px}.honor-detail .honor-coin-showcase{max-width:260px}.honor-detail .honor-card{grid-template-columns:1fr;padding:24px}.honor-detail .honor-card-coin{width:100px}body.honor-detail main>section.honor-summary{padding:24px}}

/* Consistent full-width page background and safe content widths. */
body.editorial-page{background-image:radial-gradient(ellipse 850px 500px at 85% 0,#b28a2310,transparent);background-repeat:no-repeat}
.editorial-page main{background-image:none;width:100%;min-width:0}
body.detail-page{overflow-x:visible}
.detail-page main>section,.detail-page main>section>*{min-width:0;max-width:100%}
.detail-page main h1,.detail-page main h2,.detail-page main h3{overflow-wrap:anywhere}
#site-header .nav-links{gap:17px}
.detail-page main .example-card img{max-height:none;width:100%;height:auto}
@media(max-width:1150px){#site-header .nav-links{display:none}#site-header .mobile-menu-btn{display:block}#site-header .mobile-menu{display:block}}