:root{--gold:#dfbd44;--paper:#eee9da;--muted:#aaa79e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:#111;color:var(--paper);font-family:Tahoma,Arial,sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #ffe480;outline-offset:5px}.skip{position:absolute;top:-80px;background:#dfbd44;color:#111;padding:12px;z-index:10}.skip:focus{top:0}header{height:100px;display:flex;align-items:center;gap:40px;padding:0 5%;background:linear-gradient(100deg,#080808,#262626,#0a0a0a);border-bottom:1px solid #4e4329}header .brand{margin-right:auto}.brand img{width:117px;height:80px;object-fit:contain}header nav{display:flex;gap:28px;font-size:14px}header nav a:hover,.text-link{color:var(--gold)}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:linear-gradient(115deg,#e4b637,#fff3a1,#d9ac2e);color:#19150a;padding:14px 25px;border-radius:4px;font-weight:bold;font-size:14px;box-shadow:0 4px 24px #d4ad2920}.small{padding:9px 20px}.hero{position:relative;min-height:610px;background:linear-gradient(90deg,#050505 0%,#050505b8 36%,#0000 75%),url('assets/hero.png') center/cover;display:flex;align-items:center;padding:50px 8% 80px}.hero-copy{max-width:530px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--gold);font-weight:bold}.hero h1{font-size:68px;line-height:1.12;margin:25px 0 20px;letter-spacing:-2px;color:#f4d366}.hero h1 span{color:#fff;font-size:48px;line-height:1.35}.hero-copy>p:not(.eyebrow){color:#c8c5ba;font-size:15px;margin-bottom:25px}.hero-caption{position:absolute;bottom:25px;left:8%;right:8%;display:flex;justify-content:space-between;letter-spacing:3px;font-size:10px;border-top:1px solid #f6d66c42;padding-top:15px}.ticker{text-align:center;background:linear-gradient(90deg,#18140b,#343024,#18140b);padding:15px;font-size:12px;color:#e7d497;border-block:1px solid #6c582a}.wrap{max-width:1200px;margin:0 auto;padding:78px 28px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px;gap:25px}h2{font-size:30px;line-height:1.5;margin:8px 0}p{color:var(--muted)}.section-head>p{font-size:13px}.categories{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #49402b;border-radius:8px;overflow:hidden}.category{position:relative;display:block;padding:23px 18px 25px;min-height:245px;border-right:1px solid #49402b;background:linear-gradient(135deg,#24231f,#151515);transition:background .2s,transform .2s}.category:last-child{border:0}.category:hover{background:#393322}.category small{color:#807760;font-size:10px}.icon{display:block;font-size:44px;line-height:1.5;color:#f1d36a;margin:10px 0}.category h3{font-size:16px;margin:0}.category p{font-size:11px;margin:7px 0}.arrow{position:absolute;right:15px;top:20px;color:var(--gold)}.editorial{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center;border-block:1px solid #353129}.statement h2{font-size:40px;line-height:1.6}.statement h2 span{color:var(--gold)}.statement p:not(.eyebrow){font-size:14px}.text-link{font-size:13px;display:inline-block;margin-top:15px}.feature{min-height:320px;padding:35px;border:1px solid #625331;background:radial-gradient(ellipse at 80% 0,#66552550,transparent 60%),linear-gradient(135deg,#25231f,#0b0b0b);display:flex;flex-direction:column;justify-content:center;border-radius:2px}.big{font-family:Georgia,serif;font-style:italic;font-size:38px;color:#c5aa64}.big b{font-size:105px;font-weight:normal;margin-left:15px;color:#efd57a}.feature>p{font-size:21px;letter-spacing:3px;color:#ece3c6}.feature small{border-top:1px solid #645535;padding-top:18px;font-size:9px;letter-spacing:2px;color:#b4a47c}.stories{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.stories article{padding:30px;border-top:2px solid var(--gold);background:linear-gradient(145deg,#262626,#181818)}.stories small{font-size:10px;letter-spacing:2px;color:var(--gold)}.stories h3{font-size:21px}.stories p{font-size:13px}.stories a{font-size:12px;color:var(--gold)}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:60px}details{border-bottom:1px solid #49432f;padding:20px 0}summary{cursor:pointer;font-size:14px}details p{font-size:13px}footer{display:flex;justify-content:space-between;align-items:center;gap:40px;border-top:1px solid #584c2c;background:#080808;padding:40px 6%;font-size:11px}footer img{width:120px;height:65px;object-fit:contain}footer a{color:var(--gold)}.mobile{display:none}.guide{max-width:950px}.guide h1{font-size:58px;line-height:1.4}.guide h1 span{color:var(--gold)}.guide-nav{display:flex;flex-wrap:wrap;gap:10px;margin:35px 0}.guide-nav a{padding:8px 18px;border:1px solid #66582e;border-radius:30px;font-size:13px}.guide article{padding:35px 0;border-bottom:1px solid #3c382c}.guide article>p:not(.eyebrow){max-width:750px;font-size:16px;line-height:2.1}@media(min-width:1600px){.hero{background-position:center right;min-height:680px}}@media(max-width:1000px){header nav{gap:15px}.categories{grid-template-columns:repeat(3,1fr)}.category{border-bottom:1px solid #49402b}.editorial{gap:35px}.hero{background-position:60% center}.hero h1{font-size:58px}.hero h1 span{font-size:42px}.big b{font-size:80px}}@media(max-width:640px){header{height:84px;padding:0 20px;gap:15px}header nav{display:none}.brand img{width:95px;height:65px}.small{font-size:12px;padding:8px 14px}.hero{min-height:580px;padding:45px 25px 80px;background-position:65% center;background-image:linear-gradient(90deg,#050505e8,#05050599 65%,#05050544),url('assets/hero.png')}.hero h1{font-size:54px}.hero h1 span{font-size:38px}.hero-caption{left:25px;right:25px;letter-spacing:1px;font-size:8px}.ticker{font-size:10px}.wrap{padding:48px 22px}.section-head{display:block}h2{font-size:25px}.categories{grid-template-columns:repeat(2,1fr)}.category{min-height:220px}.editorial,.faq{grid-template-columns:1fr;gap:30px}.statement h2{font-size:31px}.feature{min-height:270px}.stories{grid-template-columns:1fr;gap:16px}.stories article{padding:24px}.mobile{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;background:#151511f5;border-top:1px solid #75602c;z-index:5;padding:8px 10px calc(8px + env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.mobile a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;min-height:49px;color:#e5cf84}.mobile b{font-size:23px;line-height:1;font-weight:normal}footer{display:block;padding:30px 22px calc(110px + env(safe-area-inset-bottom))}footer p{margin:14px 0}.guide h1{font-size:42px}.guide article>p:not(.eyebrow){font-size:14px}html{scroll-padding-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

:root{--gold:#ffb629;--paper:#fff5e9;--muted:#b6a999}body{background:#0d0c10;color:#fff5e9}header{background:linear-gradient(100deg,#642a0c,#dc6c15,#7e350b);border-bottom:2px solid #f8b42f;height:90px}.wordmark{font:900 italic 39px/1 Arial,sans-serif;color:#fff4da;letter-spacing:-2px;text-shadow:0 3px 0 #512406}.wordmark span{color:#ffd137;font-size:49px}.button{background:linear-gradient(#ffd04b,#f47b16);color:#301603;border-radius:7px;border:1px solid #ffc64e;box-shadow:0 4px 25px #ff801522}.hero{min-height:560px;background-image:linear-gradient(90deg,#110a09f5,#24101ab0 46%,#26130b33),url('assets/hero.png')}.hero h1{color:#ffc333}.hero h1 span{color:#fff3dc}.hero-copy>p:not(.eyebrow){color:#d5bdab}.hero-caption{border-color:#9b692f}.ticker{background:#23172e;color:#e2c5ec;border-color:#643676}.categories{gap:15px;border:0;overflow:visible;grid-template-columns:repeat(3,1fr)}.category{background:linear-gradient(145deg,#2c2034,#17121d);border:1px solid #65425f!important;border-radius:13px;min-height:215px}.category:hover{background:#3e2542}.category small{color:#b685b1}.icon{color:#ffc235}.category p{color:#bca9c3}.editorial{grid-template-columns:1fr;gap:0;background:linear-gradient(110deg,#251727,#1b1116);border-color:#67415b;max-width:1144px;border-radius:12px;margin:25px auto;padding:40px}.statement{max-width:850px}.stories article{background:linear-gradient(145deg,#34202b,#1a121a);border-color:#f9a722}.faq details{border-color:#593c40}.mobile{background:#21121cf5;border-color:#9c5d26}.mobile a{color:#ffc850}footer{background:#170e13;border-color:#674030}footer .wordmark{font-size:30px}footer .wordmark span{font-size:39px}.guide article{border-color:#60413f}.guide-nav a{border-color:#9b6333}.skip{background:#ffd04b;color:#301603}@media(max-width:1000px){.editorial{margin-inline:28px}}@media(max-width:640px){header{height:83px;padding-inline:22px}.wordmark{font-size:29px}.wordmark span{font-size:38px}.hero{min-height:530px;background-image:linear-gradient(90deg,#110a09ed,#24101abb),url('assets/hero.png')}.hero h1{font-size:52px}.hero h1 span{font-size:34px}.categories{grid-template-columns:repeat(2,1fr);gap:12px}.category{min-height:210px}.editorial{margin:15px 22px;padding:28px}.mobile{background:#21121cf5}}

/* --- logo, breathing room & visual rhythm --- */
header{gap:30px}
header .brand img{width:148px;height:50px;object-fit:contain;display:block}
header nav{gap:22px;flex-wrap:wrap}
.wrap{padding:96px 28px}
p{max-width:64ch;line-height:1.95}
h2{line-height:1.55;margin:10px 0}
.hero-copy>p:not(.eyebrow){font-size:16px;line-height:2;margin-bottom:28px}
.hero h1{margin:26px 0 22px}
.meta{font-size:11px;letter-spacing:1px;color:#bba893;margin:18px 0 0}
.meta time{color:#e7c98a}
.section-head{margin-bottom:46px}
.categories{gap:20px}
.category{padding:28px 22px 32px;min-height:236px}
.category p{font-size:12px;line-height:1.85;margin:10px 0 0}
.editorial{padding:58px 46px;margin-block:36px}
.statement h2{line-height:1.5}
.statement p:not(.eyebrow){font-size:15px;margin:0 0 14px}
.stories{gap:30px}
.stories article{padding:34px 30px}
.stories h3{margin:14px 0 10px}
.stories p{font-size:14px;line-height:1.95;margin:0 0 18px}
details{padding:24px 0}
details p{line-height:1.95;margin:12px 0 4px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-block:56px}
.stats div{padding:26px 22px;border:1px solid #65425f;border-radius:13px;background:linear-gradient(145deg,#2c2034,#17121d)}
.stats b{display:block;font-size:32px;line-height:1.2;color:#ffc235;font-weight:bold}
.stats span{display:block;margin-top:8px;font-size:12px;color:#bca9c3;line-height:1.7}
.band{position:relative;margin:0;min-height:260px;display:flex;align-items:flex-end;background:url('assets/hero.png') center/cover;border-block:1px solid #65425f}
.band::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d0c10f0,#0d0c1066 60%,#0d0c10c4)}
.band figcaption{position:relative;padding:34px 8%;max-width:640px}
.band figcaption p:not(.eyebrow){font-size:20px;line-height:1.9;color:#f3e3cf;margin:10px 0 0}
.foot-nav{display:flex;flex-wrap:wrap;gap:18px}
.page{max-width:860px}
.page h1{font-size:46px;line-height:1.35;margin:18px 0 0}
.page h2{font-size:24px;margin-top:40px}
.page p{font-size:15px;margin:14px 0}
.page ul{color:var(--muted);font-size:15px;line-height:2.05;max-width:64ch;padding-left:20px}
.page li{margin-bottom:8px}
.guide article{padding:48px 0}
.guide article>p:not(.eyebrow){max-width:62ch;line-height:2.15;margin:14px 0 0}
@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){
 header .brand img{width:118px;height:40px}
 .wrap{padding:60px 22px}
 .stats{grid-template-columns:1fr 1fr;gap:12px;padding-block:38px}
 .stats div{padding:18px 16px}
 .stats b{font-size:26px}
 .band{min-height:220px}
 .band figcaption{padding:24px 22px}
 .band figcaption p:not(.eyebrow){font-size:16px}
 .editorial{padding:28px}
 .page h1{font-size:34px}
}

/* --- v3: CTA clarity, header calm, rhythm & trust --- */
header{position:sticky;top:0;z-index:6;background:linear-gradient(180deg,rgba(20,12,24,.96),rgba(20,12,24,.84));border-bottom:1px solid #4b3350;backdrop-filter:blur(10px);gap:24px}
header nav a{color:#efe0d2}
header nav a:hover{color:var(--gold)}
.auth{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.button{min-height:48px;gap:10px;letter-spacing:.2px}
.button.small{min-height:40px;font-size:13px;padding:9px 16px}
.button:hover{filter:brightness(1.06)}
.button.ghost{background:none;color:var(--gold);border:1px solid var(--gold);box-shadow:none}
.button.ghost:hover{background:rgba(255,182,41,.12)}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 0}
.cta-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px;max-width:1144px;margin:0 auto 72px;padding:40px 44px;border:1px solid #7a4f33;border-radius:16px;background:radial-gradient(ellipse at 85% 0,rgba(255,182,41,.18),transparent 62%),linear-gradient(120deg,#271726,#1a1119)}
.cta-band h2{margin:8px 0 10px}
.cta-band p:not(.eyebrow){font-size:15px;margin:0;max-width:52ch}
.cta-band .cta-row{margin:0}
/* eyebrow / heading hierarchy */
.eyebrow{font-size:11px;letter-spacing:.18em;color:rgba(255,245,233,.6);font-weight:bold}
.eyebrow::first-letter{color:var(--gold)}
.hero .eyebrow,.stories small{color:var(--gold)}
h2{font-size:clamp(26px,2.6vw,34px)}
/* hero meta */
.hero .meta,.meta{max-width:46ch;word-break:keep-all;overflow-wrap:normal;line-break:loose;line-height:1.9}
.nb{white-space:nowrap}
/* section rhythm + stats panel */
.wrap{padding-block:clamp(56px,6.5vw,88px)}
section.cta-band{padding-block:40px}
.stats{max-width:1144px;padding:34px 28px;margin:0 auto;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(180deg,#191322,#13101a)}
.stats div{background:none;border:0;border-left:2px solid rgba(255,182,41,.55);border-radius:0;padding:6px 0 6px 18px}
/* category grid: feature tile first */
.category p{font-size:13px;line-height:1.7;color:rgba(255,245,233,.74)}
.category:first-child{grid-column:span 2;min-height:232px;background:linear-gradient(135deg,#3a2240,#1a1320)}
.category:first-child .icon{font-size:54px}
.category:first-child h3{font-size:22px}
/* reading room band */
.band{min-height:320px;background-position:70% center}
.band figcaption{padding:40px 7% 44px}
/* journal link affordance */
.stories a{display:inline-block;font-size:13px;font-weight:bold;border-bottom:1px solid rgba(255,182,41,.55);padding-bottom:3px}
.stories a:hover{border-color:var(--gold)}
/* FAQ cards */
.faq details{background:linear-gradient(145deg,#241a2b,#17121d);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:18px 22px;margin-bottom:14px}
.faq details[open]{border-color:rgba(255,182,41,.45)}
.faq summary{position:relative;list-style:none;padding-right:34px;font-weight:bold;font-size:15px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);color:var(--gold);font-size:22px;line-height:1}
.faq details[open] summary::after{content:"−"}
.faq details p{margin:12px 0 2px}
/* footer trust row */
footer{flex-wrap:wrap}
.footer-disclosure{flex-basis:100%;order:3;max-width:none;font-size:12px;line-height:1.9;color:rgba(255,245,233,.72);border-top:1px solid rgba(255,255,255,.1);padding-top:20px;margin:8px 0 0}
.foot-nav{order:4}
/* mobile tab bar + CTA */
.mobile .cta{color:#2a1405;background:linear-gradient(#ffd04b,#f47b16);border-radius:10px;font-weight:bold}
@media(max-width:1000px){.cta-band{margin-inline:28px;padding:32px}}
@media(max-width:640px){
 body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
 footer{padding-bottom:28px}
 header{gap:10px;padding-inline:16px;height:auto;min-height:76px;flex-wrap:nowrap}
 header .brand img{width:96px;height:34px}
 .auth{gap:7px;flex-wrap:nowrap}
 .button.small{font-size:11.5px;padding:8px 10px;min-height:38px;gap:4px}
 .cta-row .button{flex:1 1 100%}
 .cta-band,section.cta-band{margin:0 22px 48px;padding:26px 22px}
 html{scroll-padding-top:92px}
 .ticker{position:relative;z-index:1}
 .category:first-child{min-height:200px}
 .category:first-child .icon{font-size:46px}
 .category:first-child h3{font-size:19px}
 .band figcaption{padding:28px 22px 32px}
 .stats{padding:24px 18px}
 .mobile{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
 .mobile a{font-size:9.5px;padding-inline:2px;white-space:nowrap}
 .mobile b{font-size:20px}
}

/* --- v4: CTA clarity, category grid, reading room band --- */
:root{
 --space-3:12px;--space-5:20px;--space-6:28px;--space-7:56px;
 --surface-card:linear-gradient(150deg,#271c30,#19131f);
 --surface-card-featured:linear-gradient(150deg,#362141,#1b1422);
 --color-text-muted:#c9bdd4;
}
/* header: logo lockup */
header .brand{display:flex;align-items:center;gap:10px;margin-right:auto}
header .brand img{width:148px;height:50px;object-fit:contain;display:block}
/* CTA: one clear primary, secondaries as quieter links */
.cta-stack{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.cta-row--hero{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-5)}
.cta-row--hero>.button{font-size:15px;padding-inline:30px}
.cta-sub{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}
.button.ghost.link{border:0;background:none;box-shadow:none;color:var(--gold);padding:8px 6px;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:5px}
.button.ghost.link:hover{background:none;color:#ffd47a}
.button.ghost.soft{font-weight:normal}
.cta-disclosure{font-size:.8125rem;line-height:1.7;color:var(--color-text-muted);max-width:60ch;margin:14px 0 0}
.cta-disclosure a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.cta-band .cta-stack{flex:1 1 320px}
.hero-copy>p.cta-disclosure,.cta-band .cta-disclosure,.guide>.cta-disclosure,.statement p.cta-disclosure{font-size:.8125rem;line-height:1.7;color:var(--color-text-muted);max-width:60ch;margin:14px 0 0}
.cta-band .cta-disclosure{margin:0}
/* section head: single left-reading axis */
.section-head>p{text-align:left;max-width:38ch;margin-left:auto;line-height:1.7;font-size:14px;color:var(--color-text-muted)}
/* category grid: flush 3-column rhythm + one entry point */
.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}
.category{grid-column:auto;background:var(--surface-card);min-height:224px;padding:26px 22px 30px}
.category .icon{font-size:1.5rem;line-height:1.4;margin:12px 0 4px}
.category h3{font-size:17px}
.category p{font-size:.875rem;line-height:1.7;color:var(--color-text-muted);margin:8px 0 0;max-width:32ch}
.category small{color:#c0a0c4;letter-spacing:1px}
.category:first-child,.category.featured{grid-column:auto;background:var(--surface-card-featured);border-top:2px solid var(--gold)!important}
.category.featured .icon{font-size:2.5rem;margin:10px 0 2px}
.category.featured h3{font-size:21px}
.category.featured small{color:var(--gold)}
/* reading room band */
.band{min-height:380px;align-items:center;padding:var(--space-7) var(--space-5);background-position:72% center}
.band figcaption{position:relative;width:100%;max-width:none;padding:0}
.band__inner{max-width:1200px;margin-inline:auto;padding-inline:var(--space-6)}
.band .eyebrow{position:relative;display:inline-block;padding-top:20px}
.band .eyebrow::before{content:"";position:absolute;top:0;left:0;width:76px;height:2px;background:var(--gold)}
.band h2{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.45;max-width:18ch;margin:14px 0 0;color:#fff3e2}
.band figcaption p:not(.eyebrow){font-size:16px;line-height:1.9;color:var(--color-text-muted);max-width:46ch;margin:12px 0 0}
.band .button{margin-top:22px}
@media(max-width:900px){.band{min-height:340px;background-position:76% center}}
@media(max-width:640px){
 .band{min-height:320px;padding:48px 22px}
 .band__inner{padding-inline:0}
 .band figcaption p:not(.eyebrow){font-size:15px}
 .section-head>p{margin-left:0;margin-top:12px}
 .hero .cta-row--hero,.cta-band .cta-row--hero,.statement .cta-row--hero,.guide>.cta-row--hero{display:block}
 .hero .cta-row--hero>.button,.cta-band .cta-row--hero>.button,.statement .cta-row--hero>.button,.guide>.cta-row--hero>.button{display:flex;width:100%}
 .cta-sub{display:flex;margin-top:14px;gap:var(--space-3)}
 .cta-sub .button{flex:0 1 auto;width:auto}
 .cta-disclosure{font-size:12.5px}
}
@media(max-width:560px){
 .categories{grid-template-columns:1fr}
 .category{min-height:0;padding:22px 20px 26px}
 .category p{max-width:none}
}

/* --- v5: CTA clarity, mobile hero band, reading-room hierarchy, rhythm --- */
:root{
 --space-2:8px;--space-4:16px;--space-8:40px;--space-10:4rem;
 --color-accent:#ffb629;
}
/* 1 · one obvious primary action */
.button{transition:filter .18s ease,transform .18s ease,box-shadow .18s ease}
.cta-row--hero>.button:not(.ghost){min-height:52px;font-size:16px;padding-inline:32px;border:1px solid #ffdb92;box-shadow:0 10px 28px rgba(255,128,21,.26)}
.cta-row--hero>.button:not(.ghost):hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(255,128,21,.36)}
.cta-row--hero>.button:not(.ghost):active{transform:translateY(0)}
.button.ghost.soft{font-size:14px;font-weight:normal;border-color:rgba(255,182,41,.4);color:#ffd79a}
.button.ghost.soft:hover{border-color:var(--gold);background:rgba(255,182,41,.12)}
/* 2 · header: no duplicate signup pill on small screens */
@media(max-width:767px){
 header .auth .button:not(.ghost){display:none}
 header .auth{gap:0}
 header .brand img{width:112px;height:38px}
}
/* 3 · disclosure legibility */
.cta-disclosure,.hero-copy>p.cta-disclosure,.cta-band .cta-disclosure,.statement p.cta-disclosure,.guide>.cta-disclosure{font-size:.8125rem;line-height:1.75;color:#cbc0d5;max-width:62ch}
.cta-disclosure a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px;font-weight:bold}
/* 4 · section support text keeps a flush-left edge */
.section-head>p{text-align:left;max-width:34ch;margin-left:auto;align-self:end}
/* 5 · category grid: two-tier rhythm + label chips */
.category{display:flex;flex-direction:column;align-items:flex-start}
.category .icon{font-size:1.125rem;margin:10px 0 2px}
.category.tier-2 .icon{font-size:1.5rem}
.category.featured .icon{font-size:2.5rem}
.category p{margin:8px 0 14px;max-width:34ch}
.card__meta{display:inline-block;margin-top:auto;padding:4px 11px;border:1px solid rgba(255,182,41,.35);border-radius:999px;background:rgba(255,182,41,.07);color:#e9cf96;font-size:11px;letter-spacing:.04em;line-height:1.6}
.category.featured .card__meta{border-color:transparent;background:linear-gradient(#ffd04b,#f6ae2c);color:#2a1405;font-weight:bold}
.category.tier-2 .card__meta{border-color:rgba(255,182,41,.55)}
/* 6 · reading room: real hierarchy, centred column, strong outline CTA */
.band__inner{display:grid;grid-template-columns:minmax(320px,46%) 1fr;align-items:center;gap:var(--space-6) var(--space-8);max-width:1200px;margin-inline:auto;padding-inline:var(--space-8)}
.band h2{font-size:clamp(2rem,3.2vw,2.75rem);max-width:20ch}
.band figcaption .band__text p:not(.eyebrow){max-width:44ch}
.band__action{justify-self:start}
.band .button.band__cta{display:inline-flex;min-height:48px;margin:0;padding:12px 28px;border:2px solid var(--gold);border-radius:8px;background:rgba(255,182,41,.1);color:#ffd98a;font-size:16px;font-weight:bold;box-shadow:none}
.band .button.band__cta:hover{background:rgba(255,182,41,.2);color:#fff1d2}
.band figcaption p.band__note{font-size:.8125rem;line-height:1.7;color:var(--color-text-muted);margin:12px 0 0;max-width:34ch}
/* 7 · mid-page panel: paragraphs read as one block */
.statement h2{margin:10px 0 var(--space-4)}
.statement p:not(.eyebrow):not(.cta-disclosure){font-size:15px;line-height:1.7;max-width:56ch;margin-block:0 var(--space-2)}
.statement .cta-row--hero{margin-top:var(--space-6)}
/* 8 · even section rhythm */
section.stats{margin:0 auto}
#categories{padding-top:clamp(28px,3vw,40px);padding-bottom:clamp(44px,4.5vw,64px)}
.section-head{margin-bottom:clamp(24px,3vw,36px)}
@media(max-width:900px){
 .band__inner{grid-template-columns:1fr;gap:var(--space-5)}
}
@media(max-width:768px){
 main>section.wrap:not(.cta-band):not(.stats){padding-block:var(--space-10)}
 #categories{padding-top:var(--space-6)}
}
/* 9 · mobile hero: the photography becomes a visible band above the headline */
@media(max-width:640px){
 .hero{display:block;min-height:0;padding:0 0 32px;background-image:none;background-color:#140d18}
 .hero::before{content:"";display:block;height:min(48vh,330px);background-image:linear-gradient(180deg,rgba(13,12,16,.1) 0%,rgba(20,10,25,.34) 50%,rgba(20,10,25,.84) 86%,#140d18 100%),url('assets/hero.png');background-size:cover;background-position:70% center;background-repeat:no-repeat}
 .hero-copy{position:relative;max-width:none;padding:0 22px;margin-top:-18px}
 .hero h1{margin:8px 0 16px}
 .hero-caption{position:static;margin:22px 22px 0;padding-top:14px}
 .band__inner{padding-inline:0}
 .cta-disclosure{font-size:.8125rem}
 .category p{max-width:none}
}

/* --- v6: login/register pair, reading-room baseline, rhythm, tab bar --- */
/* 1 · the ล็อกอิน action reads as a real (secondary) button next to the amber primary */
.button.ghost.link{border:1px solid rgba(255,182,41,.6);background:rgba(255,182,41,.07);border-radius:7px;padding:11px 22px;min-height:48px;font-size:15px;font-weight:bold;color:#ffd47a;text-decoration:none;box-shadow:none}
.button.ghost.link:hover{background:rgba(255,182,41,.16);border-color:var(--gold);color:#fff1d2}
header .auth .button.ghost{border-color:rgba(255,182,41,.6);background:rgba(255,182,41,.08)}
.cta-sub{gap:var(--space-4)}
/* 2 · disclosure legibility */
.cta-disclosure,.hero-copy>p.cta-disclosure,.cta-band .cta-disclosure,.statement p.cta-disclosure,.guide>.cta-disclosure{font-size:.8125rem;line-height:1.8;color:#d3c9dc;max-width:62ch}
.cta-disclosure a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px;font-weight:bold}
/* 3 · section support copy: right-hand column, left-reading axis */
.section-head>p{text-align:left;max-width:36ch;margin-left:auto;align-self:end;justify-self:end}
/* 4 · mid-page panel: supporting copy is one paragraph */
.editorial .statement p.statement__body{font-size:15px;line-height:1.75;max-width:46ch;margin:0 0 var(--space-4)}
/* 5 · category grid: a clear second tier after the featured card */
.category.tier-2{background:linear-gradient(150deg,#31233a,#1b1523);border-color:rgba(255,182,41,.32)!important}
.category.tier-2 .icon{font-size:2rem}
/* 6 · reading room: one left column, CTA aligned to its bottom baseline */
.band__inner{max-width:1120px;margin-inline:auto;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--space-6) var(--space-8);padding-inline:var(--space-6)}
.band__text p:not(.eyebrow){max-width:46ch}
.band__action{justify-self:end;align-self:end;max-width:34ch}
.band .button.band__cta{margin:0}
.band figcaption p.band__note{margin:10px 0 0}
@media(max-width:900px){
 .band__inner{grid-template-columns:1fr;align-items:start}
 .band__action{justify-self:start}
}
/* 6b · footer logo lockup */
footer .logo{width:132px;height:46px;object-fit:contain;display:block;margin-bottom:6px}
/* 7 · tab bar: the signup tab matches the other tabs (amber icon only) */
.mobile .cta{background:none;color:#e5cf84;font-weight:normal;border-radius:0;box-shadow:none}
.mobile .cta b{color:var(--gold)}
/* 8 · one vertical rhythm for every top-level block on small screens */
@media(max-width:480px){
 main>section.wrap:not(.cta-band):not(.stats){padding-block:var(--space-7)}
 .editorial{margin-block:0}
 .band{padding-block:var(--space-7)}
 section.cta-band{margin-block:0 var(--space-7)}
}
/* 9 · mobile hero: headline sits on the photograph, not below a detached band */
@media(max-width:640px){
 .hero::before{height:min(52vh,352px);background-image:linear-gradient(180deg,rgba(13,12,16,.12) 0%,rgba(20,10,25,.42) 46%,rgba(20,10,25,.9) 74%,#140d18 100%),url('assets/hero.png');background-position:70% 30%}
 .hero-copy{margin-top:-82px}
 .hero .eyebrow,.hero h1{text-shadow:0 2px 12px rgba(0,0,0,.55)}
 .cta-sub{gap:var(--space-3)}
 .cta-sub .button.ghost.link{padding:10px 16px;font-size:14px}
}

/* --- v7: compact mobile, tab bar in flow, reading-room grid+scrim, legible meta --- */
:root{--space-9:48px;--color-text:#fff5e9;--color-text-muted:#c9bdd4}
/* 1 · small-print legibility (meta + disclosure) */
.meta{font-size:.8125rem;line-height:1.75;color:#c6bacd;letter-spacing:.2px}
.meta time{color:#f0cf8e}
.cta-disclosure,.hero-copy>p.cta-disclosure,.cta-band .cta-disclosure,.statement p.cta-disclosure,.guide>.cta-disclosure{line-height:1.75;color:#d6ccdf}
/* 2 · one calmer tertiary weight per button group */
.button.ghost.soft{border-color:rgba(255,182,41,.38);color:var(--color-text)}
.button.ghost.soft:hover{color:#fff1d2}
/* 3 · category grid reads in three levels */
.category:not(.featured):not(.tier-2) .icon{font-size:1.25rem}
.category:not(.featured):not(.tier-2) h3{font-size:16px;color:var(--color-text-muted)}
/* 4 · reading room: 7fr/4fr grid, shared bottom baseline, scrim behind the copy */
.band::before{background:linear-gradient(90deg,rgba(13,12,16,.7),rgba(13,12,16,.32) 55%,rgba(13,12,16,.66))}
.band__inner{grid-template-columns:minmax(0,7fr) minmax(280px,4fr);align-items:end;column-gap:var(--space-8);padding:var(--space-6);border-radius:14px;background:linear-gradient(90deg,rgba(14,8,20,.88),rgba(14,8,20,.45))}
.band__action{justify-self:end;align-self:end}
.band figcaption p.band__note{font-size:.875rem;line-height:1.7;color:var(--color-text);max-width:32ch}
@media(max-width:900px){
 .band__inner{grid-template-columns:1fr;gap:var(--space-5);background:linear-gradient(180deg,rgba(14,8,20,.88),rgba(14,8,20,.62))}
}
/* 5 · mobile: the tab bar sits in the flow (sticky) and never covers the disclosure */
@media(max-width:640px){
 body{padding-bottom:0}
 .mobile{position:sticky;bottom:0;left:auto;right:auto;z-index:4;gap:2px;padding:6px 8px calc(6px + env(safe-area-inset-bottom))}
 .mobile a{min-height:44px;gap:3px;font-size:9.5px}
 .mobile b{font-size:17px}
 footer{padding:26px 20px 22px}
 footer p{margin:10px 0}
}
/* 6 · mobile hero: one photographic composition, no detached banner */
@media(max-width:640px){
 .hero{display:block;min-height:0;padding:0 0 26px;background-color:#140d18;background-image:linear-gradient(180deg,rgba(14,8,20,.12) 0,rgba(14,8,20,.46) 150px,rgba(14,8,20,.9) 330px,#140d18 430px),url('assets/hero.png');background-size:100% 430px,auto 430px;background-position:left top,70% top;background-repeat:no-repeat}
 .hero::before{display:none}
 .hero-copy{margin:0;max-width:none;padding:min(32vw,146px) 20px 0}
 .hero h1{font-size:42px;margin:10px 0 12px}
 .hero h1 span{font-size:30px}
 .hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;margin-bottom:18px}
 .hero .cta-row{margin-top:18px}
 .hero-caption{position:static;margin:18px 20px 0;padding-top:12px}
}
/* 7 · mobile: one vertical rhythm, tighter blocks */
@media(max-width:640px){
 p{line-height:1.8}
 .wrap{padding-inline:20px}
 main>section.wrap:not(.cta-band):not(.stats):not(.editorial),section.stats{padding-block:var(--space-9)}
 #categories{padding-top:var(--space-6);padding-bottom:var(--space-9)}
 .section-head{margin-bottom:20px}
 .band{min-height:0;padding:var(--space-9) 20px}
 .band__inner{padding:var(--space-5) var(--space-4)}
 .band h2{font-size:1.6rem;line-height:1.4;margin-top:10px}
 .band figcaption p:not(.eyebrow){font-size:14.5px;line-height:1.8;margin-top:8px}
 main>section.editorial.wrap{margin:0 20px;padding:26px 20px}
 .statement h2{font-size:27px}
 .cta-band,section.cta-band{margin:0 20px var(--space-9);padding:24px 20px}
 .stats{padding:20px 16px;gap:10px}
 .stats div{padding:4px 0 4px 14px}
 .stats b{font-size:23px}
 .stories{gap:14px}
 .stories article{padding:22px 20px}
 .stories h3{font-size:19px;margin:10px 0 8px}
 .stories p{font-size:13.5px;line-height:1.8;margin-bottom:14px}
 .faq details{padding:14px 18px;margin-bottom:10px}
 .ticker{padding:11px 14px}
 .category{padding:20px 18px 22px}
 .category p{margin:6px 0 12px}
}

/* --- v8: clearer conversion paths and mobile legibility --- */
:root{
 --font-size-xs:.8125rem;
 --line-height-tight-th:1.7;
 --color-text-muted-strong:#d8cedf;
}
/* The primary journey remains unmistakable: amber signup, outlined login, quiet reading link. */
.cta-row--hero>.button:not(.ghost){font-weight:800}
.button.ghost.soft{border-color:color-mix(in srgb,var(--color-accent) 35%,transparent);color:var(--color-text)}

/* Small trust copy remains readable against the hero and clearly exposes outbound links. */
.hero .cta-disclosure{
 font-size:var(--font-size-xs);
 line-height:1.75;
 color:var(--color-text-muted-strong);
}
.hero .cta-disclosure a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}
.hero .meta{margin-bottom:var(--space-6)}

/* Align the category introduction to the same grid as its cards. */
.section-head{display:grid;grid-template-columns:1fr minmax(320px,420px);align-items:end}
.section-head .section-support,.section-head>p{text-align:left;max-width:42ch;margin-left:0;justify-self:start}

/* Give a second category a visible scan point without turning every card into a feature. */
.category.category--feature{border-top:2px solid var(--color-accent)!important;background:linear-gradient(150deg,#392440,#1b1422)}
.category.category--feature h3{font-size:var(--font-size-xl,1.25rem);color:var(--color-text)}
.category.category--feature .card__meta{background:rgba(255,182,41,.14);border-color:rgba(255,182,41,.55);color:#f5d79a}

/* Reading Room columns meet on a shared baseline; the note gets its own contrast layer. */
.band__inner{display:grid;grid-template-columns:minmax(0,7fr) minmax(280px,4fr);gap:var(--space-8);align-items:end}
.band figcaption p.band__note{font-size:.875rem;line-height:1.7;color:var(--color-text);background:color-mix(in srgb,#17111d 78%,transparent);padding:var(--space-2) var(--space-3);border-radius:4px}

@media(max-width:640px){
 /* Fixed navigation no longer obscures the final disclosure or metadata. */
 body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
 .mobile{position:fixed;bottom:0;left:0;right:0;z-index:10}
 .site-header .btn-primary,header .auth .button:not(.ghost){display:none}
 .mobile .cta{background:none;color:var(--color-text-muted);font-weight:normal}
 .mobile .cta b{color:var(--color-text-muted)}

 /* Keep the photographic hero, headline and actions as one composition. */
 .hero{position:relative;background-image:linear-gradient(180deg,transparent 30%,#140d18 92%),url('assets/hero.png');background-size:cover;background-position:70% top;background-repeat:no-repeat}
 .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,#140d18 92%);pointer-events:none;z-index:0}
 .hero-copy,.hero-caption{position:relative;z-index:1}

 /* A compact two-column collection keeps key labels visible without a long mobile wall. */
 .categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
 .category{min-height:0;padding:var(--space-4)}
 .category .icon{font-size:1.25rem}
 .category.featured .icon,.category.category--feature .icon{font-size:1.6rem}
 .category p{font-size:.8125rem;line-height:1.6}

 .section-head{display:block}
 .section-head .section-support,.section-head>p{margin-top:var(--space-3);max-width:42ch}
 .band{margin-block:0}
 main>section.wrap:not(.cta-band):not(.stats){padding-block:var(--space-10)}
}
@media(max-width:480px){
 .category .card__meta{display:none}
}
@media(max-width:900px){
 .band__inner{grid-template-columns:1fr;gap:var(--space-5)}
 .band__action{justify-self:start}
}

/* --- v9: compact mobile composition and reading clarity --- */
/* The collection introduction follows one left-hand reading edge. */
.collection-heading{display:block}
.collection-heading__support{
 text-align:left;
 max-width:42ch;
 margin:10px 0 0;
}

/* A restrained surface shift creates an easy scan rhythm across the collection. */
.category:nth-child(3n + 1){background:linear-gradient(150deg,#32243b,#1d1524)}
.category:first-child{
 border-top:4px solid var(--cta-amber,var(--gold))!important;
 background:linear-gradient(145deg,#43284a,#1e1525);
}

/* Keep the Reading Room action and its supporting detail readable over photography. */
.reading-room__cta-wrap{
 background:rgba(17,10,16,.72);
 backdrop-filter:blur(4px);
 padding:12px 14px;
 border-radius:8px;
}
.reading-room__meta{
 font-size:.875rem!important;
 line-height:1.65!important;
 color:#f2e7d4!important;
}

@media(max-width:767px){
 :root{--section-space-mobile:56px}
 body{padding-bottom:76px}
 .mobile-bottom-nav{
 position:fixed;
 bottom:0;
 left:0;
 right:0;
 height:64px;
 min-height:0;
 padding:5px 8px;
 }
 .mobile-bottom-nav a{min-height:48px}
 .hero-meta{margin-bottom:88px!important}

 /* One continuous image-and-copy opening replaces the detached image strip. */
 .hero{
 min-height:560px;
 padding:0 20px 30px;
 background-image:linear-gradient(180deg,rgba(18,9,14,.10) 0%,rgba(18,9,14,.82) 42%,#120d15 100%),url('assets/hero.png');
 background-size:cover;
 background-position:68% center;
 background-repeat:no-repeat;
 }
 .hero::before,.hero::after{display:none}
 .hero-content{
 position:relative;
 z-index:1;
 max-width:none;
 margin:0;
 padding:220px 0 0;
 }
 .hero-caption{position:relative;z-index:1;margin:18px 0 0}

 /* Shorter cards retain the title and linked destination while limiting copy to two lines. */
 .category-grid,.categories{gap:10px}
 .category-grid .category,.categories .category{
 min-height:190px;
 padding:16px;
 }
 .category-grid .category .icon,.categories .category .icon{font-size:20px}
 .category-grid .category p,.categories .category p{
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2;
 overflow:hidden;
 }

 /* Use the same section interval through the middle of the mobile page. */
 #categories.collection-section{padding-block:var(--section-space-mobile)}
 .reading-room{margin-block:0;padding-block:var(--section-space-mobile)}
 main>section.editorial.perspective-section.wrap{margin-block:0;padding-block:var(--section-space-mobile)}
}

/* The tab-bar account entry is neutral; amber fills remain reserved for in-context primary CTAs. */
.mobile-bottom-nav .nav-signup{background:none;color:var(--color-text-muted);font-weight:normal;border-radius:0;box-shadow:none}
.mobile-bottom-nav .nav-signup b{color:var(--color-text-muted)}

/* --- v10: focused CTA contrast and compact mobile reading path --- */
/* Keep the Reading Room CTA caption readable as a discrete panel over photography. */
.reading-room .reading-note{
 display:block;
 font-size:.875rem!important;
 line-height:1.65!important;
 color:#f3e8d7!important;
 background:rgba(12,8,15,.72);
 padding:.5rem .625rem;
 border-radius:.375rem;
}

/* The first collection is the clear entry point without changing the smaller-card rhythm. */
@media(min-width:769px){
 .collection-card.is-featured{
  grid-column:span 2;
  background:linear-gradient(145deg,#382443,#1b1420);
 }
}

/* Preserve the compact two-column collection on small screens. */
@media(max-width:768px){
 .collection-card.is-featured{grid-column:auto}
}

@media(max-width:480px){
 /* Shorter section intervals bring the journal and FAQ into the reading journey sooner. */
 main>section.wrap:not(.stats):not(.cta-band){padding-block:2.75rem}
 .reading-room{
  min-height:20rem;
  padding:2.25rem 1rem;
 }
 .perspective-card,
 main>section.editorial.perspective-section.wrap.perspective-card{padding:1.5rem}
 .perspective-section{margin-top:2.5rem!important}

 /* Articles remain available while taking only one horizontal row on narrow screens. */
 .journal-rail{
  display:flex;
  overflow-x:auto;
  gap:1rem;
  padding-bottom:.25rem;
  scroll-snap-type:x proximity;
 }
 .journal-rail .journal-card{
  flex:0 0 min(78vw,19rem);
  min-height:auto;
  scroll-snap-align:start;
 }
}

/* --- v11: collection hierarchy and compact reading path --- */
:root{--amber:var(--gold)}

/* Reading Room copy keeps a calm, legible contrast layer over the image. */
.reading-room__content{position:relative;isolation:isolate}
.reading-room__content::before{
 content:"";
 position:absolute;
 z-index:0;
 inset:0 38% 0 0;
 border-radius:14px 0 0 14px;
 background:linear-gradient(90deg,rgb(13 9 14 / .82),rgb(13 9 14 / .35),transparent);
 pointer-events:none;
}
.reading-room__content > *{position:relative;z-index:1}
.reading-room .supporting-copy{
 font-size:.875rem;
 line-height:1.7;
 color:#f5ede4;
 text-shadow:0 1px 8px rgb(0 0 0 / .8);
}

/* Secondary details stay comfortably above small-print size. */
.category small,
.card__meta,
.stories small,
.meta{font-size:.8125rem}

/* A single amber entry point gives the collection a clear place to start. */
.collection-card--featured{
 border-color:var(--amber)!important;
 box-shadow:inset 0 2px 0 var(--amber);
}
.collection-card--featured h3{font-size:1.3rem}
.collection-card:not(.collection-card--featured) .icon{opacity:.82}

@media(min-width:769px){
 .collection-card:last-child{grid-column:span 2}
}

@media(max-width:600px){
 .reading-room{min-height:470px;padding-block:56px}
 .perspective-card,
 main>section.editorial.perspective-section.wrap.perspective-card{padding:32px 20px}
 .collection-section,
 .journal-section{padding-block:56px}
}

/* --- v12: clear CTAs, compact mobile path and accessible mobile navigation --- */
:root{--text-meta:.8125rem;--text-meta-line-height:1.65}

/* Keep labels, supporting copy and outbound actions easy to read at a glance. */
.hero .cta-disclosure,
.hero .disclosure,
.reading-room .meta,
.reading-room .reading-room__meta,
.category-card p,
.category p{
 font-size:var(--text-meta);
 line-height:var(--text-meta-line-height);
}
.hero .cta-disclosure,
.hero .disclosure{ text-shadow:0 1px 10px rgba(0,0,0,.7); }
.reading-room .reading-room__meta{ text-shadow:0 1px 10px rgba(0,0,0,.7); }

/* The logo remains a visible, linked brand anchor in the header. */
.site-header .brand .logo{display:block;width:148px;height:50px;object-fit:contain}
.mobile-menu-toggle,.mobile-nav{display:none}

/* A balanced two-column collection prevents an unfinished last row on larger screens. */
@media(min-width:769px){
 .category-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:900px;
  margin-inline:auto;
 }
 .category-card--featured,
 .collection-card--featured{
  grid-column:span 2;
  padding:28px;
 }
 .collection-section{padding-bottom:72px}
}

@media(max-width:640px){
 /* Bring decision-helping content closer together without shrinking its type. */
 main > section.wrap:not(.cta-band),
 main > section.editorial.wrap{padding-block:48px}
 #categories.collection-section,
 .journal-section{padding-block:48px}
 .reading-room{min-height:360px;padding-block:48px}
 .perspective-card,
 main>section.editorial.perspective-section.wrap.perspective-card{padding:28px 20px}

 /* The starting card is visibly distinct, while the rest remain quiet. */
 .category-card--featured,
 .collection-card--featured{
  background:linear-gradient(145deg,#4a3027,#271922)!important;
  border-color:rgba(255,182,41,.9)!important;
 }
 .category-card--featured small,
 .collection-card--featured small{
  display:inline-block;
  padding:3px 8px;
  border-radius:999px;
  background:rgba(255,182,41,.22);
  color:#ffe2a0;
  font-weight:bold;
 }

 /* A purposeful horizontal Journal rail, with a fade cue for the next card. */
 .journal-section{position:relative}
 .journal-rail,
 .journal-grid{
  display:flex;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  gap:12px;
  padding-right:20px;
  scrollbar-width:thin;
 }
 .journal-rail .journal-card,
 .journal-grid .journal-card{
  flex:0 0 calc(100% - 44px);
  min-width:calc(100% - 44px);
  scroll-snap-align:start;
 }
 .journal-section::after{
  content:"";
  position:absolute;
  z-index:2;
  pointer-events:none;
  top:142px;
  right:0;
  bottom:48px;
  width:42px;
  background:linear-gradient(90deg,transparent,rgba(13,12,16,.96));
 }

 /* A 44px control opens the complete, high-contrast mobile navigation drawer. */
 .site-header{position:sticky}
 .site-header .desktop-nav{display:none}
 .mobile-menu-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-width:44px;
  min-height:44px;
  padding:6px 8px;
  border:1px solid rgba(255,182,41,.65);
  border-radius:7px;
  background:rgba(33,18,28,.9);
  color:#ffe2a0;
  font:inherit;
  font-size:12px;
  cursor:pointer;
 }
 .mobile-menu-toggle span:first-child{font-size:20px;line-height:1}
 .mobile-menu-toggle:focus-visible{outline:3px solid #ffe480;outline-offset:3px}
 .mobile-nav{
  position:absolute;
  top:100%;
  right:12px;
  left:12px;
  z-index:20;
  padding:12px;
  border:1px solid rgba(255,182,41,.48);
  border-radius:10px;
  background:linear-gradient(145deg,#2a172d,#160e19);
  box-shadow:0 16px 32px rgba(0,0,0,.45);
 }
 .mobile-nav.is-open{display:grid;gap:4px}
 .mobile-nav a{
  display:block;
  min-height:44px;
  padding:10px 12px;
  border-radius:6px;
  color:#fff5e9;
  font-size:15px;
 }
 .mobile-nav a:hover,.mobile-nav a:focus-visible{background:rgba(255,182,41,.14);color:#ffe2a0}
}

@media(max-width:390px){
 .mobile-menu-toggle__label{display:none}
 .mobile-menu-toggle{padding-inline:10px}
}

@media(min-width:641px){.mobile-nav.is-open{display:none}}

/* --- v13: CTA legibility, compact mobile journey and navigation trust links --- */
/* Supporting CTA copy and card descriptions remain readable over the dark imagery. */
.hero .disclosure,
.hero .cta-disclosure,
.reading-room .meta,
.reading-room .reading-room__meta,
.category-card p,
.category p,
.perspective-card p:not(.eyebrow){
 font-size:clamp(.82rem, 1.1vw, .98rem);
 line-height:1.7;
 color:rgba(255,248,235,.78);
}
.reading-room .reading-room__meta{color:rgba(255,248,235,.78)!important}

/* A dedicated image scrim keeps the Reading Room CTA and note clear of the CGI background. */
.reading-room::before{background:rgba(10,6,12,.52)}

/* The secondary route is distinct; routine cards keep their decoration quieter. */
.category-card--featured-secondary{
 background:linear-gradient(135deg,#31223c,#1d1327)!important;
 border-color:rgba(240,174,45,.62)!important;
}
.category-card:not(.collection-card--featured):not(.category-card--featured-secondary) .icon,
.category-card:not(.collection-card--featured):not(.category-card--featured-secondary) small,
.category:not(.collection-card--featured):not(.category-card--featured-secondary) .icon,
.category:not(.collection-card--featured):not(.category-card--featured-secondary) small{opacity:.62}

.show-all-categories{display:none}
.swipe-hint{display:none}

@media(min-width:768px){
 .category-card:nth-child(6){grid-column:span 2;max-width:none}
}

@media(max-width:640px){
 .mobile-nav .trust-links{
  display:block;
  border-top:1px solid rgba(240,174,45,.28);
  margin-top:16px;
  padding-top:16px;
 }
 .mobile-nav .trust-links a{display:block}

 .swipe-hint{
  display:block;
  margin:6px 0 0;
  font-size:.75rem;
  line-height:1.5;
  color:var(--amber);
 }
 .journal-track{
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding-inline:12px 28px;
 }
 .journal-track .journal-card{
  flex:0 0 82vw;
  min-width:82vw;
  scroll-snap-align:start;
 }
}

@media(max-width:600px){
 .stats-section,.stats,
 .explore-section,.collection-section,
 .reading-room,
 .perspective-section{padding-block:48px}
 .reading-room{min-height:380px}
 .category-grid .category-card:nth-child(n+5),
 .category-grid .category:nth-child(n+5){display:none}
 .category-grid.category-grid--expanded .category-card:nth-child(n+5),
 .category-grid.category-grid--expanded .category:nth-child(n+5){display:flex}
 .show-all-categories{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  margin:16px 0 0;
  padding:10px 16px;
  border:1px solid rgba(255,182,41,.65);
  border-radius:7px;
  background:rgba(255,182,41,.08);
  color:#ffe2a0;
  font:inherit;
  font-weight:bold;
  cursor:pointer;
 }
 .show-all-categories:focus-visible{outline:3px solid #ffe480;outline-offset:3px}
}

/* --- v14: supporting copy and navigation cues --- */
:root{--text-muted:#c9bfc8}

.hero .description,
.cta-note,
.cta-disclosure,
.reading-room .supporting-copy,
.category-card p{
 font-size:.95rem;
 line-height:1.7;
 color:var(--text-muted);
}
.cta-disclosure{font-size:.95rem!important;line-height:1.7!important}
.hero .description,
.hero .cta-disclosure{
 background:linear-gradient(90deg,rgba(12,8,15,.72),rgba(12,8,15,.58),transparent);
 border-radius:4px;
 padding-inline:.4rem;
}

/* The featured entry stays primary; remaining routes scan quickly and respond to input. */
.category-card:not(:first-child) h3{font-size:1.2rem;font-weight:700}
.category-card:not(:first-child) .card__meta{opacity:.72}
.category-card{transition:border-color .18s ease,transform .18s ease,background .18s ease}
.category-card:hover,
.category-card:focus-visible{border-color:var(--amber)!important;transform:translateY(-2px)}

/* Close the desktop grid with a full-width final route rather than an empty column. */
@media(min-width:769px){
 .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .category-grid .category-card:last-child{grid-column:1 / -1}
}

@media(max-width:640px){
 .mobile-nav .mobile-trust-links{
  display:block;
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid rgba(240,174,45,.28);
 }
 .mobile-nav .mobile-trust-links a{
  display:flex;
  align-items:center;
  min-height:44px;
  color:var(--text-muted);
 }
 .journal-track{
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding-inline:1rem 2.5rem;
 }
 .journal-track .journal-card{scroll-snap-align:start}
}

@media(max-width:600px){
 .collection-section{padding-block:3.5rem}
}

.reading-room .supporting-copy,
.category-grid .category-card p{
 font-size:.95rem!important;
 line-height:1.7!important;
}

.hero .meta,.meta{color:var(--text-muted)}
.hero .meta{
 display:inline-block;
 background:rgba(12,8,15,.58);
 border-radius:4px;
 padding-inline:.4rem;
}

/* --- v15: readable supporting copy and a shorter mobile decision path --- */
:root{--supporting-copy:#DDD2D7}
/* Keep the explanatory text at a comfortable reading size and separate hero text from the CGI image. */
.hero .description,
.hero .supporting-copy,
.hero .disclosure,
.hero .cta-disclosure,
.reading-room .meta,
.reading-room .supporting-copy,
.collection-card p{
 font-size:.95rem!important;
 line-height:1.7!important;
 color:var(--supporting-copy)!important;
}
.hero .description,
.hero .cta-disclosure{
 background:rgba(17,10,19,.68);
 text-shadow:0 1px 8px rgba(0,0,0,.55);
}

@media(max-width:640px){
 /* FAQ follows the overview, before the collection, so it is reachable within the opening screens. */
 #main:has(> .hero){display:flex;flex-direction:column}
 #main:has(> .hero) > .hero{order:1}
 #main:has(> .hero) > .ticker{order:2}
 #main:has(> .hero) > .stats{order:3}
 #main:has(> .hero) > .faq{order:4}
 #main:has(> .hero) > .collection-section{order:5}
 #main:has(> .hero) > .reading-room{order:6}
 #main:has(> .hero) > .perspective-section{order:7}
 #main:has(> .hero) > .journal-section{order:8}
 #main:has(> .hero) > .cta-band{order:9}

 .hero .description,
 .hero .supporting-copy,
 .hero .disclosure,
 .hero .cta-disclosure,
 .reading-room .meta,
 .reading-room .supporting-copy,
 .collection-card p{font-size:.9rem!important}

 /* The partial Journal card is intentionally a swipeable continuation. */
 .journal-track{padding-right:2rem;scroll-snap-type:x mandatory}
 .journal-track .journal-card{scroll-snap-align:start}
}

/* --- v16: CTA clarity, reading contrast and mobile decision path --- */
:root{--text-muted:#d0c5cc}

/* Supporting text stays readable against the hero artwork and textured surfaces. */
.hero .supporting-copy,
.card p,
.disclosure,
.hero .cta-disclosure,
.category-card p,
.reading-room .meta,
.reading-room .reading-room__meta{
 font-size:clamp(.84rem,1.2vw,.98rem)!important;
 line-height:1.7!important;
 color:var(--text-muted)!important;
}
.hero .supporting-copy,
.hero .description,
.hero .cta-disclosure,
.reading-room .reading-room__meta{
 text-shadow:0 1px 10px rgba(0,0,0,.55);
}

/* The primary amber action remains the clearest conversion route. */
.cta-row--hero>.button:not(.ghost){
 font-weight:800;
 box-shadow:0 10px 28px rgba(255,128,21,.32);
}

/* Routine collection cards recede behind the featured starting point. */
.category-card:not(:first-child){
 border-color:rgba(190,145,59,.32)!important;
 background:rgba(52,31,60,.58)!important;
}
.category-card:nth-child(2),
.category-card:nth-child(3){
 min-height:248px;
 border-top-color:rgba(255,182,41,.55)!important;
}

.hero-utility-links{display:none}

@media(max-width:640px){
 .hero-utility-links{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  margin-top:14px;
  font-size:.82rem;
  line-height:1.5;
  color:var(--text-muted);
 }
 .hero-utility-links a{text-decoration:underline;text-underline-offset:3px}
 .hero-utility-links a:hover,.hero-utility-links a:focus-visible{color:#fff5e9}

 /* The Journal is deliberately a horizontal rail, with a visible continuation cue. */
 .journal-track{
  position:relative;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding-inline:20px;
  gap:12px;
 }
 .journal-track .journal-card{
  flex:0 0 82vw;
  min-width:82vw;
  scroll-snap-align:start;
 }
 .journal-section::after{
  right:0;
  bottom:48px;
  width:44px;
  background:linear-gradient(90deg,transparent,rgba(13,12,16,.96));
 }

 /* Lift the persistent navigation clear of device edges and reserve reading room below it. */
 body{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
 .mobile-bottom-nav{
  bottom:max(12px,env(safe-area-inset-bottom));
  left:12px;
  right:12px;
  border:1px solid rgba(255,182,41,.38);
  border-radius:12px;
 }
}

@media(max-width:600px){
 /* Keep FAQs immediately after the collection, before longer editorial sections. */
 .home-main{display:flex;flex-direction:column}
 .home-main>.hero{order:1}
 .home-main>.ticker{order:2}
 .home-main>.stats{order:3}
 .home-main>.collection-section{order:4}
 .home-main>.faq{order:5}
 .home-main>.reading-room{order:6}
 .home-main>.perspective-section{order:7}
 .home-main>.journal-section{order:8}
 .home-main>.cta-band{order:9}
}

@media(min-width:769px){
 .category-card:nth-child(2),
 .category-card:nth-child(3){min-height:248px}
}

/* --- v17: CTA support copy and intentional collection / journal cues --- */
/* Supporting Thai copy stays legible without competing with the primary amber CTA. */
.hero-disclosure,
.cta-disclosure,
.card-description,
.category-card p,
.collection-card p,
.reading-meta,
.reading-room__meta,
.section-intro,
.collection-heading__support,
.stat-label,
.stats span{
 font-size:.875rem!important;
 line-height:1.65!important;
 color:rgba(255,248,238,.78)!important;
}
/* Image-backed supporting copy has a consistent dark contrast layer. */
.hero .description,
.hero .cta-disclosure,
.hero .meta{
 background:rgba(12,7,12,.58);
}
.reading-room::before{background:rgba(12,7,12,.58)}

/* Make the starting card unmistakable and let the alternative routes recede. */
.collection-card.is-featured,
.category.is-featured{
 border-color:var(--amber)!important;
 box-shadow:0 10px 24px rgba(0,0,0,.22),inset 0 2px 0 var(--amber);
}
.collection-card:not(.is-featured),
.category:not(.is-featured){border-color:rgba(210,151,52,.35)!important}
.collection-card:not(.is-featured) .icon,
.collection-card:not(.is-featured) small,
.category:not(.is-featured) .icon,
.category:not(.is-featured) small{opacity:.7}

/* The last desktop route closes the two-column collection without an empty half-row. */
@media(min-width:769px){
 .collection-grid .collection-card:last-child,
 .collection-grid .category:last-child{grid-column:1 / -1}
}

.journal-scroll-hint{display:none}
@media(max-width:640px){
 .hero-disclosure,
 .cta-disclosure,
 .card-description,
 .category-card p,
 .collection-card p,
 .reading-meta,
 .reading-room__meta,
 .section-intro,
 .collection-heading__support,
 .stat-label,
 .stats span{font-size:.8125rem!important;line-height:1.65!important}
 .mobile-trust-link{font-size:.8125rem;line-height:1.65;color:rgba(255,248,238,.78)}
 .journal-scroll-hint{display:block;margin:6px 0 0;font-size:.8125rem;line-height:1.65;color:rgba(255,248,238,.78)}
 .journal-track{overflow-x:auto;scroll-snap-type:x mandatory;padding-inline:0 24px}
 .journal-track .journal-card{scroll-snap-align:start}
}

/* --- v18: CTA support copy, complete collection grid and mobile navigation cues --- */
/* Supporting copy is comfortably readable while the amber action remains primary. */
.hero .disclosure,
.hero .cta-disclosure,
.category-card p,
.reading-room p,
.meta,
.affiliate-note{
 font-size:.9375rem!important;
 line-height:1.7!important;
 color:rgba(255,250,240,.78)!important;
}
.hero .disclosure,
.hero .cta-disclosure,
.hero .meta{
 text-shadow:0 1px 10px rgba(0,0,0,.55);
}
/* Preserve the Reading Room section label as a label rather than body copy. */
.reading-room .eyebrow{color:var(--gold)!important;font-size:11px!important;line-height:1.7!important}

/* The featured entry spans the row; the five remaining categories fill the next two rows. */
@media(min-width:769px){
 .collection-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:1144px;
 }
 .collection-grid .category-card--featured{
  grid-column:1 / -1;
 }
 .collection-grid .category-card:last-child{
  grid-column:auto;
 }
}

@media(max-width:640px){
 .hero .disclosure,
 .hero .cta-disclosure,
 .category-card p,
 .reading-room p,
 .meta,
 .affiliate-note{
  font-size:.875rem!important;
  line-height:1.75!important;
 }
 .reading-room .eyebrow{font-size:11px!important;line-height:1.7!important}

 /* The cropped Journal cards are an intentional horizontal rail. */
 .journal-track{
  position:relative;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding-right:2rem;
 }
 .journal-track::after{
  content:"";
  position:sticky;
  right:0;
  display:block;
  flex:0 0 2rem;
  width:2rem;
  align-self:stretch;
  margin-left:-2rem;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(13,12,16,.96));
 }
 .journal-card{scroll-snap-align:start}
 .journal-scroll-hint{display:block;color:rgba(255,250,240,.78);font-size:.875rem;line-height:1.75}

 /* Trust destinations are separated from the primary navigation in the drawer. */
 .mobile-nav .drawer-trust-links{
  display:block;
  border-top:1px solid rgba(244,181,48,.28);
  margin-top:1rem;
  padding-top:1rem;
 }
 .mobile-nav .drawer-trust-links a{display:flex;align-items:center;min-height:44px}
}

/* --- v19: final CTA support, complete collection and mobile cues --- */
/* Body copy beneath conversion actions stays legible on dark and image-backed surfaces. */
.hero .disclosure,
.hero .cta-disclosure,
.card p,
.category-card p,
.collection-card p,
.meta,
.reading-room p,
.affiliate-note{
 font-size:1rem!important;
 line-height:1.72!important;
 color:rgba(255,250,242,.82)!important;
}

/* The final collection route deliberately closes the grid rather than leaving an empty column. */
@media(min-width:769px){
 .collection-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:900px;
  margin-inline:auto;
 }
 .collection-grid .collection-card:last-child{grid-column:1 / -1}
}
@media(min-width:900px){
 .collection-grid .collection-card:last-child{
  display:grid;
  grid-template-columns:minmax(10rem,.8fr) minmax(0,1.6fr) auto;
  column-gap:1.5rem;
  align-items:center;
 }
 .collection-grid .collection-card:last-child small,
 .collection-grid .collection-card:last-child .icon{grid-column:1}
 .collection-grid .collection-card:last-child h3,
 .collection-grid .collection-card:last-child p,
 .collection-grid .collection-card:last-child .card__meta{grid-column:2}
 .collection-grid .collection-card:last-child .arrow{grid-column:3;grid-row:1 / span 3;position:static;align-self:center}
}

/* Trust routes are visible beside the hero on compact headers, but remain out of the desktop header. */
.mobile-trust-links{display:flex;gap:12px;font-size:.78rem}
@media(min-width:768px){.mobile-trust-links{display:none}}

/* A written cue makes the partial next Journal card read as intentional horizontal scrolling. */
@media(max-width:600px){
 .journal-track{overflow-x:auto;scroll-snap-type:x mandatory;padding-right:24px}
 .journal-card{scroll-snap-align:start}
 .journal-scroll-hint{display:block}
 .hero .disclosure,
 .hero .cta-disclosure,
 .card p,
 .category-card p,
 .collection-card p,
 .meta,
 .reading-room p,
 .affiliate-note{font-size:.94rem!important;line-height:1.72!important;color:rgba(255,250,242,.82)!important}
}
@media(min-width:601px) and (max-width:640px){.journal-scroll-hint{display:none}}

/* --- v20: legible CTA support and intentional mobile continuation --- */
/* Supporting Thai copy remains legible without competing with the amber primary action. */
.hero .affiliate-disclosure,
.hero .cta-disclosure,
.category-card p,
.category-card .meta,
.category-card .card__meta,
.reading-room p,
.info-panel p,
.meta{
 font-size:clamp(.82rem, 1.15vw, .95rem)!important;
 line-height:1.7!important;
 color:rgba(255,248,237,.78)!important;
}
/* Keep the Reading Room label visually distinct from its supporting paragraph. */
.reading-room .eyebrow{
 font-size:11px!important;
 color:var(--gold)!important;
}

@media(max-width:640px){
 .hero .affiliate-disclosure,
 .hero .cta-disclosure,
 .category-card p,
 .category-card .meta,
 .category-card .card__meta,
 .reading-room p:not(.eyebrow),
 .info-panel p,
 .meta{
  font-size:max(13px, .82rem)!important;
  font-weight:400;
 }

 /* The partial Journal card is an intentional horizontal continuation. */
 .journal-track{
  display:flex;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding-inline:12px;
  scrollbar-width:thin;
 }
 .journal-track .journal-card{
  flex:0 0 min(82vw, 320px);
  min-width:0;
  scroll-snap-align:start;
 }
 .journal-track::after{display:none}
 .journal-scroll-hint{
  display:block;
  margin:6px 0 0;
  color:rgba(255,248,237,.78);
  font-size:13px;
  line-height:1.7;
 }
 .journal-section::after{
  content:"";
  position:absolute;
  z-index:2;
  top:142px;
  right:0;
  bottom:48px;
  width:42px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(13,12,16,.96));
 }

 /* Trust destinations lead the drawer and retain 44px touch targets. */
 .mobile-nav .drawer-trust-links{
  display:grid;
  gap:4px;
  margin:0 0 8px;
  padding:0 0 8px;
  border-top:0;
  border-bottom:1px solid rgba(244,181,48,.28);
 }
 .mobile-nav .nav-about,
 .mobile-nav .nav-contact{min-height:44px}
 .menu-toggle{min-width:44px;min-height:44px}
}

/* --- v21: CTA support, Journal swipe affordance and mobile trust links --- */
:root{--text-muted:#c9bec3}

/* Supporting copy stays readable without competing with the primary amber action. */
.hero__disclosure,
.hero .cta-disclosure,
.card__description,
.category-card p,
.card__meta,
.reading-room__meta,
.cta-panel__disclosure,
.cta-band .cta-disclosure{
 font-size:clamp(.875rem,1.1vw,1rem)!important;
 line-height:1.7!important;
 color:var(--text-muted)!important;
}

@media(max-width:600px){
 .hero__disclosure,
 .hero .cta-disclosure,
 .card__description,
 .category-card p,
 .card__meta,
 .reading-room__meta,
 .cta-panel__disclosure,
 .cta-band .cta-disclosure{
  font-size:.875rem!important;
  line-height:1.7!important;
 }

 /* The Journal crop is a deliberate, labelled swipe rail. */
 .journal-scroll{
  position:relative;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding-inline:16px 32px;
  margin-inline:-20px;
  scrollbar-width:thin;
 }
 .journal-scroll .journal-track{
  display:flex;
  overflow:visible;
  gap:12px;
  padding:0;
 }
 .journal-scroll .journal-card{
  flex:0 0 82vw;
  min-width:82vw;
  scroll-snap-align:start;
 }
 .journal-scroll .journal-track::after{display:none}
 .journal-section::after{
  content:"";
  position:absolute;
  z-index:2;
  pointer-events:none;
  top:142px;
  right:0;
  bottom:48px;
  width:44px;
  background:linear-gradient(90deg,transparent,rgba(13,12,16,.96));
 }
 .journal-scroll-hint{
  display:block;
  margin:6px 0 0;
  font-size:.875rem!important;
  line-height:1.7!important;
  color:var(--text-muted)!important;
 }

 /* Trust links follow the primary navigation and retain reliable touch targets. */
 .mobile-nav .mobile-nav__trust-links{
  display:grid;
  gap:4px;
  border-top:1px solid rgba(245,180,48,.28);
  border-bottom:0;
  margin:16px 0 0;
  padding:16px 0 0;
 }
 .mobile-nav .mobile-nav__trust-links a{
  display:flex;
  align-items:center;
  min-height:44px;
 }
}

/* --- v22: CTA support and intentional mobile navigation --- */
:root{--text-muted:#c8bdc3}

/* Supporting copy remains comfortably legible on image-backed and dark surfaces. */
.hero .disclosure,
.collection-card p,
.reading-room p:not(.eyebrow),
.cta-panel p:not(.eyebrow){
 font-size:.9375rem!important;
 line-height:1.7!important;
 color:var(--text-muted)!important;
}
.cta-panel .eyebrow{font-size:11px!important}

@media(max-width:600px){
 /* Cards get a full reading measure rather than compressed two-column body copy. */
 .collection-grid{grid-template-columns:1fr}
 .collection-card{min-height:10.5rem;padding:1rem}
 .hero .disclosure,
 .collection-card p,
 .reading-room p:not(.eyebrow),
 .cta-panel p:not(.eyebrow){
  font-size:.875rem!important;
  line-height:1.7!important;
  opacity:1;
 }

 /* The labelled Journal rail visibly continues beyond the first article. */
 .journal-scroll{
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding-inline:1rem 3rem;
 }
 .journal-grid{scroll-snap-type:x mandatory}

 /* Trust destinations form a distinct, touch-friendly group after category links. */
 .mobile-nav .mobile-menu__trust-links{
  display:grid;
  gap:4px;
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px solid rgba(245,180,48,.28);
 }
 .mobile-nav .mobile-menu__trust-links a{
  display:flex;
  align-items:center;
  min-height:44px;
  font-size:.9375rem;
 }
}

/* --- v23: CTA supporting-copy clarity and mobile content order --- */
:root{--text-secondary:#C9BBC5}

/* Supporting text is bright and large enough to read without competing with the amber CTA. */
.hero__disclosure,
.card__description,
.category p,
.reading-room__body,
.reading-room .band__text > p:not(.eyebrow),
.cta-panel__disclosure{
 font-size:.9375rem!important;
 line-height:1.7!important;
 color:var(--text-secondary)!important;
}

@media(max-width:640px){
 /* Trust destinations remain a distinct secondary group in the open menu. */
 .mobile-nav .mobile-nav__trust-links{
  margin-top:1.25rem;
  padding-top:1rem;
  border-top:1px solid rgba(255,255,255,.14);
 }
}

@media(max-width:600px){
 /* After the overview, lead with discovery and keep FAQs after the CTA disclosure. */
 .home-main{display:flex;flex-direction:column}
 .home-main>.hero{order:1}
 .home-main>.ticker{order:2}
 .home-main>.stats{order:3}
 .explore-section{order:4}
 .reading-room{order:5}
 .cta-panel{order:6}
 .faq-section{order:7}
 .perspective-section{order:8}
 .journal-section{order:9}

 .hero__disclosure,
 .card__description,
 .category p,
 .reading-room__body,
 .reading-room .band__text > p:not(.eyebrow),
 .cta-panel__disclosure{
  font-size:.8125rem!important;
  line-height:1.7!important;
 }
}

/* --- v24: CTA support-copy legibility and mobile reading order --- */
/* Supporting copy is deliberately quieter than the amber CTA, but never treated as microcopy. */
.hero-description,
.hero .description,
.affiliate-disclosure,
.hero__disclosure,
.hero .cta-disclosure,
.card-description,
.category-card p,
.collection-card p,
.section-description,
.collection-heading__support,
.reading-room .band__text > p:not(.eyebrow),
.reading-room__meta,
.cta-copy,
.cta-panel p:not(.eyebrow),
.cta-panel__disclosure,
.cta-band .cta-disclosure{
 font-size:.95rem!important;
 line-height:1.7!important;
 color:rgba(255,248,238,.76)!important;
 max-width:52ch;
}

/* Keep the intended content journey consistent throughout compact breakpoints. */
@media(max-width:700px){
 .home-main{display:flex;flex-direction:column}
 .home-main>.hero{order:1}
 .home-main>.ticker{order:2}
 .home-main>.stats{order:3}
 .home-main>.explore-section{order:4}
 .home-main>.reading-room{order:5}
 .home-main>.cta-panel{order:6}
 .home-main>.faq-section{order:7}
 .home-main>.perspective-section{order:8}
 .home-main>.journal-section{order:9}

 /* About and contact lead the drawer as trust destinations, with 44px touch targets. */
 .mobile-nav .mobile-menu__trust-links{
  display:grid;
  gap:4px;
  margin:0 0 8px;
  padding:0 0 8px;
  border-top:0;
  border-bottom:1px solid rgba(245,180,48,.28);
 }
 .mobile-nav .mobile-menu__trust-links a{
  display:flex;
  align-items:center;
  min-height:44px;
 }

 .hero-description,
 .hero .description,
 .affiliate-disclosure,
 .hero__disclosure,
 .hero .cta-disclosure,
 .card-description,
 .category-card p,
 .collection-card p,
 .section-description,
 .collection-heading__support,
 .reading-room .band__text > p:not(.eyebrow),
 .reading-room__meta,
 .cta-copy,
 .cta-panel p:not(.eyebrow),
 .cta-panel__disclosure,
 .cta-band .cta-disclosure{
  font-size:.9rem!important;
  line-height:1.7!important;
 }
}

/* --- v25: CTA support legibility and consistent mobile reading path --- */
/* Supporting copy is readable on dark/image-backed surfaces without competing with the amber action. */
.hero-disclosure,
.hero__disclosure,
.card-description,
.category-card p,
.collection-card p,
.category p,
.reading-room p:not(.eyebrow),
.cta-panel p:not(.eyebrow),
.affiliate-disclosure{
 font-size:clamp(13px,3.35vw,15px)!important;
 line-height:1.7!important;
 color:#C9C0C8!important;
}
@media(min-width:701px){
 .hero-disclosure,
 .hero__disclosure,
 .card-description,
 .category-card p,
 .collection-card p,
 .category p,
 .reading-room p:not(.eyebrow),
 .cta-panel p:not(.eyebrow),
 .affiliate-disclosure{max-width:58ch}
}
@media(max-width:700px){
 /* Continue from the overview into the collection, then answer questions before longer reading. */
 .home-main{display:flex;flex-direction:column}
 .home-main>.hero{order:1}
 .home-main>.ticker{order:2}
 .home-main>.stats{order:3}
 .home-main>.explore-section{order:4}
 .home-main>.faq-section{order:5}
 .home-main>.reading-room{order:6}
 .home-main>.perspective-section{order:7}
 .home-main>.journal-section{order:8}
 .home-main>.cta-panel{order:9}
}

/* --- v26: CTA support copy and visible mobile trust routes --- */
:root{--text-muted:#C7BDC7}

/* Supporting details remain legible while the amber action stays primary. */
.hero .disclosure,
.collection-card p,
.reading-room p:not(.eyebrow),
.cta-panel .disclosure{
 font-size:.875rem!important;
 line-height:1.7!important;
 color:var(--text-muted)!important;
 opacity:1;
}

/* The inline trust route is intentionally available without opening the menu. */
.mobile-trust-links{display:none}
.hero-utility-links{display:none}

@media(max-width:640px){
 .hero .disclosure,
 .collection-card p,
 .reading-room p:not(.eyebrow),
 .cta-panel .disclosure{
  font-size:.8125rem!important;
  line-height:1.7!important;
  opacity:1;
 }
 .mobile-trust-links{
  display:flex;
  gap:16px;
  font-size:.8125rem;
  line-height:1.7;
  color:var(--text-muted);
 }
 .hero-utility-links{display:none}
 .mobile-trust-links--inline{
  align-items:center;
  padding:0 20px 24px;
  order:4.5;
 }
 .mobile-trust-links--inline a{
  color:inherit;
  text-decoration:underline;
  text-underline-offset:3px;
 }
}

/* --- v27: readable support copy, mobile trust routes and content order --- */
/* Keep desktop navigation and English section labels readable without spacing Thai copy. */
header nav,.site-nav{font-size:13px;line-height:1.5}
.eyebrow{font-size:12px;line-height:1.5}

/* Supporting Thai copy uses a clear, consistent contrast on dark and image-backed surfaces. */
.hero .description,
.hero .affiliate-disclosure,
.collection-card p,
.collection-heading__support,
.reading-room .band__text>p:not(.eyebrow),
.reading-room__meta,
.statement__body,
.cta-panel p:not(.eyebrow),
.cta-panel__disclosure{
 color:#D7CCD0!important;
 line-height:1.7!important;
}
@media(min-width:701px){
 .hero .description,
 .hero .affiliate-disclosure,
 .collection-card p,
 .collection-heading__support,
 .reading-room .band__text>p:not(.eyebrow),
 .reading-room__meta,
 .statement__body,
 .cta-panel p:not(.eyebrow),
 .cta-panel__disclosure{font-size:16px!important}
}

@media(max-width:767px){
 /* Give trust destinations a persistent, quiet place beside the opening actions. */
 .hero-utility-links.mobile-trust-link{
  display:flex!important;
  align-items:center;
  gap:12px;
  margin-top:10px;
  color:#D7CCD0;
  font-size:13px;
  line-height:1.7;
 }
 .hero-utility-links.mobile-trust-link a{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  color:inherit;
  text-decoration:underline;
  text-underline-offset:3px;
 }
 .mobile-trust-links--inline{display:none!important}

 /* Continue from the overview directly into discovery; FAQs follow the main routes. */
 .home-main{display:flex;flex-direction:column}
 .home-main>.hero{order:1}
 .home-main>.ticker{order:2}
 .home-main>.stats{order:3}
 .home-main>.explore-section{order:4}
 .home-main>.reading-room{order:5}
 .home-main>.perspective-section{order:6}
 .home-main>.faq-section{order:7}
 .home-main>.journal-section{order:8}
 .home-main>.cta-panel{order:9}

 .hero .description,
 .hero .affiliate-disclosure,
 .collection-card p,
 .collection-heading__support,
 .reading-room .band__text>p:not(.eyebrow),
 .reading-room__meta,
 .statement__body,
 .cta-panel p:not(.eyebrow),
 .cta-panel__disclosure{font-size:14px!important}
}