:root{
    --gold:#D9A21B;
    --gold-soft:#F1C96A;
    --ink:#2B261D;
    --paper:#FFFDF7;
    --sand:#F7F1E3;
    --text:#302D28;
    --muted:#756F64;
    --accent:#E9673F;
    --line:#E8DFC9;
    --line-strong:#D8C9A8;
    --white:#FFFFFF;
    --shadow:0 18px 50px rgba(70,50,18,.10);
    --radius:24px;
    --radius-small:14px;
    --max:1180px;
    --wide:1360px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC","Noto Sans CJK SC",Arial,sans-serif;line-height:1.75;overflow-wrap:anywhere}
body.modal-open{overflow:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}
button,input{font:inherit}
button{cursor:pointer}
code{padding:.15em .38em;border-radius:6px;background:var(--sand);font-family:Consolas,"Liberation Mono",monospace;font-size:.92em}
.shell{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.shell.wide{width:min(var(--wide),calc(100% - 48px))}
.skip-link{position:fixed;left:16px;top:12px;z-index:9999;transform:translateY(-150%);padding:10px 16px;background:var(--ink);color:var(--white);border-radius:10px}
.skip-link:focus{transform:none}
.eyebrow{margin:0 0 12px;color:#8A6510;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.lead{font-size:clamp(1.04rem,1.5vw,1.25rem);line-height:1.85;color:#554D42}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 19px;border:1px solid transparent;border-radius:999px;text-decoration:none;font-weight:800;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.button:hover{transform:translateY(-1px)}
.button.primary{background:var(--accent);color:var(--white);box-shadow:0 12px 30px rgba(233,103,63,.22)}
.button.secondary{background:var(--gold);color:#241C0E}
.button.ghost{border-color:var(--line-strong);background:transparent;color:var(--ink)}
.text-link{font-weight:800;color:#79570E;text-decoration-color:#B98A24}
.text-link:hover{color:var(--accent)}
.tag,.kicker{display:inline-flex;align-items:center;width:max-content;border-radius:999px;background:var(--sand);color:#6C5522;font-size:.78rem;font-weight:800;padding:5px 10px}

/* Header and global navigation */
.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(217,162,27,.16);background:rgba(255,253,247,.96);backdrop-filter:blur(16px)}
.header-inner{width:min(var(--wide),calc(100% - 48px));min-height:76px;margin:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}
.brand-lockup{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:max-content}
.brand-lockup img{width:46px;height:46px;object-fit:contain;border-radius:12px;background:var(--sand)}
.brand-lockup span{display:grid;line-height:1.2}.brand-lockup strong{font-size:1.08rem}.brand-lockup small{margin-top:5px;color:var(--muted);font-size:.72rem}
.primary-nav{display:flex;align-items:center;justify-content:center;gap:4px}
.primary-nav a{padding:9px 13px;border-radius:999px;text-decoration:none;color:#5A5247;font-size:.94rem;font-weight:700}
.primary-nav a:hover,.primary-nav a[aria-current="page"]{background:var(--sand);color:var(--ink)}
.search-open,.menu-toggle{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:999px;padding:9px 15px;font-weight:800}
.menu-toggle{display:none}

/* Search dialog */
.search-modal[hidden]{display:none !important}
.search-modal{position:fixed;inset:0;z-index:500;display:grid;place-items:start center;padding:9vh 20px}
.search-backdrop{position:absolute;inset:0;background:rgba(43,38,29,.55);backdrop-filter:blur(4px)}
.search-panel{position:relative;width:min(700px,100%);padding:34px;border-radius:28px;background:var(--paper);box-shadow:0 30px 100px rgba(0,0,0,.25)}
.search-panel h2{margin:0 0 8px;font-size:clamp(1.5rem,3vw,2.1rem)}
.search-panel p{margin:0 0 24px;color:var(--muted)}
.search-close{position:absolute;right:18px;top:18px;border:0;background:var(--sand);border-radius:999px;padding:8px 12px}
.search-form label{display:block;margin-bottom:7px;font-weight:800}
.search-row{display:grid;grid-template-columns:1fr auto;gap:10px}
.search-row input{min-width:0;border:1px solid var(--line-strong);background:var(--white);border-radius:14px;padding:12px 14px;outline:none}
.search-row input:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(217,162,27,.13)}
.search-row button{border:0;background:var(--accent);color:var(--white);border-radius:14px;padding:12px 18px;font-weight:800}

/* Breadcrumb */
.breadcrumb{padding:20px 0 4px;color:var(--muted);font-size:.86rem}
.breadcrumb ol{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none}
.breadcrumb li:not(:last-child)::after{content:"/";margin-left:7px;color:#B5AA98}
.breadcrumb a{color:#6A5B3A}

/* Home hero */
.home-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);gap:64px;align-items:center;padding-block:72px 54px}
.hero-copy h1{max-width:760px;margin:0;font-size:clamp(2.35rem,5.4vw,5rem);line-height:1.04;letter-spacing:-.045em;color:var(--ink)}
.hero-copy .lead{max-width:740px;margin:26px 0}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:26px 0}
.hero-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:34px 0 0}
.hero-facts div{padding:14px 16px;border-top:2px solid var(--gold-soft)}
.hero-facts dt{font-size:.76rem;color:var(--muted)}.hero-facts dd{margin:5px 0 0;font-weight:800;color:var(--ink)}
.hero-visual{position:relative;margin:0;padding:18px 18px 16px;border-radius:34px 34px 100px 34px;background:var(--sand)}
.hero-visual::before{content:"";position:absolute;width:120px;height:120px;right:-24px;top:-26px;border-radius:50%;background:rgba(241,201,106,.52);z-index:-1}
.hero-visual img{width:100%;aspect-ratio:1.18/1;object-fit:cover;border-radius:24px 24px 82px 24px}
.hero-visual figcaption{padding:13px 6px 0;color:var(--muted);font-size:.84rem}

/* Shared section headings */
.section-heading{margin-bottom:28px}.section-heading h2{max-width:850px;margin:3px 0 10px;font-size:clamp(1.75rem,3.6vw,3rem);line-height:1.15;letter-spacing:-.03em;color:var(--ink)}
.section-heading p{max-width:720px;color:var(--muted)}
.split-heading{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:40px;align-items:end}.split-heading>p{margin:0 0 5px}

/* Home entry band */
.entry-band{padding:8px 0 62px}.entry-grid{display:grid;grid-template-columns:1.05fr .95fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.entry-main{display:grid;grid-template-columns:auto 1fr;gap:20px;padding:30px 30px 28px 0}.entry-main+.entry-main{padding-left:30px;border-left:1px solid var(--line)}
.entry-main .number{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--sand);font-weight:900;color:#76560D}
.entry-main.accent .number{background:#FDE7DF;color:#A94425}.entry-main h2{margin:0 0 9px;font-size:1.35rem;line-height:1.35}.entry-main p{margin:0;color:var(--muted)}.entry-main>a{grid-column:2;margin-top:6px;font-weight:800;color:#76560D}
.watch-preview{padding-block:70px}.mode-strip{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mode-item{padding:24px 20px}.mode-item+.mode-item{border-left:1px solid var(--line)}.mode-item h3{margin:0 0 8px;font-size:1rem}.mode-item p{margin:0;color:var(--muted);font-size:.9rem}

/* Homepage topic index */
.index-editorial{padding:76px 0;background:var(--sand)}.index-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.index-intro{position:sticky;top:104px}.index-intro h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.12;margin:0 0 16px}.index-intro p{color:var(--muted)}.index-intro img{margin-top:26px;width:100%;aspect-ratio:1.36;object-fit:cover;border-radius:26px}
.index-list{border-top:1px solid var(--line-strong)}.index-row{display:grid;grid-template-columns:50px 1fr auto;gap:18px;align-items:center;padding:19px 4px;border-bottom:1px solid var(--line-strong);text-decoration:none}.index-row:hover{padding-left:10px;background:rgba(255,255,255,.45)}.index-order{font-variant-numeric:tabular-nums;color:#8B7548;font-weight:900}.index-row strong{display:block;font-size:1.04rem}.index-row small{display:block;color:var(--muted);margin-top:3px}.arrow{font-size:1.2rem;color:var(--accent)}
.guide-feature{padding-block:78px}.feature-lead{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.feature-lead img{width:100%;aspect-ratio:1.45;object-fit:cover;border-radius:28px}.feature-lead h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1.12;margin:0 0 16px}.feature-links{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;border-top:1px solid var(--line)}.feature-links a{padding:20px 22px;text-decoration:none;border-bottom:1px solid var(--line)}.feature-links a:not(:nth-child(3n+1)){border-left:1px solid var(--line)}.feature-links span{display:block;color:#8A6510;font-size:.74rem;font-weight:800}.feature-links strong{display:block;margin-top:6px;line-height:1.4}
.latest-band{padding:75px 0;background:#302B22;color:#F8F2E6}.latest-band .eyebrow{color:#F1C96A}.latest-band .section-heading h2{color:#FFF8EB}.latest-band .section-heading p{color:#CFC4B1}.editorial-columns{columns:3;column-gap:42px}.editorial-item{break-inside:avoid;padding:0 0 30px;margin:0 0 30px;border-bottom:1px solid rgba(255,255,255,.14)}.editorial-item h3{margin:9px 0;font-size:1.17rem;line-height:1.45}.editorial-item h3 a{text-decoration:none}.editorial-item p{color:#CFC4B1}.latest-band .text-link{color:#F1C96A}
.app-ribbon{padding:60px 0;background:#F3E3BA}.ribbon-grid{display:grid;grid-template-columns:1fr minmax(340px,.7fr);gap:60px;align-items:center}.ribbon-grid h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.12;margin:0 0 14px}.ribbon-grid p{max-width:680px}.ribbon-grid>a,.ribbon-grid div>a{font-weight:900;color:#684904}.ribbon-grid img{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:80px 24px 24px 24px}
.side-topics{padding-block:80px}.topic-pair{display:grid;grid-template-columns:1.35fr .65fr;gap:24px}.topic-large,.topic-small{overflow:hidden;border-radius:28px;background:var(--sand)}.topic-large img,.topic-small img{width:100%;object-fit:cover}.topic-large img{aspect-ratio:1.7}.topic-small img{aspect-ratio:1.35}.topic-large div,.topic-small div{padding:28px}.topic-large span,.topic-small span{font-size:.77rem;font-weight:800;color:#8A6510}.topic-large h3,.topic-small h3{margin:8px 0 10px;line-height:1.25}.topic-large h3{font-size:1.7rem}.topic-small h3{font-size:1.25rem}.topic-pair p{color:var(--muted)}.topic-pair a{font-weight:900;color:#76560D}
.browse-map{padding-block:70px}.map-copy{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end}.map-copy h2{font-size:clamp(2rem,4vw,3rem);line-height:1.12;margin:0}.map-copy p{color:var(--muted)}.path-list{counter-reset:path;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:36px 0 0;padding:0;border-top:1px solid var(--line);list-style:none}.path-list li{padding:26px 22px 24px;border-bottom:1px solid var(--line)}.path-list li+li{border-left:1px solid var(--line)}.path-list strong,.path-list span{display:block}.path-list span{margin:8px 0 13px;color:var(--muted);font-size:.9rem}.path-list a{font-weight:800;color:#76560D}
.home-faq{padding:76px 0;background:var(--sand)}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px}.faq-intro img{width:100%;aspect-ratio:1.3;object-fit:cover;border-radius:24px;margin-bottom:24px}.faq-intro h2{font-size:clamp(1.8rem,3.7vw,2.8rem);line-height:1.14}.faq-intro p{color:var(--muted)}.faq-preview{border-top:1px solid var(--line-strong)}.faq-preview details{border-bottom:1px solid var(--line-strong);padding:18px 4px}.faq-preview summary{cursor:pointer;font-weight:850;list-style:none}.faq-preview summary::-webkit-details-marker{display:none}.faq-preview summary::after{content:"+";float:right;color:#9A741A}.faq-preview details[open] summary::after{content:"−"}.faq-preview p{color:var(--muted);padding-right:30px}
.closing-rail{padding:58px 0 74px}.closing-grid{display:grid;grid-template-columns:.45fr 1.55fr;gap:45px;align-items:start}.closing-grid h2{font-size:2rem;line-height:1.2;margin:0}.closing-grid nav{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.closing-grid nav a{display:grid;padding:18px 14px;border-bottom:1px solid var(--line);text-decoration:none}.closing-grid nav a:nth-child(even){border-left:1px solid var(--line)}.closing-grid nav strong{font-size:1.03rem}.closing-grid nav span{margin-top:4px;color:var(--muted);font-size:.88rem}

/* Generic sub-page hero */
.sub-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;padding-block:62px 44px}.sub-hero-copy h1{margin:0;font-size:clamp(2.25rem,5vw,4.4rem);line-height:1.08;letter-spacing:-.04em}.sub-hero-copy .lead{margin-top:22px}.sub-hero>img{width:100%;aspect-ratio:1.4;object-fit:cover;border-radius:28px 72px 28px 28px;background:var(--sand)}
.page-hero{padding-block:50px}.page-hero h1{font-size:clamp(2.2rem,4.8vw,4.2rem);line-height:1.08;letter-spacing:-.04em;margin:8px 0 20px}.page-hero-grid{display:grid;grid-template-columns:1fr .72fr;gap:50px;align-items:center}.page-hero-grid img{width:100%;aspect-ratio:1.45;object-fit:cover;border-radius:28px}

/* Reading layouts */
.reading-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:70px;padding-block:44px 80px}.prose{font-size:1.03rem}.prose h2{margin:40px 0 12px;font-size:clamp(1.5rem,3vw,2.15rem);line-height:1.25;color:var(--ink)}.prose h2:first-child{margin-top:0}.prose p{margin:0 0 18px}.prose a{color:#75540D;font-weight:700}.check-list{display:grid;gap:11px;margin:20px 0;padding:0;list-style:none}.check-list li{position:relative;padding:14px 16px 14px 44px;border:1px solid var(--line);border-radius:14px;background:#FFFEFA}.check-list li::before{content:"✓";position:absolute;left:15px;top:13px;color:#A87708;font-weight:900}.reading-aside{position:sticky;top:105px;align-self:start;padding:24px;border-radius:22px;background:var(--sand)}.reading-aside h2{margin:0 0 14px;font-size:1.15rem}.reading-aside>img{width:100%;border-radius:16px;margin-bottom:20px}.route-card{display:grid;gap:4px;padding:13px 0;border-top:1px solid var(--line-strong);text-decoration:none}.route-card strong{color:var(--ink)}.route-card span{color:var(--muted);font-size:.87rem}.soft-band{padding:58px 0;background:var(--sand)}.compact-copy{max-width:900px}.compact-copy h2{font-size:clamp(1.65rem,3.4vw,2.5rem);margin:0 0 12px}.compact-copy p{color:#5E564A}.compact-list{margin:0;padding-left:20px}.compact-list li{margin:8px 0}

/* App */
.steps-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:0 0 72px;padding:0;list-style:none}.steps-list li{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:24px;border:1px solid var(--line);border-radius:20px;background:#FFFEFA}.steps-list span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--sand);color:#76560D;font-weight:900}.steps-list h3{margin:0 0 8px}.steps-list p{margin:0;color:var(--muted)}.device-band{padding:68px 0;background:#F2E6C7}.device-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:60px;align-items:center}.device-grid img{width:100%;aspect-ratio:1.4;object-fit:cover;border-radius:28px 90px 28px 28px}.device-grid h2{font-size:clamp(2rem,4vw,3.1rem);line-height:1.15;margin:0 0 14px}.device-grid p{color:#594F3C}

/* AI + remix */
.ai-cover{padding:65px 0 50px;background:#2D2921;color:#FFF8EB}.ai-cover-grid{display:grid;grid-template-columns:1fr .9fr;gap:60px;align-items:center}.ai-cover .eyebrow{color:var(--gold-soft)}.ai-cover h1{font-size:clamp(2.35rem,5vw,4.5rem);line-height:1.07;margin:0 0 20px}.ai-cover .lead{color:#D8CEBC}.ai-cover img{width:100%;aspect-ratio:1.48;object-fit:cover;border-radius:26px}.ai-points{padding-block:64px}.ai-point-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.ai-point-list article{display:grid;grid-template-columns:50px 1fr;gap:15px;padding:24px 18px;border-bottom:1px solid var(--line)}.ai-point-list article:nth-child(even){border-left:1px solid var(--line)}.ai-point-list span{color:#987018;font-weight:900}.ai-point-list h3{margin:0 0 8px}.ai-point-list p{margin:0;color:var(--muted)}.contrast-band{padding:64px 0;background:var(--sand)}.contrast-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.contrast-grid article{padding-top:18px;border-top:3px solid var(--gold-soft)}.contrast-grid h2{font-size:1.25rem;line-height:1.3}.contrast-grid p{color:var(--muted)}.remix-list{padding-block:52px 72px}.remix-list>article{display:grid;grid-template-columns:.35fr 1.65fr;gap:45px;padding:24px 0;border-top:1px solid var(--line)}.remix-list h3{margin:0;font-size:1.2rem}.remix-list p{margin:0;color:var(--muted)}

/* Watch page */
.watch-hero{padding-bottom:70px}.watch-hero-grid{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:center}.watch-hero h1{font-size:clamp(2.4rem,5vw,4.7rem);line-height:1.05;margin:10px 0 20px}.watch-hero-grid img{width:100%;aspect-ratio:1.45;object-fit:cover;border-radius:28px}.watch-modes{padding-bottom:70px}.mode-matrix{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.mode-matrix article{padding:22px 20px;border-bottom:1px solid var(--line)}.mode-matrix article:not(:nth-child(3n+1)){border-left:1px solid var(--line)}.mode-matrix span{font-size:.78rem;color:#967017;font-weight:900}.mode-matrix h3{margin:5px 0 7px}.mode-matrix p{margin:0;color:var(--muted)}.watch-index-shell{padding:72px 0;background:#302B22;color:#FFF7E8}.watch-index-shell .eyebrow{color:var(--gold-soft)}.watch-index-shell .section-heading h2{color:#FFF7E8}.watch-index-shell .section-heading p{color:#CFC4B1}.watch-table{border-top:1px solid rgba(255,255,255,.2)}.watch-row{display:grid;grid-template-columns:56px minmax(0,1.25fr) minmax(230px,.75fr);gap:24px;padding:24px 5px;border-bottom:1px solid rgba(255,255,255,.14)}.watch-id{color:#F1C96A;font-weight:900}.watch-core>span{color:#C9B789;font-size:.79rem}.watch-core h3{margin:5px 0 7px;font-size:1.15rem}.watch-core p{margin:0;color:#D4C9B7}.watch-meta{display:grid;align-content:start;gap:7px;color:#BFB39F;font-size:.86rem}.watch-meta a{margin-top:6px;color:#F1C96A;font-weight:800}.section-cta{padding-top:30px}.watch-guide-band{padding-block:80px}.guide-band-copy{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.guide-band-copy img{width:100%;aspect-ratio:1.35;object-fit:cover;border-radius:24px}.guide-band-copy h2{font-size:clamp(1.8rem,3.8vw,2.9rem);line-height:1.15;margin:0 0 12px}.guide-band-copy p{color:var(--muted)}.guide-band-copy a{font-weight:900;color:#76560D}.guide-list{display:grid;grid-template-columns:repeat(2,1fr);margin-top:42px;border-top:1px solid var(--line)}.guide-list a{display:grid;padding:15px 10px;border-bottom:1px solid var(--line);text-decoration:none}.guide-list a:nth-child(even){border-left:1px solid var(--line)}.guide-list span{font-size:.75rem;color:#8A6510}.guide-list strong{margin-top:3px}

/* Library */
.library-hero{max-width:980px;margin-inline:auto}.focus-detail{display:grid;grid-template-columns:1fr .75fr;gap:54px;align-items:center;padding-block:30px 70px}.focus-main{padding:28px;border-radius:24px;background:var(--sand)}.focus-main h2{font-size:2rem;margin:10px 0}.focus-main dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.focus-main dl div{padding:12px;background:var(--paper);border-radius:12px}.focus-main dt{font-size:.74rem;color:var(--muted)}.focus-main dd{margin:4px 0 0;font-weight:800}.focus-detail>img{width:100%;aspect-ratio:1.35;object-fit:cover;border-radius:28px}.category-directory{padding-block:54px}.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category-block{display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:18px;background:#FFFEFA}.category-block>span{font-size:.75rem;color:#987018;font-weight:900}.category-block h3{margin:7px 0 9px}.category-block p{color:var(--muted);margin:0 0 12px}.category-block small{display:block;margin-top:auto;padding-top:12px;border-top:1px solid var(--line);color:#6A5E4E}.category-block a{margin-top:14px;font-weight:800;color:#76560D}.library-stream{padding:70px 0;background:var(--sand)}.stream-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line-strong)}.stream-item{padding:24px 22px;border-bottom:1px solid var(--line-strong)}.stream-item:nth-child(even){border-left:1px solid var(--line-strong)}.stream-meta{display:flex;flex-wrap:wrap;gap:7px}.stream-meta span{font-size:.72rem;border-radius:999px;padding:4px 8px;background:#FFFDF7;color:#6F5D34}.stream-item h3{margin:10px 0;font-size:1.15rem}.stream-item p{margin:0 0 9px;color:var(--muted)}.stream-item .editor-note{color:#4F473D;font-size:.9rem}.stream-item a{font-weight:800;color:#76560D}.related-guides{padding-block:70px}.link-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.link-list a{display:grid;gap:4px;padding:18px 14px;border-bottom:1px solid var(--line);text-decoration:none}.link-list a:nth-child(even){border-left:1px solid var(--line)}.link-list span{font-size:.72rem;color:#8A6510;font-weight:800}.link-list small{color:var(--muted)}

/* Guide listing */
.guide-hero{padding-block:54px}.guide-hero h1{font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.06;margin:8px 0 20px}.guide-hero img{margin-top:30px;width:100%;max-height:460px;object-fit:cover;border-radius:30px}.guide-toc{display:flex;flex-wrap:wrap;gap:9px;padding:20px 0 44px}.guide-toc a{padding:7px 12px;border-radius:999px;background:var(--sand);text-decoration:none;font-size:.86rem;font-weight:800}.guide-group{padding:42px 0;border-top:1px solid var(--line)}.guide-group>h2{font-size:clamp(1.7rem,3vw,2.4rem)}.guide-group-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-cards,.guide-group-grid article{border:1px solid var(--line);border-radius:18px;background:#FFFEFA}.guide-group-grid a{display:flex;flex-direction:column;height:100%;padding:21px;text-decoration:none}.guide-group-grid span{font-size:.74rem;color:#8A6510;font-weight:800}.guide-group-grid strong{margin:7px 0;font-size:1.05rem}.guide-group-grid small{color:var(--muted)}

/* Article */
.article-page{padding-block:24px 80px}.article-header{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;padding:30px 0 60px}.article-header h1{font-size:clamp(2.3rem,5vw,4.2rem);line-height:1.07;letter-spacing:-.035em;margin:8px 0 18px}.article-header img{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:28px}.article-tags{display:flex;flex-wrap:wrap;gap:7px}.article-tags span{padding:5px 9px;border-radius:999px;background:var(--sand);font-size:.77rem;color:#735A23}.article-layout{display:grid;grid-template-columns:250px minmax(0,760px);gap:70px;justify-content:center}.article-toc{position:sticky;top:105px;align-self:start;padding:20px;border-left:3px solid var(--gold-soft);background:var(--sand)}.article-toc strong{display:block}.article-toc ol{padding-left:20px;color:var(--muted);font-size:.88rem}.article-toc a{font-weight:800;color:#76560D}.article-body section{padding-bottom:36px;margin-bottom:36px;border-bottom:1px solid var(--line)}.article-body h2{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.25}.article-body p{font-size:1.03rem}.article-body ul{padding-left:21px}.article-body li{margin:8px 0}.article-related{margin-top:60px;padding-top:36px;border-top:3px solid var(--gold-soft)}.article-related h2{font-size:1.6rem}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related-grid a{display:grid;gap:5px;padding:18px;border:1px solid var(--line);border-radius:16px;text-decoration:none}.related-grid span{font-size:.72rem;color:#8A6510}.related-grid small{color:var(--muted)}

/* FAQ */
.faq-page{display:grid;grid-template-columns:1fr 300px;gap:60px;padding-block:30px 80px}.faq-page-list{border-top:1px solid var(--line)}.faq-page-list details{border-bottom:1px solid var(--line)}.faq-page-list summary{display:flex;align-items:flex-start;gap:14px;padding:21px 6px;cursor:pointer;list-style:none;font-weight:850;font-size:1.05rem}.faq-page-list summary::-webkit-details-marker{display:none}.faq-page-list summary span{color:#987018;font-size:.8rem;padding-top:3px}.faq-page-list details>div{padding:0 42px 20px;color:var(--muted)}.faq-page aside{position:sticky;top:105px;align-self:start;padding:22px;background:var(--sand);border-radius:20px}.faq-page aside h2{font-size:1.1rem;margin-top:0}.faq-page aside a{display:block;padding:10px 0;border-top:1px solid var(--line-strong);font-weight:750}

/* Search */
.search-page{padding-block:10px 80px}.search-page-form{max-width:760px;padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--sand)}.search-empty{max-width:820px;margin-top:38px;padding:32px;border-left:4px solid var(--gold);background:#FFFEFA}.search-empty h2{margin-top:0}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tag-cloud a{padding:7px 12px;border-radius:999px;background:var(--sand);text-decoration:none;font-weight:800}.search-results{margin-top:40px}.search-results>header{padding-bottom:18px;border-bottom:2px solid var(--line)}.search-results article{padding:24px 0;border-bottom:1px solid var(--line)}.search-results h3{margin:8px 0;font-size:1.25rem}.search-results h3 a{text-decoration:none}.search-results p{max-width:850px;color:var(--muted)}

/* 404 */
.not-found{min-height:58vh;display:flex;flex-direction:column;justify-content:center;padding-block:80px}.not-found h1{max-width:850px;font-size:clamp(2.5rem,6vw,5rem);line-height:1.05;margin:8px 0 16px}.not-found .lead{max-width:800px}

/* Footer */
.site-footer{padding:56px 0 24px;background:#2B261D;color:#F6EEDB}.footer-grid{width:min(var(--wide),calc(100% - 48px));margin:auto;display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:42px}.footer-grid h2{margin:0 0 13px;font-size:1rem;color:#FFF6E2}.footer-grid p{max-width:420px;color:#CFC4B1;font-size:.9rem}.footer-grid nav{display:flex;flex-direction:column;gap:8px}.footer-grid a{color:#D8CDBA;font-size:.88rem;text-decoration:none}.footer-grid a:hover{color:var(--gold-soft)}.footer-bottom{width:min(var(--wide),calc(100% - 48px));margin:38px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:20px;color:#AFA490;font-size:.78rem}.back-top{position:fixed;right:20px;bottom:20px;z-index:90;border:0;border-radius:999px;background:var(--ink);color:var(--white);padding:10px 14px;box-shadow:var(--shadow)}.back-top[hidden]{display:none}

/* Focus and interaction */
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid rgba(233,103,63,.45);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Responsive 1200 */
@media (max-width:1200px){
    .header-inner,.shell,.shell.wide,.footer-grid,.footer-bottom{width:min(100% - 40px,var(--max))}
    .home-hero{grid-template-columns:1fr .8fr;gap:42px}
    .mode-strip{grid-template-columns:repeat(3,1fr)}.mode-item:nth-child(4){border-left:0}.mode-item:nth-child(n+4){border-top:1px solid var(--line)}
    .feature-links{grid-template-columns:repeat(2,1fr)}.feature-links a:not(:nth-child(3n+1)){border-left:0}.feature-links a:nth-child(even){border-left:1px solid var(--line)}
    .directory-grid{grid-template-columns:repeat(2,1fr)}
}

/* Responsive 1024 */
@media (max-width:1024px){
    .header-inner{grid-template-columns:auto auto auto;justify-content:space-between;gap:12px}.menu-toggle{display:inline-flex}.primary-nav{position:absolute;left:20px;right:20px;top:68px;display:none;flex-direction:column;align-items:stretch;padding:10px;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:var(--shadow)}.primary-nav.is-open{display:flex}.primary-nav a{text-align:center}
    .home-hero,.sub-hero,.watch-hero-grid,.article-header,.ai-cover-grid{grid-template-columns:1fr}.home-hero{padding-top:52px}.hero-visual{max-width:780px}.sub-hero>img,.watch-hero-grid img,.article-header img,.ai-cover img{max-height:500px}
    .index-layout,.faq-layout{grid-template-columns:1fr}.index-intro{position:static}.index-intro img{max-height:440px}
    .feature-lead,.ribbon-grid,.device-grid,.guide-band-copy{grid-template-columns:1fr}.feature-lead img,.ribbon-grid img,.device-grid img,.guide-band-copy img{max-height:460px}
    .topic-pair{grid-template-columns:1fr 1fr}.path-list{grid-template-columns:repeat(2,1fr)}.path-list li:nth-child(3){border-left:0}
    .closing-grid{grid-template-columns:1fr}.reading-grid{grid-template-columns:minmax(0,1fr) 300px;gap:42px}
    .contrast-grid{grid-template-columns:1fr 1fr}.watch-row{grid-template-columns:46px 1fr}.watch-meta{grid-column:2}.article-layout{grid-template-columns:220px minmax(0,1fr);gap:40px}.related-grid{grid-template-columns:repeat(2,1fr)}
    .footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}.footer-grid nav:last-of-type{grid-column:2/4}
}

/* Responsive 768 */
@media (max-width:768px){
    .shell,.shell.wide,.header-inner,.footer-grid,.footer-bottom{width:calc(100% - 30px)}
    .site-header{position:relative}.header-inner{min-height:68px}.brand-lockup small{display:none}.brand-lockup img{width:40px;height:40px}.search-open{padding:8px 11px;font-size:.84rem}.menu-toggle{padding:8px 11px;font-size:.84rem}.primary-nav{left:15px;right:15px;top:62px}
    .home-hero{padding-block:44px 34px;gap:30px}.hero-copy h1{font-size:clamp(2.2rem,10vw,4rem)}.hero-facts{grid-template-columns:1fr}.hero-facts div{padding:10px 2px}
    .entry-grid{grid-template-columns:1fr}.entry-main{padding:24px 0}.entry-main+.entry-main{padding-left:0;border-left:0;border-top:1px solid var(--line)}
    .watch-preview,.guide-feature,.side-topics,.browse-map{padding-block:54px}.split-heading{grid-template-columns:1fr;gap:8px}.mode-strip,.mode-matrix{grid-template-columns:repeat(2,1fr)}.mode-item:nth-child(3){border-left:0}.mode-item:nth-child(n+3){border-top:1px solid var(--line)}.mode-matrix article:not(:nth-child(3n+1)){border-left:0}.mode-matrix article:nth-child(even){border-left:1px solid var(--line)}
    .index-editorial,.latest-band,.home-faq{padding-block:56px}.index-layout{gap:38px}.index-row{grid-template-columns:38px 1fr auto}.feature-links{grid-template-columns:1fr}.feature-links a:nth-child(even){border-left:0}.editorial-columns{columns:2}.topic-pair{grid-template-columns:1fr}.map-copy{grid-template-columns:1fr;gap:8px}.path-list{grid-template-columns:1fr}.path-list li+li{border-left:0}.closing-grid nav{grid-template-columns:1fr}.closing-grid nav a:nth-child(even){border-left:0}
    .sub-hero{padding-block:44px 26px;gap:28px}.page-hero{padding-block:38px}.page-hero-grid{grid-template-columns:1fr}.reading-grid{grid-template-columns:1fr;padding-bottom:58px}.reading-aside{position:static}.steps-list{grid-template-columns:1fr}.ai-point-list{grid-template-columns:1fr}.ai-point-list article:nth-child(even){border-left:0}.contrast-grid{grid-template-columns:1fr}.remix-list>article{grid-template-columns:1fr;gap:8px}
    .watch-row{grid-template-columns:38px 1fr;gap:14px}.guide-list{grid-template-columns:1fr}.guide-list a:nth-child(even){border-left:0}.focus-detail{grid-template-columns:1fr}.focus-main dl{grid-template-columns:1fr}.directory-grid,.stream-grid,.link-list{grid-template-columns:1fr}.stream-item:nth-child(even),.link-list a:nth-child(even){border-left:0}
    .guide-group-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.article-toc{position:static}.related-grid{grid-template-columns:1fr}.faq-page{grid-template-columns:1fr}.faq-page aside{position:static;order:-1}
    .footer-grid{grid-template-columns:repeat(2,1fr)}.footer-grid>section{grid-column:1/3}.footer-grid nav:last-of-type{grid-column:auto}.footer-bottom{flex-direction:column}.search-panel{padding:28px 20px}.search-row{grid-template-columns:1fr}.search-row button{width:100%}
}

/* Responsive 600 */
@media (max-width:600px){
    body{font-size:15px}.shell,.shell.wide,.header-inner,.footer-grid,.footer-bottom{width:calc(100% - 24px)}
    .header-inner{grid-template-columns:auto auto}.search-open{grid-column:2;grid-row:1}.menu-toggle{grid-column:2;grid-row:1;margin-right:104px}.brand-lockup{grid-row:1}.brand-lockup strong{font-size:1rem}
    .hero-actions{align-items:stretch}.hero-actions .button{width:100%}.hero-visual{border-radius:24px 24px 70px 24px;padding:12px}.hero-visual img{border-radius:18px 18px 58px 18px}
    .section-heading h2{font-size:1.8rem}.mode-strip,.mode-matrix{grid-template-columns:1fr}.mode-item+.mode-item,.mode-item:nth-child(3),.mode-matrix article:nth-child(even){border-left:0}.mode-item:nth-child(n+2){border-top:1px solid var(--line)}
    .editorial-columns{columns:1}.topic-large h3{font-size:1.35rem}.topic-large div,.topic-small div{padding:22px}.faq-layout{gap:34px}
    .sub-hero-copy h1,.watch-hero h1,.page-hero h1,.article-header h1,.ai-cover h1{font-size:2.25rem}.page-hero-grid img{max-height:320px}.steps-list li{padding:18px}.device-band{padding:48px 0}.reading-grid{gap:28px}.prose{font-size:1rem}
    .watch-index-shell{padding:54px 0}.watch-row{grid-template-columns:1fr;padding:22px 0}.watch-id,.watch-meta{grid-column:1}.watch-id{font-size:.76rem}.guide-band-copy{gap:28px}
    .category-block,.stream-item{padding:18px}.guide-group-grid{grid-template-columns:1fr}.article-header{padding-bottom:36px;gap:28px}.article-page{padding-bottom:58px}.article-tags{gap:5px}.article-body p{font-size:1rem}.faq-page-list details>div{padding-left:10px;padding-right:10px}
    .footer-grid{grid-template-columns:1fr}.footer-grid>section{grid-column:auto}.footer-grid nav:last-of-type{grid-column:auto}.footer-bottom{margin-top:26px}.back-top{right:12px;bottom:12px}
}

/* Responsive 375 */
@media (max-width:420px){
    .brand-lockup img{width:36px;height:36px}.brand-lockup strong{font-size:.92rem}.menu-toggle{margin-right:92px;padding:7px 9px}.search-open{padding:7px 9px}.home-hero{padding-top:34px}.hero-copy h1{font-size:2.25rem}.hero-copy .lead{font-size:1rem}.button{min-height:44px;padding:10px 14px}.entry-main{grid-template-columns:42px 1fr}.entry-main .number{width:40px;height:40px}.index-row{gap:10px}.index-row small{font-size:.8rem}.search-modal{padding:5vh 12px}.search-panel{border-radius:20px}.sub-hero-copy h1,.watch-hero h1,.page-hero h1,.article-header h1,.ai-cover h1{font-size:2rem}.route-card{padding:11px 0}
}

/* Viewing scenarios */
.scene-hero{padding:58px 0 46px;background:linear-gradient(180deg,#F7F1E3 0%,#FFFDF7 100%)}
.scene-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}
.scene-hero .breadcrumb{padding-top:0}.scene-hero h1{font-size:clamp(2.35rem,5.2vw,4.7rem);line-height:1.05;letter-spacing:-.04em;margin:8px 0 20px}.scene-hero img{width:100%;aspect-ratio:1.48;object-fit:cover;border-radius:30px 80px 30px 30px}
.scene-nav{padding-block:34px 50px}.scene-nav h2{font-size:1.12rem;margin:0 0 14px}.scene-tags{display:flex;flex-wrap:wrap;gap:8px}.scene-tags a{padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#FFFEFA;text-decoration:none;font-size:.82rem;font-weight:750}.scene-tags a:hover{border-color:var(--gold);background:var(--sand)}
.scene-directory{padding:68px 0;background:#302B22;color:#F9F1E1}.scene-directory .section-heading h2{color:#FFF7E8}.scene-directory .section-heading>p,.scene-directory .split-heading>p{color:#CFC4B1}.scene-directory .eyebrow{color:var(--gold-soft)}.scene-list{border-top:1px solid rgba(255,255,255,.17)}
.scene-card{display:grid;grid-template-columns:70px minmax(0,1fr);gap:22px;padding:36px 5px;border-bottom:1px solid rgba(255,255,255,.14)}.scene-no{padding-top:5px;color:#F1C96A;font-size:.84rem;font-weight:900}.scene-copy{max-width:940px}.scene-copy h3{font-size:clamp(1.45rem,3vw,2.05rem);line-height:1.2;margin:0 0 12px;color:#FFF8EA}.scene-copy h4{margin:22px 0 7px;color:#F1C96A;font-size:.86rem;letter-spacing:.04em}.scene-copy p{margin:0 0 10px;color:#D8CEBC}.scene-copy .scene-context{font-size:1.02rem;color:#F3E9D8}.scene-copy ul{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 20px;padding:0;list-style:none}.scene-copy li{padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.035);color:#E1D6C3;font-size:.9rem}.scene-avoid{margin:18px 0;padding:16px 18px;border-left:3px solid var(--accent);background:rgba(233,103,63,.08)}.scene-avoid strong{display:block;margin-bottom:4px;color:#FFD8CC}.scene-copy .text-link{color:#F1C96A}
.scene-closing{padding:68px 0}.scene-closing-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.scene-closing h2{font-size:clamp(1.9rem,3.6vw,2.8rem);line-height:1.15;margin:0 0 12px}.scene-closing p{color:var(--muted)}.scene-closing nav{border-top:1px solid var(--line)}.scene-closing nav a{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:17px 4px;border-bottom:1px solid var(--line);text-decoration:none}.scene-closing nav span{color:var(--muted);font-size:.9rem}
@media (max-width:1024px){.scene-hero-grid{grid-template-columns:1fr}.scene-hero img{max-height:460px}.scene-copy ul{grid-template-columns:1fr 1fr}}
@media (max-width:768px){.scene-directory{padding:54px 0}.scene-card{grid-template-columns:44px 1fr;gap:12px}.scene-copy ul{grid-template-columns:1fr}.scene-closing-grid{grid-template-columns:1fr}.scene-closing nav a{grid-template-columns:1fr;gap:3px}}
@media (max-width:600px){.scene-hero h1{font-size:2.15rem}.scene-card{grid-template-columns:1fr}.scene-no{padding:0}.scene-tags{gap:6px}.scene-tags a{font-size:.78rem}}