@font-face{font-family:DeskSymbols;src:url(/assets/font/desk-symbols.woff) format("woff");font-display:swap;unicode-range:U+2190-21FF,U+2300-23FF,U+25A0-25FF,U+2600-26FF,U+2B00-2BFF}
@font-face{font-family:Roboto;src:url(/assets/font/roboto-400.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Roboto;src:url(/assets/font/roboto-700.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Roboto;src:url(/assets/font/roboto-900.woff2) format("woff2");font-style:normal;font-weight:900;font-display:swap}
:root{--ink:#17222c;--muted:#52616a;--paper:#f5f3ec;--surface:#fffdf7;--line:#d9ded4;--midnight:#101a25;--navy:#152332;--lime:#dff47e;--mint:#c8e9dd;--violet:#dfd8f4;--sand:#f2e2bd;--peach:#f5d8ce;--blue:#d7e5ef;--round:14px;--wrap:min(1320px,calc(100% - 80px));font-family:Roboto,DeskSymbols,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:88px}
body{margin:0;font-size:16px;line-height:1.55}
img{max-width:100%;height:auto;display:block}
picture{display:block}
a{color:inherit}
a:hover{text-decoration-thickness:2px}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button[disabled]{cursor:default}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #3567d5;outline-offset:4px}
[hidden]{display:none!important}
h1,h2,h3,h4{margin:0;line-height:1.08;letter-spacing:-.035em;overflow-wrap:anywhere}
h1,h2{font-weight:900}
h3,h4{font-weight:700}
p{margin:0 0 1rem;overflow-wrap:anywhere}
ul,ol{padding-inline-start:1.5rem}
li+li{margin-top:.35rem}
hr{border:0;border-top:1px solid var(--line);margin:2rem 0}
.wrap{width:var(--wrap);margin-inline:auto}
.skip{position:absolute;left:1rem;top:-5rem;background:var(--lime);color:var(--ink);padding:.65rem 1rem;z-index:20;border-radius:.35rem}
.skip:focus{top:.65rem}
.sr{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.mast{position:sticky;top:0;z-index:10;background:var(--midnight);color:#fff;border-bottom:1px solid #2d3a45}
.mast-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:1.8rem}
.brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;font-weight:900;letter-spacing:-.035em;line-height:1.1;white-space:nowrap;font-size:1.06rem}
.brand img{flex:none}
.brand b{color:var(--lime)}
.nav-wide,.mast-actions{display:flex;align-items:center;gap:clamp(.65rem,1.65vw,1.65rem)}
.nav-wide a,.account-link{color:#dce6e8;text-decoration:none;font-weight:700;font-size:.88rem}
.nav-wide a:hover,.account-link:hover{color:var(--lime)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:8px;border:1px solid transparent;background:var(--ink);color:white;font-weight:700;padding:.62rem 1rem;min-height:44px;text-decoration:none;line-height:1.18;text-align:center}
.btn:hover{filter:brightness(1.12)}
.btn-lime{background:var(--lime);color:#151e1b}
.btn-quiet{background:transparent;color:inherit;border-color:currentColor}
.btn-small{font-size:.85rem;padding:.45rem .75rem}
.search-icon,.mobile-menu summary{display:grid;place-items:center;width:44px;height:44px;color:#fff;border-radius:6px;list-style:none}
.search-icon svg,.mobile-menu svg{width:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.mobile-menu{display:none}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu nav{position:absolute;top:100%;right:0;left:0;background:var(--midnight);padding:1rem 20px 1.5rem;display:grid;gap:.4rem;box-shadow:0 12px 16px #0003}
.mobile-menu nav a{padding:.55rem .7rem;text-decoration:none;color:#fff;border-bottom:1px solid #43505d}
.hero{background:var(--midnight);color:white}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(22px,4.4vw,72px);align-items:center;padding:clamp(34px,5.5vw,83px) 0 45px}
.hero-copy h1{font-size:clamp(3.05rem,6.15vw,6.9rem);letter-spacing:-.066em;line-height:.94;margin:0 0 1.25rem}
.hero-copy h1 span{color:var(--lime);display:block}
.hero-copy p{font-size:clamp(1.02rem,1.55vw,1.27rem);color:#d0dcdf;max-width:38ch;margin-bottom:1.55rem}
.hero-label{display:flex;gap:.5rem;align-items:center;font-size:.75rem;letter-spacing:.115em;text-transform:uppercase;font-weight:700;color:#cedadb;margin-bottom:1.05rem}
.hero-label::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime)}
.hero-media{margin:0;position:relative}
.hero-media img{width:100%;aspect-ratio:1.41;object-fit:cover;object-position:center;border-radius:18px;border:1px solid #4b6068}
.hero-media figcaption{position:absolute;right:.7rem;bottom:.65rem;border-radius:5px;padding:.21rem .5rem;background:#12202bee;color:#e2e9eb;font-size:.67rem}
.actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}
.search-form{display:flex;align-items:stretch;gap:.45rem;max-width:680px}
.search-form input{width:100%;min-width:0}
.search-form .btn{flex:none}
.hero-search{margin-top:1.15rem}
.hero-search input{background:#182836;color:#f8fbff;border-color:#435463}
.hero-search input::placeholder{color:#d8e0e4}
.hero-search .btn{background:#2b4252}
.shortcut-bar{border-top:1px solid #354552}
.shortcut-bar .wrap{display:flex;align-items:center;gap:1.15rem;min-height:55px;flex-wrap:wrap;padding-block:.45rem}
.shortcut-bar span{color:#afbdc5;font-size:.8rem}
.shortcut-bar a{font-size:.85rem;color:#e5edef;text-decoration:none}
.shortcut-bar a:hover{text-decoration:underline}
.watch-rows{background:#eaece3;border-bottom:1px solid #cbd2c7;padding:32px 0 37px}
.rail-head{display:flex;justify-content:space-between;gap:.8rem;align-items:end;margin-bottom:1rem}
.rail-head h2{font-size:clamp(1.3rem,2.5vw,2.15rem)}
.rail-controls{font-size:.82rem;color:var(--ink);font-weight:700;min-height:36px;background:transparent;border:1px solid #87948c;border-radius:6px;padding:.35rem .65rem}
.rail-row+.rail-row{margin-top:1.25rem}
.rail-label{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.55rem}
.rail-label h3{font-size:1rem;letter-spacing:-.02em}
.rail-label a{font-size:.78rem}
.rail{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;padding:.16rem max(12px,calc((100vw - min(1320px,100vw - 80px))/2)) .22rem;overscroll-behavior-inline:contain}
.rail::-webkit-scrollbar{display:none}
.rail-item{flex:0 0 152px;display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.5rem .55rem;background:#fffdf7;border:1px solid #d7ded4;border-radius:8px;min-height:64px;text-align:center;text-decoration:none;color:var(--ink);font-size:.75rem;font-weight:700}
.rail-item:hover{background:#f4f9e4;border-color:#82916a}
.rail-item img{width:43px;height:40px;object-fit:contain}
.rail-posters .rail-item{flex-basis:170px;min-height:92px;justify-content:flex-start;text-align:left}
.rail-posters img{width:46px;height:67px;border-radius:3px;object-fit:cover}
.section{padding-block:clamp(36px,5.2vw,78px)}
.section+.section{border-top:1px solid var(--line)}
.section-tight{padding-block:clamp(24px,3.3vw,48px)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:1.25rem;margin-bottom:1.3rem}
.section-head h2,.article-related h2{font-size:clamp(1.65rem,3.25vw,3.2rem)}
.section-head p{max-width:60ch;margin:.45rem 0 0;color:var(--muted)}
.section-head>a,.text-link{font-size:.92rem;font-weight:700;text-decoration-thickness:1px;text-underline-offset:.22em}
.kicker{margin:0 0 .45rem;color:#426158;text-transform:uppercase;letter-spacing:.095em;font-size:.76rem;font-weight:900}
.kicker.dark{color:var(--lime)}
.home-feature{display:grid;grid-template-columns:1.27fr 1fr;gap:1rem;align-items:start}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}
.category{background:var(--surface);border:1px solid var(--line);border-radius:var(--round);min-height:150px;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}
.category h3{font-size:1.16rem}
.category p{font-size:.87rem;color:#344751;margin:.35rem 0 0}
.category strong{font-size:1.18rem;margin-bottom:.45rem;color:#2c534c}
.accent-mint{background:var(--mint)}
.accent-lilac{background:var(--violet)}
.accent-sand{background:var(--sand)}
.accent-peach{background:var(--peach)}
.accent-blue{background:var(--blue)}
.accent-cream{background:var(--surface)}
.panel{padding:clamp(1rem,2.2vw,1.6rem);border:1px solid var(--line);border-radius:var(--round);background:var(--surface)}
.panel h2,.panel h3{margin-bottom:.65rem}
.panel p:last-child{margin-bottom:0}
.panel-dark{background:var(--navy);color:#f5f7f4;border:1px solid #354a5b}
.panel-dark p{color:#d7e1e4}
.inline-list,.result-list{list-style:none;padding:0;margin:0}
.inline-list li{margin:0;border-top:1px solid var(--line);padding:.7rem 0}
.inline-list li:last-child{padding-bottom:0}
.inline-list a{font-weight:700}
.panel-dark .inline-list li{border-color:#405562}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{border-radius:var(--round);border:1px solid var(--line);background:var(--surface);overflow:hidden;min-width:0}
.card>.card-link{display:flex;height:100%;flex-direction:column;text-decoration:none}
.card>.card-link:hover h3{text-decoration:underline;text-underline-offset:.18em}
.card-art img{width:100%;aspect-ratio:2/1;object-fit:cover;background:#deeadf}
.card-art.contain{background:#e9eee7}
.card-art.contain img{object-fit:contain;padding:.65rem;background:transparent}
.card-copy{padding:.9rem 1rem 1.05rem}
.card-copy h3{font-size:1.17rem;margin-bottom:.35rem}
.card-copy p{color:var(--muted);font-size:.89rem;margin:0}
.card-copy .kicker{margin:0 0 .45rem;color:#405a4b;font-size:.66rem}
.card-copy .card-more{margin-top:.55rem;font-weight:700;color:#214743}
.provider-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem}
.provider-art{position:relative;background:#172633;overflow:hidden;isolation:isolate}
.provider-art img{width:100%;aspect-ratio:2.35;object-fit:cover;opacity:.72}
.provider-art .provider-mark{position:absolute;inset:0;display:grid;place-items:center;color:white;font-weight:900;font-size:1.65rem;letter-spacing:-.07em;text-shadow:0 2px 12px #000}
.provider-art .provider-mark img{width:auto;max-width:64%;height:59%;aspect-ratio:auto;object-fit:contain;opacity:1}
.provider-art.tint-1 img{filter:hue-rotate(40deg)}
.provider-art.tint-2 img{filter:hue-rotate(95deg)}
.provider-art.tint-3 img{filter:hue-rotate(180deg)}
.provider-art.tint-4 img{filter:hue-rotate(270deg)}
.provider-art .provider-mark img{filter:none}
.provider-card .card-copy{padding:.75rem .85rem .95rem}
.provider-card .card-copy h3{font-size:1.04rem}
.provider-card .card-copy p{font-size:.81rem}
.provider-card .domain{font-family:ui-monospace,monospace;font-size:.7rem;color:#53605c}
.filter-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}
.filter-bar input{max-width:26rem;flex:1;min-width:13rem}
.country-card .card-copy{min-height:110px}
.flag{display:inline-block;font-family:"Noto Color Emoji","Segoe UI Emoji",sans-serif;margin-inline-end:.32rem;font-size:1.25em;line-height:1}
.country-groups{display:grid;gap:1.15rem}
.country-groups details{background:var(--surface);border:1px solid var(--line);border-radius:var(--round)}
.country-groups summary{cursor:pointer;padding:.8rem 1rem;font-weight:700}
.country-groups .grid{padding:.45rem .75rem .75rem}
.page-intro{background:#e7eee5;border-bottom:1px solid #d2dacd;padding-block:clamp(24px,5vw,67px)}
.page-intro h1{font-size:clamp(2.25rem,5.2vw,5.15rem);max-width:24ch;margin:.3rem 0 .85rem}
.page-intro p{max-width:64ch;font-size:clamp(1rem,1.45vw,1.22rem);color:#40535c;margin-bottom:0}
.page-intro.tone-dark{background:var(--navy);color:white;border-color:#394b59}
.page-intro.tone-dark p,.page-intro.tone-dark .crumb{color:#d4e0e4}
.page-intro.tone-lilac{background:#eae3f2}
.page-intro.tone-sand{background:#f1e6cd}
.page-intro.tone-blue{background:#e0ebf1}
.crumb{display:flex;flex-wrap:wrap;gap:.35rem .55rem;font-size:.8rem;color:#465c61}
.crumb a{text-underline-offset:.15em}
.crumb span{min-width:0;overflow-wrap:anywhere}
.page-intro .actions{margin-top:1.05rem}
.article-grid{display:grid;grid-template-columns:minmax(0,780px) minmax(210px,310px);justify-content:space-between;gap:clamp(1rem,4vw,4rem)}
.reading .intro-copy{font-size:1.12rem;color:#34454f}
.reading h2{font-size:clamp(1.42rem,2.4vw,2rem);margin:1.8rem 0 .65rem}
.reading h3{font-size:1.22rem;margin:1.35rem 0 .5rem}
.reading ul,.reading ol{margin:.6rem 0 1.25rem}
.reading figcaption{color:var(--muted);font-size:.81rem;padding:.45rem 0 0}
.reading figure{margin:0 0 1.35rem}
.reading figure img{width:100%;max-height:430px;object-fit:contain;border-radius:var(--round);background:#e3e9e1}
.reading pre{max-width:100%;overflow:auto;background:#e5ece7;border:1px solid #cad6cf;border-radius:8px;padding:1rem}
.reading :where(p,li,td) code{background:#e5ece7;border-radius:4px;padding:.08rem .25rem;overflow-wrap:anywhere}
.reading blockquote,.quote{border-left:4px solid #648d7b;padding:.4rem .8rem;margin:0 0 1rem;background:#eef1e8;overflow-wrap:anywhere}
.reading blockquote p:last-child{margin:0}
.article-related{margin-top:2.5rem}
.aside-stack{display:grid;gap:.8rem;align-content:start}
.aside-stack .panel{padding:1rem}
.aside-stack h2{font-size:1.05rem}
.notice{border:1px solid #afc7af;border-left:4px solid #497562;background:#eaf1df;border-radius:8px;padding:.85rem 1rem;margin:0 0 1rem;overflow-wrap:anywhere}
.notice p:last-child{margin:0}
.notice.error{border-color:#b36d62;background:#fae5de}
.table-scroll{overflow:auto;max-width:100%;border-radius:9px;border:1px solid var(--line);margin:.8rem 0 1.3rem}
table{width:100%;border-collapse:collapse;font-size:.9rem;background:var(--surface)}
th,td{text-align:left;vertical-align:top;padding:.72rem .8rem;border-bottom:1px solid var(--line)}
th{background:#e7eee5;font-weight:700}
tr:last-child td{border:0}
.search-split,.thread-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:clamp(1rem,4vw,3.5rem);align-items:start}
.result-list li{border-bottom:1px solid var(--line);padding:1rem 0;margin:0}
.result-list h2,.result-list h3{font-size:1.17rem;margin:.2rem 0}
.result-list p{color:var(--muted);margin:.35rem 0 0}
.pagination{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem}
.faq-list{display:grid;gap:.45rem}
.faq-list details{border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.faq-list summary{cursor:pointer;padding:.7rem .9rem;font-weight:700}
.faq-list details>div{padding:.2rem .95rem .75rem;color:#3f505a}
.faq-list details p{margin:0 0 .35rem}
.form-shell{max-width:730px;margin-inline:auto}
.form-stack{display:grid;gap:.8rem}
.form-stack label{display:grid;gap:.26rem;font-weight:700}
input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid #9aa9a5;background:var(--surface);color:var(--ink);border-radius:7px;min-height:43px;padding:.55rem .68rem;max-width:100%}
.hero-search input:not([type=checkbox]){background:#182836;color:#f8fbff;border-color:#526671}
.form-stack input:not([type=checkbox]),.form-stack select,.form-stack textarea{width:100%}
textarea{min-height:125px;resize:vertical}
.form-stack :is(small,.help),.help{font-size:.83rem;color:var(--muted);font-weight:400}
.form-stack .check{display:flex;gap:.5rem;align-items:baseline}
.form-row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:end}
.form-row label{display:grid;gap:.2rem}
.meta{font-size:.84rem;color:var(--muted);overflow-wrap:anywhere}
.pill{display:inline-block;padding:.19rem .45rem;border-radius:5px;background:#e4ece1;color:#304a3c;font-size:.76rem;font-weight:700;line-height:1.3}
.thread{display:grid;gap:.85rem}
.thread .post{padding:1.05rem;border:1px solid var(--line);background:var(--surface);border-radius:var(--round);min-width:0}
.thread .post.is-accepted{border-color:#6e9676}
.post-top{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;margin-bottom:.75rem}
.post .message{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:.85rem}
.post-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.post-actions form{margin:0}
.post h2{font-size:1.14rem;margin:0 0 .45rem}
.mod-queue{display:grid;gap:.6rem}
.mod-queue details{padding:.7rem .9rem;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.mod-queue summary{font-weight:700;cursor:pointer;overflow-wrap:anywhere}
.mod-queue .payload{white-space:pre-wrap;margin-top:.7rem;overflow-wrap:anywhere}
.footer{background:var(--midnight);color:#eef5f3}
.foot-top{display:grid;grid-template-columns:1.55fr 1fr 1.1fr 1.25fr;gap:1.6rem;padding-block:2.7rem 2.1rem}
.foot-top h2{font-size:1rem;letter-spacing:0;margin:0 0 .55rem}
.foot-top p{margin:.75rem 0 0;max-width:26ch;color:#bac8d0;font-size:.9rem}
.foot-top>div:not(:first-child) a{display:block;color:#cbd8dc;text-decoration:none;font-size:.86rem;padding:.15rem 0}
.foot-top a:hover,.foot-bottom a:hover{text-decoration:underline}
.foot-bottom{border-top:1px solid #405260;padding:1rem 0 1.3rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.82rem;color:#c3d0d6}
.foot-bottom div{display:flex;gap:.9rem;flex-wrap:wrap}
.foot-bottom a{text-decoration:none}
@media(max-width:1150px){:root{--wrap:calc(100% - 56px)}.mast-inner{gap:1rem}.nav-wide{gap:.85rem}.nav-wide a{font-size:.82rem}.provider-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.rail{padding-inline:28px}}
@media(max-width:890px){.nav-wide,.account-link{display:none}.mobile-menu{display:block}.mast-actions{margin-left:auto;gap:.35rem}.mast-inner{gap:.5rem;min-height:64px}.hero-grid{gap:1.4rem}.hero-media img{aspect-ratio:1.05}.hero-copy h1{font-size:clamp(2.8rem,7.2vw,5.2rem)}.home-feature{grid-template-columns:1fr}.provider-grid,.grid-four{grid-template-columns:repeat(3,minmax(0,1fr))}.article-grid,.search-split,.thread-split{grid-template-columns:minmax(0,1fr)}.aside-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-top{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:615px){:root{--wrap:calc(100% - 32px)}.mast-inner{min-height:60px}.brand{font-size:.96rem}.brand img{width:33px;height:33px}.mast .ask-link{display:none}.hero-grid{grid-template-columns:1fr;padding-block:2.1rem 1rem;gap:1.2rem}.hero-media img{aspect-ratio:1.75;object-position:center}.hero-copy h1{font-size:clamp(2.85rem,11vw,4.4rem);margin-bottom:.85rem}.hero-copy p{margin-bottom:.9rem}.hero-label{margin-bottom:.7rem}.hero-search{margin-top:.85rem}.shortcut-bar .wrap{gap:.4rem .9rem}.shortcut-bar span{display:none}.rail{padding-inline:16px}.rail-item{flex-basis:130px}.rail-posters .rail-item{flex-basis:141px}.category-grid,.grid,.grid-four,.provider-grid,.aside-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.category{padding:.8rem;min-height:135px}.category p{font-size:.81rem}.card-copy{padding:.7rem .75rem}.card-copy h3{font-size:1.02rem}.card-copy p{font-size:.82rem}.section-head{align-items:start;flex-direction:column;gap:.4rem}.section-head p{font-size:.91rem}.foot-top{gap:1rem;padding-block:1.7rem}.foot-top>div:first-child{grid-column:1/-1}.foot-bottom{gap:.5rem}.form-shell{max-width:100%}.page-intro h1{font-size:clamp(2rem,9vw,3.5rem)}.rail-head{align-items:start}.thread .post{padding:.8rem}}
@media(max-width:355px){.search-icon,.mobile-menu summary{width:38px}.brand{gap:.32rem}.brand img{width:27px;height:27px}.provider-card .card-copy{padding:.6rem}.category{padding:.62rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.flag-img{width:40px;height:auto;max-height:34px;object-fit:contain;margin-bottom:.45rem}
.country-intro{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem}
.country-intro .flag-img{width:57px;max-height:42px;margin:0}
.country-intro p{margin:0}
.channel-sample{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}
.channel-sample picture{display:grid;place-items:center;min-width:92px;min-height:68px;padding:.6rem;border:1px solid var(--line);background:var(--surface);border-radius:8px}
.channel-sample img{width:64px;height:38px;object-fit:contain}
.poster-card>picture{background:#172633}
.poster-card>picture img{width:100%;aspect-ratio:280/410;object-fit:cover}
.poster-groups>.section-head:not(:first-child){margin-top:2rem}
.newsletter-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.35rem}
.newsletter-card h2{margin-bottom:.3rem}
.provider-mark picture{display:grid;place-items:center;width:100%;height:100%;min-height:0}
.provider-art .provider-mark img{max-height:58px;max-width:74%;height:auto;width:auto;filter:none;object-fit:contain}
.card-art img[src*="/assets/media/capture-"]{object-fit:contain;background:#192333}
.section .faq-list+.section-head{margin-top:1.55rem}
.hero-copy .hero-label{font-size:.76rem;margin-bottom:.95rem;color:#d3e1de}
.provider-art>picture img{filter:brightness(.58) saturate(.9)}
.provider-art.tint-1>picture img{filter:brightness(.53) hue-rotate(38deg)}
.provider-art.tint-2>picture img{filter:brightness(.47) hue-rotate(86deg)}
.provider-art.tint-3>picture img{filter:brightness(.5) hue-rotate(154deg)}
.provider-art.tint-4>picture img{filter:brightness(.54) hue-rotate(252deg)}
.provider-art.light-mark .provider-mark img{background:#f2f0e9;border-radius:7px;padding:.36rem .5rem;box-shadow:0 3px 15px #17222c80}

/* Photo-led edition */
:root {
  --ink: #182831;
  --muted: #4e6269;
  --paper: #f3f1ea;
  --surface: #fffef9;
  --line: #d7ded7;
  --midnight: #101b22;
  --navy: #162b33;
  --lime: #c4efd9;
  --mint: #d5eadc;
  --violet: #e9def1;
  --sand: #f0e1c7;
  --peach: #f2dcd0;
  --blue: #d9e8eb;
}
html { scroll-padding-top: 92px; }
.mast { background: #0e181e; }
.mast-inner { min-height: 72px; }
.mast .btn { border-radius: 7px; }
.brand b, .mast .nav-wide a:hover { color: #c4efd9; }
.brand { letter-spacing: -.025em; }
.btn-lime { background: #bdebd3; color: #10251e; }
.btn-lime:hover { background: #d4f8e4; }
.desk-hero {
  color: #f4f7f2;
  background: radial-gradient(ellipse at 72% 5%, #243f42 0%, #14282d 34%, #101b22 75%);
  border-bottom: 1px solid #33464a;
}
.desk-hero-grid {
  display: grid;
  grid-template-columns: minmax(0,.91fr) minmax(0,1.09fr);
  gap: clamp(2rem,4vw,4.65rem);
  align-items: center;
  padding-block: clamp(2.9rem,5.3vw,5.6rem) 2.15rem;
}
.desk-copy { min-width: 0; }
.desk-subject {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  color: #c6ded5;
  font-size: .73rem;
  font-weight: 700;
  letter-spacing: .115em;
  text-transform: uppercase;
}
.desk-subject::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #d4c17f; }
.desk-copy h1 {
  font-size: clamp(3.45rem,6.05vw,6.35rem);
  font-weight: 900;
  letter-spacing: -.073em;
  line-height: .92;
  margin-bottom: .19em;
}
.desk-copy h1 span { color: #bdebd3; display: block; }
.desk-lede {
  color: #dbe6e2;
  max-width: 36ch;
  font-size: clamp(1.03rem,1.7vw,1.33rem);
  line-height: 1.48;
  margin: .9rem 0 1.35rem;
}
.desk-copy .hero-search { margin-top: 1.2rem; }
.desk-copy .hero-search input { color: #f1f6f2; background: #1a2b31; border-color: #52706f; }
.desk-copy .hero-search input::placeholder { color: #c4d4d3; }
.desk-copy .hero-search button { background: #36525b; }
.desk-hero-art { position: relative; min-width: 0; }
.desk-figure { margin: 0; }
.desk-hero-art .desk-figure img {
  width: 100%;
  aspect-ratio: 1.53;
  object-fit: cover;
  object-position: center 53%;
  border-radius: 18px;
  outline: 1px solid #647875;
  background: #203338;
}
.desk-hero-art .desk-figure::after {
  content: "";
  position: absolute;
  inset: 31% 0 0;
  border-radius: 0 0 18px 18px;
  pointer-events: none;
  background: linear-gradient(0deg,#101a22 0%,#0d1a20b0 42%,transparent 100%);
}
.desk-hero-art figcaption {
  position: absolute;
  z-index: 2;
  top: .65rem;
  right: .65rem;
  color: white;
  background: #112127dd;
  padding: .18rem .44rem;
  border-radius: 5px;
  font-size: .62rem;
}
.desk-hero-story {
  position: absolute;
  inset: auto 1.5rem 1.2rem 1.5rem;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: .2rem .7rem;
  align-items: end;
  text-decoration: none;
  color: white;
}
.desk-hero-story:hover strong { text-decoration: underline; text-underline-offset: .15em; }
.desk-hero-story span:first-child { grid-column: 1 / -1; color: #c8e9da; font-size: .74rem; font-weight: 800; }
.desk-hero-story strong { max-width: 24ch; font-size: clamp(1.08rem,2.1vw,1.86rem); line-height: 1.05; letter-spacing: -.025em; }
.desk-hero-story span:last-child { font-size: 1.5rem; line-height: 1; }
.desk-statbar {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  border-top: 1px solid #4b6566;
  padding: .8rem 0 .9rem;
}
.desk-statbar a {
  display: flex;
  min-width: 0;
  gap: .6rem;
  align-items: center;
  padding: .5rem .85rem;
  text-decoration: none;
  color: #e3efeb;
}
.desk-statbar a:first-child { padding-left: 0; }
.desk-statbar a+a { border-left: 1px solid #45615e; }
.desk-statbar a:hover span { text-decoration: underline; }
.desk-statbar strong { color: #bdebd3; font-weight: 900; font-size: clamp(1rem,2.5vw,1.58rem); line-height: 1.1; }
.desk-statbar span { font-size: .84rem; }
.watch-rows {
  background: #e5ebe2;
  border-bottom: 1px solid #c2d0c6;
  padding-block: 1.55rem 1.75rem;
}
.rail-head { margin-bottom: .85rem; align-items: center; }
.rail-row+.rail-row { margin-top: .9rem; }
.rail-label h3 { color: #2d4144; }
.rail-item {
  min-height: 71px;
  flex-basis: 151px;
  background: #fffef9;
  border: 1px solid #cbd8ce;
  box-shadow: 0 1px 2px #2136300d;
}
.rail-item img { width: 43px; height: 42px; }
.rail-posters .rail-item { flex-basis: 181px; min-height: 106px; padding: .45rem; }
.rail-posters img { width: 60px; height: 88px; }
.section-head h2, .page-intro h1 { letter-spacing: -.048em; }
.story-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: clamp(.7rem,1.45vw,1.2rem); }
.story-card, .atlas-card {
  min-width: 0;
  overflow: hidden;
  background: var(--surface);
  border: 1px solid #cbd5cb;
  border-radius: 13px;
  box-shadow: 0 12px 25px -23px #1a302d99;
}
.story-card>a { display: flex; flex-direction: column; height: 100%; text-decoration: none; }
.story-art { background: #30434c; overflow: hidden; }
.story-art img, .atlas-photo img {
  width: 100%;
  aspect-ratio: 1.75;
  object-fit: cover;
  transition: transform 200ms ease;
}
.story-card a:hover img, .atlas-card a:hover .atlas-photo img { transform: scale(1.035); }
.story-copy { position: relative; padding: clamp(.75rem,1.7vw,1.23rem); }
.story-copy>span:first-child {
  display: inline-block;
  color: #336556;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .04em;
}
.story-copy h3 { font-size: clamp(1.06rem,2.15vw,1.54rem); margin: .35rem 1rem .44rem 0; line-height: 1.12; }
.story-copy p { font-size: .87rem; color: #4b6067; margin: 0; line-height: 1.48; }
.story-copy .story-arrow, .atlas-arrow { position: absolute; right: .8rem; top: .82rem; color: #2e6357; font-size: 1.05rem; }
.desk-community { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,.8fr); gap: 1rem; }
.desk-forum-tiles { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .6rem; }
.desk-forum-tiles a {
  display: flex;
  align-items: start;
  gap: .66rem;
  padding: .75rem;
  background: var(--surface);
  border: 1px solid #cbd7cd;
  border-radius: 9px;
  text-decoration: none;
}
.desk-forum-tiles a:hover { background: #e9f0e5; }
.desk-forum-tiles b { color: #306b60; font-size: 1.18rem; line-height: 1.1; }
.desk-forum-tiles h3 { font-size: 1.03rem; }
.desk-forum-tiles p { margin: .25rem 0 0; color: #506068; font-size: .82rem; line-height: 1.42; }
.desk-help-card { border-radius: 13px; background: #173338; color: #fffdf8; padding: 1.18rem 1.25rem; }
.desk-help-card h3 { margin-bottom: .65rem; }
.desk-help-card p { color: #e2eeea; }
.desk-band { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); background: var(--surface); border: 1px solid #cbd5cb; border-radius: 14px; overflow: hidden; }
.desk-band .desk-figure { min-width: 0; }
.desk-band img { width: 100%; height: 100%; min-height: 230px; max-height: 285px; object-fit: cover; }
.desk-band figcaption { padding: .3rem .6rem; font-size: .73rem; }
.desk-band>div { align-self: center; padding: 1.3rem clamp(.9rem,2vw,2rem); }
.desk-band h3 { font-size: clamp(1.25rem,2.5vw,1.8rem); margin-bottom: .5rem; }
.atlas-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.atlas-card>a { display: flex; flex-direction: column; height: 100%; text-decoration: none; }
.atlas-photo { overflow: hidden; background: #21343a; }
.atlas-photo img { aspect-ratio: 1.75; }
.atlas-copy { position: relative; padding: .95rem .85rem 1rem; }
.atlas-copy h3 { font-size: 1.1rem; margin: .25rem 0; }
.atlas-copy p { font-size: .83rem; color: #496067; line-height: 1.43; margin: .4rem 0 0; }
.atlas-copy .atlas-domain { font-size: .69rem; font-family: ui-monospace,monospace; color: #375e56; overflow-wrap: anywhere; }
.atlas-mark {
  display: flex;
  align-items: center;
  width: fit-content;
  max-width: 75%;
  min-height: 30px;
  background: #263c42;
  border-radius: 5px;
  padding: .2rem .35rem;
  margin-top: -1.85rem;
  position: relative;
  z-index: 1;
}
.atlas-mark img { width: auto; height: 26px; max-width: 105px; object-fit: contain; }
.atlas-mark:empty { display: none; }
.atlas-mark.atlas-light { background: #fffaf1; border: 1px solid #afc1b6; }
.desk-section-mast { background: #e1ece6; border-bottom: 1px solid #c6d7ce; }
.desk-section-mast.tone-dark { background: #172d35; border-color: #37535a; }
.desk-section-wrap { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr); gap: 1.15rem; align-items: center; padding-block: 1.75rem; }
.desk-section-wrap .page-intro { background: transparent; border: 0; padding: .25rem 0; }
.desk-section-wrap .page-intro .wrap { width: 100%; }
.desk-section-wrap .page-intro h1 { max-width: 16ch; font-size: clamp(2.15rem,4.1vw,4.25rem); }
.desk-section-wrap .page-intro p { max-width: 46ch; }
.tone-dark .desk-section-wrap .page-intro h1 { color: #fafbf5; }
.tone-dark .desk-section-wrap .page-intro p, .tone-dark .desk-section-wrap .crumb { color: #d1e4df; }
.desk-section-wrap .desk-figure { position: relative; min-width: 0; }
.desk-section-wrap .desk-figure img { width: 100%; aspect-ratio: 1.96; object-fit: cover; border-radius: 12px; }
.desk-section-wrap figcaption { position: absolute; right: .48rem; bottom: .48rem; padding: .14rem .32rem; background: #102126dd; color: #fff; font-size: .62rem; border-radius: 4px; }
.photo-credit img { width: 100%; aspect-ratio: 1.85; object-fit: cover; border-radius: 8px; margin-bottom: .6rem; }
.station-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .48rem; }
.station-list li { display: flex; gap: .55rem; align-items: center; min-width: 0; border: 1px solid #cbd7cd; border-radius: 8px; background: var(--surface); padding: .55rem .63rem; }
.station-list li div { flex: 1; min-width: 0; }
.station-list li img { width: 37px; height: 30px; object-fit: contain; }
.station-list li p { color: #54676d; margin: .13rem 0 0; font-size: .78rem; }
.station-list li code { color: #385f58; font-size: .69rem; overflow-wrap: anywhere; max-width: 31%; }
.station-pagination { margin: .9rem 0; }
.atlas-photo.atlas-product { background: #fff; }
.atlas-photo.atlas-product img { object-fit: contain; padding: .65rem 1.05rem; }
.reading figure:has(img[src^="/assets/station-marks/"]) { max-width: 235px; }
.reading figure img[src^="/assets/station-marks/"] { border: 1px solid var(--line); background: white; }
.article-contents { margin: 0 0 1.4rem; padding: .86rem 1rem; border: 1px solid #c4d3c9; background: #e8eee6; border-radius: 8px; }
.reading .article-contents ul { margin: .35rem 0 0; }
.reading [data-filter-group] .table-scroll { max-height: 35rem; }
.reading [data-filter-group] thead { position: sticky; top: 0; z-index: 1; }
.reading h2[id] { scroll-margin-top: 6.5rem; }
.story-toc { padding: .7rem .8rem; margin: 0 0 1.2rem; border: 1px solid #c4d3c9; background: #e8eee6; border-radius: 8px; }
.story-toc summary { font-weight: 750; cursor: pointer; }
.story-toc ul { list-style: none; padding-left: 0; margin: .4rem 0 0; }
.story-toc li+li { margin-top: .15rem; }
.story-toc a { color: #325952; }
.story-figure img { background: #d9e5db; }
.country-card .country-cover img { width: 100%; aspect-ratio: 1.88; object-fit: cover; }
.country-card .card-copy h3 { letter-spacing: -.018em; }
@media(max-width:980px) {
  .desk-hero-grid { gap: 1.75rem; }
  .atlas-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .desk-statbar a { align-items: start; flex-direction: column; gap: .14rem; }
}
@media(max-width:700px) {
  .desk-hero-grid, .desk-section-wrap { grid-template-columns: 1fr; gap: 1.1rem; }
  .desk-hero-grid { padding-block: 2rem 1.1rem; }
  .desk-copy h1 { font-size: clamp(2.75rem,11vw,4.3rem); }
  .desk-hero-art .desk-figure img { aspect-ratio: 1.85; }
  .desk-hero-story { inset: auto .65rem .65rem .65rem; }
  .desk-hero-art figcaption { max-width: 64%; text-align: right; font-size: .57rem; }
  .desk-section-wrap { padding-block: 1.15rem; }
  .desk-section-wrap .desk-figure img { aspect-ratio: 2; }
  .desk-statbar { grid-template-columns: repeat(2,minmax(0,1fr)); padding-block: .35rem .5rem; }
  .desk-statbar a { flex-direction: row; align-items: center; gap: .4rem; padding: .5rem; }
  .desk-statbar a:nth-child(3) { border-left: 0; }
  .desk-statbar a:nth-child(2n+1) { padding-left: 0; }
  .desk-statbar span { font-size: .74rem; }
  .desk-community, .desk-band { grid-template-columns: 1fr; }
  .desk-band img { min-height: 0; aspect-ratio: 1.94; max-height: 220px; }
}
@media(max-width:615px) {
  .story-grid, .atlas-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .56rem; }
  .story-copy { padding: .65rem; }
  .story-copy p { font-size: .8rem; }
  .story-copy .story-arrow { right: .53rem; top: .54rem; }
  .station-list { grid-template-columns: 1fr; }
  .desk-forum-tiles a { padding: .62rem; }
  .desk-forum-tiles h3 { font-size: .96rem; }
  .atlas-copy { padding: .72rem .6rem; }
  .atlas-mark img { max-width: 75px; height: 22px; }
  .atlas-mark { min-height: 24px; margin-top: -1.43rem; }
  .atlas-copy h3 { font-size: .97rem; }
  .atlas-copy p { font-size: .77rem; }
  .rail-item { flex-basis: 132px; }
  .rail-posters .rail-item { flex-basis: 149px; }
}
@media(prefers-reduced-motion:reduce) {
  .story-card a:hover img, .atlas-card a:hover .atlas-photo img { transform: none; }
}

/* Detail art and Apache-only tools */
.art-card-action { display:block; margin-top:.5rem; color:#285e54; font-size:.82rem; font-weight:700; }
.art-open { display:flex; flex-wrap:wrap; align-items:center; gap:.55rem .9rem; margin:0 0 1.55rem; }
.reading figure img[src^="/assets/artwork-detail/"] { max-height:620px; background:#eff0e8; }
.reading figure img[src*="/poster-"] { background:#182731; }
.static-search-notice { margin:.75rem 0; }
.static-search-notice:empty { display:none; }
@media(max-width:615px) {
  .reading figure img[src^="/assets/artwork-detail/"] { max-height:510px; }
}
@font-face {
  font-family: 'Instrument Sans';
  src: url('/assets/font/instrument-sans.woff2') format('woff2');
  font-weight: 400 700;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Instrument Serif';
  src: url('/assets/font/instrument-serif.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Instrument Serif';
  src: url('/assets/font/instrument-serif-italic.woff2') format('woff2');
  font-style: italic;
  font-display: swap;
}

:root {
  --ink: #242222;
  --muted: #625954;
  --paper: #f6f0e8;
  --surface: #fffbf4;
  --line: #dbd0c4;
  --midnight: #1a1a1d;
  --navy: #272326;
  --lime: #f4d39d;
  --mint: #e3ead9;
  --violet: #e9ddeb;
  --sand: #f0e0c7;
  --peach: #f0ddd0;
  --blue: #dde5e5;
  --round: 15px;
  --wrap: min(1424px, calc(100% - clamp(32px, 7.5vw, 120px)));
  --display: 'Instrument Serif', Georgia, serif;
  font-family: 'Instrument Sans', Roboto, DeskSymbols, Arial, sans-serif;
}
h1, h2 { font-weight: 700; }
h3, h4, strong, b { font-weight: 700; }
:where(a, button, summary, input, select, textarea, [tabindex='0']):focus-visible { outline-color: #96702e; }
.mast { background: #1a1a1d; border-bottom-color: #373130; }
.mast-inner { min-height: 68px; }
.brand { font-size: 1.3rem; letter-spacing: -.05em; gap: .58rem; }
.brand b, .mast .nav-wide a:hover { color: var(--lime); }
.nav-wide a, .mast .account-link { color: #f1e9de; font-size: .875rem; }
.mast .search-icon:hover, .mobile-menu summary:hover { background: #403634; }
.btn { background: #272124; border-radius: 8px; padding: .67rem 1.06rem; }
.btn-lime { background: #f4d39d; color: #2e2119; }
.btn-lime:hover { background: #ffe6bb; }
.btn-quiet { background: transparent; color: inherit; border-color: currentColor; }
.section { padding-block: clamp(2.25rem, 4.35vw, 4.3rem); }
.section.section-tight { padding-block: clamp(1rem, 2vw, 1.8rem); }
.section-head { margin-bottom: clamp(1rem, 2.15vw, 1.65rem); }
.section-head h2, .rail-head h2 { font-family: var(--display); font-weight: 400; font-size: clamp(2.18rem, 4.7vw, 4.3rem); letter-spacing: -.028em; line-height: .98; }
.section-head p { color: var(--muted); }
.section-head>a, .rail-label a { text-underline-offset: .28em; text-decoration-color: #97663e; }
.page-intro { background: #efe4d4; border-color: #d9c7b5; }
.page-intro h1 { font-family: var(--display); font-weight: 400; letter-spacing: -.035em; font-size: clamp(2.85rem, 5.65vw, 6rem); max-width: 24ch; }
.page-intro p { color: #574b46; }
.page-intro.tone-blue { background: #e5e9e2; }
.page-intro.tone-lilac { background: #efe3eb; }
.page-intro.tone-sand { background: #f0e4cd; }
.page-intro.tone-dark { background: #282225; }
.page-intro.tone-dark p { color: #e3d6ce; }
.crumb { color: #665952; }
.desk-section-mast { background: #e9ddcc; border-color: #d8c5af; }
.desk-section-mast.tone-blue { background: #e4e7de; }
.desk-section-mast.tone-lilac { background: #eee0e8; }
.desk-section-mast.tone-sand { background: #eddfc5; }
.desk-section-mast.tone-dark { background: #30292b; border-color: #52443d; }
.desk-section-wrap { gap: clamp(1.25rem, 3.5vw, 4rem); padding-block: clamp(1.35rem, 3.8vw, 3.8rem); }
.desk-section-wrap .page-intro h1 { font-size: clamp(2.9rem, 5.4vw, 5.7rem); }
.desk-section-wrap .desk-figure img { border-radius: 12px; box-shadow: 0 20px 40px -30px #4b302d; }
.desk-section-wrap figcaption { background: #231c1bd9; }
.tone-dark .desk-section-wrap .crumb, .tone-dark .desk-section-wrap .page-intro p { color: #e7d8cb; }
.read-jump { font-size: .84rem; }
.article-jump { margin-top: 1.1rem; }
.panel, .card, .thread .post, .faq-list details { box-shadow: 0 10px 22px -20px #4c3525a0; }
.card:hover, .desk-forum-tiles a:hover { background: #f5eadb; border-color: #bd9f81; }
.kicker { color: #754b32; }
.reading, .panel, .story-copy, .atlas-copy { overflow-wrap: anywhere; }
.reading h2 { line-height: 1.12; }
.reading figure img { background: #eae0d2; }
.table-scroll { min-width: 0; }
th { background: #eee3d2; }
.footer { background: #1b1a1c; border-top: 4px solid #d4b27c; }
.foot-top h2, .foot-top>div:not(:first-child) a, .foot-top p, .foot-bottom { color: #e5dcd2; }
.foot-bottom { border-color: #534641; }

.forum-hero {
  background: radial-gradient(ellipse at 70% 22%, #3c3030 0%, #262124 48%, #1a191c 91%);
  color: #fcf3e6;
  border-bottom: 1px solid #57443d;
}
.forum-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .98fr) minmax(0, 1.02fr);
  align-items: center;
  gap: clamp(1.5rem, 4.2vw, 5rem);
  padding-block: clamp(2.1rem, 5vw, 5.6rem);
}
.forum-hero-copy, .forum-hero-photo { min-width: 0; }
.forum-hero h1 {
  font: 400 clamp(3.25rem, 6.85vw, 7.35rem)/.88 var(--display);
  letter-spacing: -.037em;
  margin: 0 0 .3em;
  text-wrap: balance;
}
.forum-hero h1 em { color: #efc986; font-weight: 400; }
.forum-lede { font-size: clamp(1rem, 1.6vw, 1.36rem); line-height: 1.5; max-width: 34ch; margin: 1.05rem 0 1.6rem; color: #f0e4d7; }
.forum-hero .actions { margin-bottom: 1.2rem; }
.forum-hero .btn-quiet { border-color: #ab927d; color: #fff2e5; }
.forum-hero .hero-search { margin-top: 0; max-width: 31rem; }
.forum-hero .hero-search input:not([type=checkbox]) { background: #342c2c; border-color: #7e685c; color: #fff5e9; }
.forum-hero .hero-search input::placeholder { color: #e0d3c9; }
.forum-hero .hero-search button { background: #5a4740; color: #fff2e8; }
.forum-hero-photo {
  position: relative;
  border: 1px solid #a08772;
  border-radius: 16px;
  background: #544334;
  box-shadow: 0 26px 58px -22px #0a0909a8;
  isolation: isolate;
  overflow: hidden;
}
.forum-hero-photo img { width: 100%; aspect-ratio: 1.42; object-fit: cover; object-position: center 56%; }
.forum-hero-photo .desk-figure::after { position: absolute; content: ''; inset: 0; background: linear-gradient(0deg, #1d1514ef 0%, #2f1f1b6b 33%, transparent 57%); pointer-events: none; }
.forum-hero-photo figcaption { position: absolute; top: .68rem; right: .7rem; z-index: 1; padding: .2rem .5rem; color: #fff5ed; background: #2b1e1bd9; border-radius: 4px; font-size: .7rem; }
.forum-photo-link { position: absolute; inset: auto 1.25rem 1.12rem; display: grid; grid-template-columns: 1fr auto; gap: .15rem .75rem; align-items: end; z-index: 2; color: #fff7ed; text-decoration: none; }
.forum-photo-link span:first-child { grid-column: 1 / -1; color: #f1ca91; font-size: .76rem; font-weight: 700; }
.forum-photo-link strong { font-size: clamp(1.02rem, 2.1vw, 1.85rem); line-height: 1.12; letter-spacing: -.03em; }
.forum-photo-link span:last-child { font-size: 1.45rem; line-height: 1; }
.forum-photo-link:hover strong { text-decoration: underline; text-underline-offset: .18em; }
.home-topics { border-bottom: 1px solid #d3bfab; background: #eee3d3; }
.home-topics nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .4rem 1.3rem; min-height: 3.5rem; padding-block: .6rem; }
.home-topics a { padding-block: .18rem; color: #49352c; font-weight: 700; font-size: .83rem; text-decoration-color: #b2896c; text-underline-offset: .23em; }
.home-topics a:hover { color: #201514; }
.provider-strip { background: #f1e8dc; border-bottom: 1px solid #d9c9b9; padding-block: .85rem 1.05rem; }
.provider-strip-title { display: flex; align-items: baseline; justify-content: space-between; gap: .7rem; margin-bottom: .55rem; }
.provider-strip-title h2 { font-size: 1rem; letter-spacing: -.018em; }
.provider-strip-title>a { font-size: .79rem; font-weight: 700; text-underline-offset: .17em; }
.provider-strip-grid { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: .45rem; }
.provider-strip-grid>a { display: flex; min-width: 0; align-items: center; gap: .45rem; padding: .35rem .43rem; background: #fffbf5; border: 1px solid #d7c6b6; border-radius: 7px; color: #3e312a; font-size: .73rem; line-height: 1.16; text-decoration: none; }
.provider-strip-grid>a:hover { border-color: #9c785b; text-decoration: underline; }
.provider-strip-grid>a>span { flex: 0 0 34px; height: 31px; display: grid; place-items: center; background: #30292b; border-radius: 4px; }
.provider-strip-grid img { width: 28px; height: 25px; object-fit: contain; }
.provider-strip-grid b { overflow-wrap: anywhere; }

.provider-showcase { background: #282326; color: #f9efe5; border-block: 1px solid #514541; }
.provider-showcase .section-head p { color: #e2d3c7; }
.provider-showcase .section-head>a { color: #f6d39c; }
.provider-showcase .filter-bar { margin-bottom: 1rem; }
.provider-showcase .filter-bar input { background: #392f30; color: #fff6eb; border-color: #89705e; }
.provider-showcase .filter-bar input::placeholder, .provider-showcase .filter-bar .meta { color: #e5d9cf; }
.atlas-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(.65rem, 1.45vw, 1.2rem); }
.story-card, .atlas-card { border-radius: 13px; border-color: #d5c5b3; box-shadow: 0 13px 34px -26px #412c23b0; }
.provider-showcase .atlas-card { border-color: #756157; box-shadow: 0 10px 24px -15px #100b0cd9; }
.story-art, .atlas-photo { background: #382b2d; }
.atlas-photo img { aspect-ratio: 1.58; }
.atlas-mark { background: #252124; border: 1px solid #66504a; padding: .3rem .53rem; min-height: 38px; margin-top: -2.1rem; }
.atlas-mark.atlas-light { background: #fffcf6; border-color: #c9ae97; }
.atlas-mark img { height: 27px; max-width: 108px; }
.atlas-copy { padding: 1rem .8rem .85rem; color: var(--ink); }
.atlas-copy h3 { font-size: clamp(1rem, 1.55vw, 1.24rem); line-height: 1.15; }
.atlas-copy .atlas-domain, .story-copy>span:first-child { color: #78513c; }
.atlas-copy p, .story-copy p { color: #544942; }
.atlas-copy .atlas-status { margin-top: .7rem; border-top: 1px solid #ded1c3; padding-top: .48rem; color: #614735; font-size: .68rem; font-weight: 700; }
.atlas-arrow, .story-copy .story-arrow { color: #7c513a; }
.watch-rows { background: #eae0d5; border-color: #d8c6b5; padding-block: clamp(1.9rem, 3.5vw, 3.2rem); }
.rail-controls { border-color: #a28169; }
.rail-label h3 { color: #4f3e36; }
.rail { padding-inline: max(16px, calc((100% - var(--wrap)) / 2)); }
.rail-item { border-color: #d2bfb0; background: #fffbf4; border-radius: 9px; }
.rail-item:hover { border-color: #a77857; background: #f8eadb; }
.rail-posters .rail-item { min-height: 116px; }
.rail-posters img { height: 94px; width: 63px; }
.desk-forum-tiles a { border-color: #d5c5b5; }
.desk-forum-tiles b { color: #83553a; }
.desk-forum-tiles p { color: var(--muted); }
.desk-help-card { background: #392d2e; color: #fff4e8; }
.desk-help-card p { color: #eddfd1; }
.desk-band { border-color: #d7c7b9; }
.provider-artwork { margin-block: 1.5rem; }
.provider-artwork>div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.reading .provider-artwork figure { margin: 0; padding: .55rem; border: 1px solid #d6c7b7; border-radius: 10px; background: var(--surface); }
.reading .provider-artwork img { aspect-ratio: 1.65; max-height: none; object-fit: contain; }
.reading .provider-artwork figcaption { color: var(--muted); font-size: .77rem; }

.chapter-section { border-top: 1px solid #c9b39a; padding-top: clamp(2.35rem, 5vw, 4.7rem); }
.chapter-header { margin-bottom: clamp(1.4rem, 3.5vw, 2.7rem); }
.chapter-header h2 { font: 400 clamp(2.65rem, 5.7vw, 5.6rem)/.96 var(--display); max-width: 24ch; letter-spacing: -.03em; text-wrap: balance; }
.chapter-layout { display: grid; grid-template-columns: minmax(0, 51rem) minmax(220px, 18.5rem); gap: clamp(1.2rem, 5vw, 5rem); align-items: start; }
.long-read { min-width: 0; color: #342b28; font-size: clamp(1rem, 1.44vw, 1.18rem); line-height: 1.7; }
.long-read > p:first-of-type { font-size: 1.12em; color: #423329; }
.long-read h3 { font-family: var(--display); font-weight: 400; font-size: clamp(1.9rem, 3.25vw, 3rem); letter-spacing: -.02em; margin-top: 1.15em; line-height: 1; }
.long-read h4 { font-size: 1.12em; margin: 1.2em 0 .45em; }
.long-read :where(h3, h4)[id], #reading-guide { scroll-margin-top: 1.1rem; }
.long-read a { text-decoration-color: #9d6c4a; text-underline-offset: .2em; }
.long-read a:hover { text-decoration-thickness: 2px; }
.long-read .table-scroll { margin-block: 1.2rem; }
.long-read table { font-size: .88rem; line-height: 1.52; }
.long-read td { min-width: 7.4rem; }
.long-read .table-scroll :where(p, ul) { margin: 0; }
.long-read blockquote { background: #f0e4d5; border-color: #ab7d5d; }
.chapter-side { position: sticky; top: 6.25rem; min-width: 0; }
.chapter-contents { max-height: min(54vh, 29rem); overflow: auto; padding: 1.05rem; background: #fffbf4; border: 1px solid #d9c6b4; border-radius: 12px; }
.chapter-contents strong { display: block; font-size: 1rem; padding-bottom: .65rem; border-bottom: 1px solid #dfcdb9; }
.chapter-contents .inline-list { margin: .5rem 0 0; }
.chapter-contents a { display: block; padding: .24rem 0; color: #694933; line-height: 1.35; text-underline-offset: .16em; }
.chapter-feature { display: block; margin-top: .75rem; border: 1px solid #d9c6b4; border-radius: 10px; overflow: hidden; background: var(--surface); }
.chapter-feature img { width: 100%; aspect-ratio: 2.15; object-fit: contain; background: #e8ded0; }
.chapter-feature span { display: block; padding: .5rem .72rem; font-size: .79rem; }

@media (max-width: 1180px) {
  .atlas-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 880px) {
  .atlas-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .provider-strip-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .chapter-layout { grid-template-columns: minmax(0, 1fr); }
  .chapter-side { position: static; grid-row: 1; }
  .chapter-contents { max-height: 15rem; }
  .chapter-feature { display: none; }
}
@media (max-width: 700px) {
  .forum-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
  .forum-hero h1 { font-size: clamp(3.1rem, 11.4vw, 5.9rem); }
  .forum-lede { margin-block: .7rem 1.1rem; }
  .forum-hero .actions { margin-bottom: .8rem; }
  .forum-hero-photo img { aspect-ratio: 1.67; }
  .forum-photo-link { inset: auto .82rem .65rem; }
  .home-topics nav { justify-content: flex-start; gap: .25rem .92rem; }
}
@media (max-width: 615px) {
  .mast-inner { min-height: 60px; }
  .atlas-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .atlas-copy { padding-inline: .58rem; }
  .atlas-copy p { font-size: .77rem; }
  .atlas-mark img { max-width: 74px; height: 24px; }
  .atlas-arrow { right: .5rem; }
  .story-grid { grid-template-columns: 1fr; }
  .provider-strip-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .provider-artwork>div { grid-template-columns: minmax(0, 1fr); }
  .long-read td, .long-read th { padding: .48rem .52rem; }
  .chapter-contents { max-height: 13.25rem; }
}
@media (max-width: 375px) {
  .forum-hero .actions { gap: .4rem; }
  .forum-hero .actions .btn { padding-inline: .6rem; }
  .atlas-mark { min-height: 33px; max-width: 79%; }
  .atlas-mark img { max-width: 66px; height: 23px; }
}
@media (prefers-reduced-motion: reduce) {
  .story-card a:hover img, .atlas-card a:hover .atlas-photo img { transform: none; }
}