:root {
  color-scheme: dark;
  --ink: #07080c;
  --ink-2: #0d0f16;
  --panel: #11141c;
  --panel-2: #171b25;
  --panel-3: #202532;
  --text: #f6f7fb;
  --muted: #a7acb8;
  --dim: #737988;
  --line: rgba(255,255,255,.1);
  --line-strong: rgba(255,255,255,.19);
  --violet: #7a5cff;
  --violet-soft: #b9adff;
  --blue: #67f5ad;
  --amber: #f1b963;
  --danger: #ff7c91;
  --shell: 1420px;
  --reading: 760px;
  --radius: 8px;
  --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; color: var(--text); background: var(--ink); font-family: var(--sans); -webkit-font-smoothing: antialiased; }
body::before { position: fixed; z-index: -1; inset: 0; content: ""; pointer-events: none; background: radial-gradient(circle at 90% -5%, rgba(128,107,255,.13), transparent 34rem), radial-gradient(circle at -5% 55%, rgba(79,216,255,.05), transparent 34rem); }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, input, select { font: inherit; }
a:focus-visible, button:focus-visible, input:focus-visible, summary:focus-visible { outline: 3px solid var(--blue); outline-offset: 4px; }
::selection { color: white; background: var(--violet); }
.shell { width: min(var(--shell), calc(100% - 3rem)); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Navigation */
.site-header { position: sticky; z-index: 50; top: 0; border-bottom: 1px solid var(--line); background: rgba(7,8,12,.82); backdrop-filter: blur(22px) saturate(140%); }
.header-inner { min-height: 72px; display: flex; align-items: center; gap: 2rem; }
.brand { flex: 0 0 auto; display: inline-flex; align-items: center; color: var(--text); font-size: 1rem; font-weight: 950; letter-spacing: .16em; }
.brand-logo { width: 152px; height: auto; }
.main-nav { display: flex; align-items: center; gap: 1.35rem; color: #c4c8d1; font-size: .79rem; font-weight: 680; }
.main-nav a { position: relative; padding: 1.65rem 0; }
.main-nav a::after { position: absolute; right: 50%; bottom: 0; left: 50%; height: 2px; content: ""; background: linear-gradient(90deg,var(--violet),var(--blue)); transition: right .18s ease,left .18s ease; }
.main-nav a:hover, .main-nav a[aria-current="page"] { color: white; }
.main-nav a:hover::after, .main-nav a[aria-current="page"]::after { right: 0; left: 0; }
.header-actions { margin-left: auto; display: flex; align-items: center; gap: .65rem; }
.country-chip, .nav-cta, .mobile-nav-link { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; padding: 0 .9rem; border-radius: 6px; font-size: .67rem; font-weight: 850; letter-spacing: .06em; }
.country-chip { color: #9499a7; border: 1px solid var(--line); background: rgba(255,255,255,.025); }
.nav-cta { color: white; background: var(--violet); box-shadow: 0 9px 32px rgba(96,75,225,.2); }
.mobile-nav-link { display: none; color: white; background: var(--violet); }

/* Homepage hero */
.stream-hero { position: relative; min-height: min(780px,86vh); overflow: hidden; border-bottom: 1px solid var(--line); }
.hero-media { position: absolute; inset: 0; }
.hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: .82; }
.hero-media::after { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg,#07080c 0%,rgba(7,8,12,.95) 34%,rgba(7,8,12,.47) 69%,rgba(7,8,12,.6) 100%),linear-gradient(0deg,#07080c 0%,transparent 48%,rgba(7,8,12,.2) 100%); }
.hero-content { position: relative; z-index: 2; min-height: min(780px,86vh); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 7rem 0 5rem; }
.kicker, .eyebrow { display: inline-flex; align-items: center; gap: .7rem; margin: 0 0 1rem; color: var(--blue); font-size: .66rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.kicker::before, .eyebrow::before { width: 26px; height: 2px; content: ""; background: linear-gradient(90deg,var(--violet),var(--blue)); }
.hero-title { max-width: 900px; margin: 0; font-size: clamp(4rem,8.4vw,8.2rem); font-weight: 950; letter-spacing: -.078em; line-height: .84; text-wrap: balance; }
.hero-title em { display: block; color: transparent; font-style: normal; background: linear-gradient(102deg,#fff 4%,var(--violet-soft) 55%,var(--blue)); background-clip: text; -webkit-background-clip: text; }
.hero-copy { max-width: 670px; margin: 1.5rem 0 0; color: #c6cad3; font-size: clamp(1rem,1.45vw,1.15rem); line-height: 1.68; text-shadow: 0 2px 18px rgba(0,0,0,.4); }
.topic-search { position: relative; z-index: 12; width: min(100%,680px); margin-top: 1.6rem; }
.topic-search-control { min-height: 60px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: .8rem; border: 1px solid rgba(255,255,255,.2); border-radius: 8px; padding: .4rem .45rem .4rem 1rem; color: #aeb4c0; background: rgba(8,9,15,.86); box-shadow: 0 18px 58px rgba(0,0,0,.32); backdrop-filter: blur(18px); }
.topic-search-control:focus-within { border-color: rgba(128,107,255,.85); box-shadow: 0 0 0 3px rgba(128,107,255,.13),0 18px 58px rgba(0,0,0,.4); }
.topic-search-control input { min-width: 0; border: 0; outline: 0; color: white; background: transparent; font-size: .93rem; }
.topic-search-control input::placeholder { color: #777e8d; }
.topic-search-control button { min-height: 46px; border: 0; border-radius: 6px; padding: 0 1.1rem; cursor: pointer; color: white; background: var(--violet); font-size: .72rem; font-weight: 900; }
.topic-search-results { position: absolute; top: calc(100% + .55rem); right: 0; left: 0; max-height: 370px; overflow-y: auto; border: 1px solid var(--line-strong); border-radius: 8px; padding: .42rem; background: rgba(11,13,19,.98); box-shadow: 0 28px 80px rgba(0,0,0,.62); backdrop-filter: blur(20px); }
.topic-search-results a { display: grid; gap: .18rem; border-radius: 5px; padding: .78rem .85rem; }
.topic-search-results a:hover,.topic-search-results a[aria-selected="true"] { background: rgba(128,107,255,.16); }
.topic-search-results strong { font-size: .82rem; }
.topic-search-results span,.topic-search-empty { margin: 0; color: var(--muted); font-size: .69rem; line-height: 1.45; }
.topic-search-empty { padding: .9rem; }
.hero-badges, .meta-row { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.3rem; }
.badge { display: inline-flex; align-items: center; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; padding: .42rem .72rem; color: #d9dce4; background: rgba(7,8,12,.56); font-size: .67rem; font-weight: 750; backdrop-filter: blur(10px); }
.badge:hover, .badge.verified { color: white; border-color: rgba(128,107,255,.6); background: rgba(128,107,255,.18); }
.feature-actions, .hero-actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.7rem; }
.button, .primary-action, .secondary-action { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: .5rem; border-radius: 6px; padding: 0 1.1rem; font-size: .76rem; font-weight: 900; }
.button, .primary-action { color: white; background: var(--violet); box-shadow: 0 12px 36px rgba(84,63,205,.22); }
.button:hover, .primary-action:hover, .nav-cta:hover { background: #927fff; transform: translateY(-1px); }
.button.secondary, .secondary-action { color: white; border: 1px solid var(--line-strong); background: rgba(255,255,255,.055); box-shadow: none; }
.data-notice { border-bottom: 1px solid var(--line); background: #0a0c12; }
.data-notice-inner { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: #888e9b; font-size: .7rem; }
.data-notice strong { color: #cfd2db; }

/* Streaming-style topic collections */
.content-section { padding: 3.2rem 0 .6rem; }
.content-section.spacious { padding-block: 5rem; }
.section-bar { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1.2rem; }
.section-bar h2, .section-heading h2 { margin: 0; font-size: clamp(1.55rem,2.4vw,2.2rem); font-weight: 880; letter-spacing: -.04em; }
.section-bar p { max-width: 620px; margin: .35rem 0 0; color: var(--muted); line-height: 1.55; }
.section-link { flex: 0 0 auto; color: var(--violet-soft); font-size: .75rem; font-weight: 850; }
.poster-row { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(210px,1fr); gap: .85rem; overflow-x: auto; padding: .25rem .1rem 1.2rem; scroll-snap-type: x proximity; scrollbar-color: var(--panel-3) transparent; }
.poster-card { min-width: 0; display: block; scroll-snap-align: start; }
.poster-art { position: relative; aspect-ratio: 16/10; overflow: hidden; border-radius: var(--radius); background: var(--panel-2); box-shadow: 0 18px 42px rgba(0,0,0,.26); transition: transform .24s ease,box-shadow .24s ease; }
.poster-art::before { position: absolute; inset: 0; content: ""; background: var(--card-image,linear-gradient(135deg,#1e1a45,#0d111c 60%,#102b3b)); background-position: center; background-size: cover; transition: transform .4s ease; }
.poster-art::after { position: absolute; inset: 0; content: ""; background: linear-gradient(180deg,transparent 22%,rgba(4,5,9,.93) 100%); }
.tone-2 { --card-image: linear-gradient(135deg,#392a5f,#15101f 58%,#0b1c29); }
.tone-3 { --card-image: linear-gradient(135deg,#14273d,#111525 58%,#37235b); }
.tone-4 { --card-image: linear-gradient(135deg,#3d1c42,#15121e 60%,#10253b); }
.tone-5 { --card-image: linear-gradient(135deg,#202644,#10121a 56%,#162d43); }
.tone-6 { --card-image: linear-gradient(135deg,#172e3a,#131522 56%,#322354); }
.poster-rank { position: absolute; z-index: 3; top: .7rem; left: .7rem; color: rgba(255,255,255,.78); font-size: .64rem; font-weight: 950; letter-spacing: .08em; }
.poster-copy { position: absolute; z-index: 3; right: .9rem; bottom: .85rem; left: .9rem; }
.poster-copy span { display: block; margin-bottom: .36rem; color: var(--blue); font-size: .58rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.poster-copy strong { display: block; font-size: 1.18rem; font-weight: 900; letter-spacing: -.035em; line-height: 1.05; }
.poster-card:hover .poster-art { transform: translateY(-6px); box-shadow: 0 24px 60px rgba(0,0,0,.45),0 0 0 1px rgba(128,107,255,.5); }
.poster-card:hover .poster-art::before { transform: scale(1.04); }
.poster-meta { display: flex; align-items: center; justify-content: space-between; gap: .6rem; padding: .7rem .15rem 0; color: var(--dim); font-size: .65rem; }
.poster-meta strong { overflow: hidden; color: #d7dae2; font-size: .73rem; text-overflow: ellipsis; white-space: nowrap; }

/* Cineb discovery product */
.discovery-band { position: relative; padding: 5rem 0 1rem; background: linear-gradient(180deg,#090b0f 0%,#07080c 100%); }
.discovery-band.compact { padding-top: 3.4rem; }
.discovery-head { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 1.35rem; }
.discovery-head h2 { margin: 0; font-size: clamp(2rem,3.4vw,3.7rem); font-weight: 940; letter-spacing: -.06em; line-height: .94; }
.discovery-head p:not(.eyebrow) { max-width: 680px; margin: .7rem 0 0; color: var(--muted); line-height: 1.55; }
.country-picker { min-width: 210px; display: grid; gap: .45rem; }
.country-picker label { color: var(--dim); font-size: .6rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.country-picker select, .library-controls select { min-height: 46px; border: 1px solid var(--line-strong); border-radius: 7px; padding: 0 2.2rem 0 .85rem; color: var(--text); background: #12151d; }
.catalog-row { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(180px,1fr); gap: .78rem; overflow-x: auto; padding: .3rem .1rem 1.5rem; scroll-snap-type: x proximity; scrollbar-color: var(--panel-3) transparent; }
.catalog-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; }
.title-card { min-width: 0; scroll-snap-align: start; }
.title-art { --art-image: url('assets/cineb-movies-tv-art.webp'); position: relative; aspect-ratio: 2/3; display: block; overflow: hidden; border: 1px solid rgba(255,255,255,.08); border-radius: 8px; background-image: linear-gradient(180deg,transparent 30%,rgba(4,6,9,.86)),var(--art-image); background-position: center,var(--art-position,center); background-size: cover,auto 125%; box-shadow: 0 20px 46px rgba(0,0,0,.3); transition: transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
.title-art::after { position: absolute; inset: 0; content: ""; background: linear-gradient(125deg,rgba(103,245,173,.08),transparent 44%,rgba(122,92,255,.2)); mix-blend-mode: screen; }
.title-art.has-poster { background: #11141c; }
.title-poster { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.title-card:hover .title-poster { transform: scale(1.035); }
.art-ember { filter: hue-rotate(265deg) saturate(1.28); }
.art-forest { filter: hue-rotate(65deg) saturate(.9); }
.art-dawn { filter: hue-rotate(315deg) saturate(.85); }
.art-violet { filter: hue-rotate(8deg) saturate(1.18); }
.title-card:hover .title-art { border-color: rgba(103,245,173,.5); transform: translateY(-7px) scale(1.01); box-shadow: 0 28px 70px rgba(0,0,0,.5),0 0 0 1px rgba(103,245,173,.18); }
.title-type { position: absolute; z-index: 2; top: .7rem; left: .7rem; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; padding: .3rem .48rem; color: white; background: rgba(6,7,11,.66); font-size: .53rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; backdrop-filter: blur(8px); }
.play-disc { position: absolute; z-index: 3; right: .7rem; bottom: .7rem; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; color: #07110c; background: var(--blue); font-size: .72rem; box-shadow: 0 8px 25px rgba(103,245,173,.28); }
.title-info { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .65rem; align-items: start; padding: .8rem .1rem 0; }
.title-info h3 { overflow: hidden; margin: 0; font-size: .88rem; letter-spacing: -.02em; text-overflow: ellipsis; white-space: nowrap; }
.title-info p { margin: .3rem 0 0; color: var(--dim); font-size: .63rem; }
.save-title { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid var(--line-strong); border-radius: 50%; cursor: pointer; color: white; background: transparent; font-size: 1rem; font-weight: 800; }
.save-title:hover,.save-title.is-saved { color: #07110c; border-color: var(--blue); background: var(--blue); }
.catalog-page-hero { padding: 6rem 0 3rem; background: radial-gradient(circle at 82% 20%,rgba(103,245,173,.1),transparent 30rem),radial-gradient(circle at 55% 30%,rgba(122,92,255,.16),transparent 35rem); }
.catalog-page-hero h1 { max-width: 900px; margin: 0; font-size: clamp(4rem,8vw,8rem); font-weight: 950; letter-spacing: -.08em; line-height: .84; }
.catalog-page-hero .deck { margin-top: 1.2rem; }
.library-section { min-height: 620px; padding: 2rem 0 7rem; }
.library-controls { position: sticky; z-index: 20; top: 72px; display: grid; grid-template-columns: minmax(0,1fr) 220px auto; align-items: center; gap: .7rem; margin-bottom: 1.6rem; border: 1px solid var(--line); border-radius: 10px; padding: .65rem; background: rgba(10,12,17,.9); backdrop-filter: blur(18px); }
.library-controls input { min-height: 48px; width: 100%; border: 0; border-radius: 6px; outline: 0; padding: 0 1rem; color: white; background: var(--panel); }
.result-count { color: var(--muted); font-size: .68rem; font-weight: 800; white-space: nowrap; }
.library-empty { margin: 3rem 0; border: 1px solid var(--line); border-radius: 10px; padding: 2rem; color: var(--muted); text-align: center; background: var(--panel); }
.load-more { min-width: 190px; margin: 2.5rem auto 0; cursor: pointer; }
.load-more[hidden] { display: none; }
.catalog-credit { color: var(--dim); font-size: .68rem; line-height: 1.6; }
.catalog-credit a { color: #c7cbd5; text-decoration: underline; text-underline-offset: 3px; }
.catalog-seo { border-top: 1px solid var(--line); padding: 5rem 0; background: #0a0c11; }
.catalog-seo-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 5rem; }
.catalog-seo h2 { margin: 0; font-size: clamp(2.8rem,5vw,5.8rem); letter-spacing: -.07em; line-height: .9; }
.catalog-seo-copy { max-width: 800px; color: #b9bec8; line-height: 1.8; }
.watch-page { min-height: 100vh; background: #06070a; }
.watch-detail { position: relative; min-height: calc(100vh - 72px); display: flex; align-items: end; overflow: hidden; }
.watch-backdrop { position: absolute; inset: 0; background-image: var(--watch-backdrop,url('assets/cineb-movies-tv-art.webp')); background-position: var(--art-position,center); background-size: cover; opacity: .72; }
.watch-backdrop::after { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg,#06070a 0%,rgba(6,7,10,.82) 42%,rgba(6,7,10,.32)),linear-gradient(0deg,#06070a 0%,transparent 68%); }
.watch-content { position: relative; z-index: 2; padding-block: 8rem 5rem; }
.watch-content h1 { max-width: 950px; margin: 0; font-size: clamp(4.5rem,10vw,10rem); letter-spacing: -.09em; line-height: .8; }
.watch-meta { color: var(--blue); font-size: .72rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.watch-content .deck { max-width: 700px; }
.provider-note { max-width: 680px; margin-top: 1.2rem; color: var(--dim); font-size: .7rem; line-height: 1.55; }
.save-detail { border: 1px solid var(--line-strong); cursor: pointer; }
.save-detail.is-saved { color: #07110c; border-color: var(--blue); background: var(--blue); }
.providers-panel { max-width: 980px; margin-top: 3.2rem; border: 1px solid var(--line); border-radius: 12px; padding: 1.25rem; background: rgba(8,10,14,.88); box-shadow: 0 24px 70px rgba(0,0,0,.34); backdrop-filter: blur(18px); }
.providers-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--line); }
.providers-heading .eyebrow { margin-bottom: .45rem; }
.providers-heading h2 { margin: 0; font-size: clamp(1.9rem,3.5vw,3.2rem); letter-spacing: -.055em; }
.providers-heading > a { color: var(--muted); font-size: .67rem; }
.provider-groups { display: grid; gap: 1.35rem; padding-block: 1.3rem; }
.provider-group h3 { margin: 0 0 .65rem; color: var(--muted); font-size: .62rem; letter-spacing: .12em; text-transform: uppercase; }
.provider-chips { display: flex; flex-wrap: wrap; gap: .55rem; }
.provider-chip { max-width: 210px; display: flex; align-items: center; gap: .55rem; border: 1px solid var(--line); border-radius: 7px; padding: .38rem .7rem .38rem .38rem; color: #e4e6ec; background: rgba(255,255,255,.035); font-size: .68rem; }
.provider-chip:hover { border-color: rgba(103,245,173,.5); background: rgba(103,245,173,.08); }
.provider-chip img { width: 34px; height: 34px; flex: 0 0 auto; border-radius: 6px; object-fit: cover; }
.provider-chip span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.providers-empty { margin: 0; color: var(--muted); line-height: 1.65; }
.tmdb-credit { display: flex; align-items: center; gap: 1rem; margin-top: 1.25rem; border: 1px solid var(--line); border-radius: 9px; padding: 1rem; background: var(--panel); }
.tmdb-credit img { width: 56px; height: auto; flex: 0 0 auto; }
.tmdb-credit p { margin: 0; font-size: .8rem; line-height: 1.6; }

.locale-switcher { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: 1.4rem; }
.locale-switcher a { border: 1px solid var(--line); border-radius: 999px; padding: .42rem .7rem; color: #d5d8df; background: rgba(8,10,14,.48); font-size: .65rem; }
.locale-switcher a[aria-current="page"],.locale-switcher a:hover { color: #07110c; border-color: var(--blue); background: var(--blue); }

/* Feature strip */
.feature-band { margin-top: 4rem; border-block: 1px solid var(--line); background: #0c0e15; }
.feature-grid { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 4rem; padding-block: 5rem; }
.feature-copy h2 { max-width: 740px; margin: 0 0 1rem; font-size: clamp(2.7rem,5vw,5.1rem); font-weight: 950; letter-spacing: -.065em; line-height: .93; }
.feature-copy p { max-width: 650px; color: var(--muted); line-height: 1.7; }
.evidence-card { border-top: 2px solid var(--violet); padding: 1.4rem 0; }
.evidence-card > span { color: var(--blue); font-size: .62rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.evidence-list { display: grid; margin-top: .8rem; }
.evidence-list a { display: grid; grid-template-columns: 1fr auto; gap: 1rem; border-bottom: 1px solid var(--line); padding: 1rem 0; }
.evidence-list strong { display: block; margin-bottom: .2rem; }
.evidence-list small { color: var(--muted); line-height: 1.4; }
.evidence-list b { color: var(--violet-soft); font-size: .7rem; }

/* Domain status product */
.status-hero { position: relative; overflow: hidden; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 84% 28%,rgba(79,216,255,.13),transparent 24rem),radial-gradient(circle at 58% 58%,rgba(128,107,255,.18),transparent 31rem),#090b11; }
.status-hero-grid { min-height: 610px; display: grid; grid-template-columns: minmax(0,1.15fr) minmax(330px,.85fr); align-items: center; gap: 5rem; padding-block: 5.5rem; }
.status-hero h1 { max-width: 780px; margin: 0 0 1.1rem; font-size: clamp(4.2rem,8vw,8rem); font-weight: 950; letter-spacing: -.078em; line-height: .84; }
.status-hero .deck { max-width: 730px; }
.status-stamp { display: flex; align-items: center; gap: .85rem; margin-top: 2rem; }
.status-stamp strong,.status-stamp time { display: block; }
.status-stamp strong { margin-bottom: .16rem; color: #d8dbe3; font-size: .68rem; text-transform: uppercase; }
.status-stamp time { color: var(--muted); font-size: .73rem; }
.status-pulse { position: relative; width: 12px; height: 12px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 7px rgba(79,216,255,.1),0 0 24px rgba(79,216,255,.7); }
.status-summary { display: grid; grid-template-columns: repeat(2,1fr); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: var(--line); box-shadow: 0 30px 80px rgba(0,0,0,.3); }
.status-summary div { min-height: 150px; display: flex; flex-direction: column; justify-content: end; padding: 1.25rem; background: rgba(13,15,22,.96); }
.status-summary strong { display: block; font-size: 3.5rem; letter-spacing: -.07em; line-height: 1; }
.status-summary span { margin-top: .42rem; color: var(--muted); font-size: .65rem; font-weight: 800; text-transform: uppercase; }
.status-section { padding: 5rem 0 6rem; background: #08090e; }
.status-toolbar { display: grid; grid-template-columns: 1fr minmax(320px,480px); align-items: end; gap: 3rem; margin-bottom: 2rem; }
.status-toolbar h2 { margin: 0; font-size: clamp(2.5rem,5vw,5rem); letter-spacing: -.06em; line-height: .95; }
.domain-filter { display: grid; gap: .5rem; }
.domain-filter label { color: var(--muted); font-size: .65rem; font-weight: 850; text-transform: uppercase; }
.domain-filter input { min-height: 52px; width: 100%; border: 1px solid var(--line-strong); border-radius: 7px; outline: 0; padding: 0 1rem; color: white; background: var(--panel); }
.domain-filter input:focus { border-color: var(--violet); box-shadow: 0 0 0 3px rgba(128,107,255,.12); }
.domain-filter span { color: var(--dim); font-size: .66rem; }
.domain-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: .85rem; }
.domain-record { min-width: 0; display: flex; flex-direction: column; border: 1px solid var(--line); border-top: 2px solid var(--line-strong); border-radius: 8px; padding: 1.15rem; background: var(--panel); }
.domain-record.responding { border-top-color: var(--blue); }
.domain-record.redirect { border-top-color: var(--violet); }
.domain-record.issue { border-top-color: var(--amber); }
.domain-record.unavailable { border-top-color: var(--danger); }
.domain-record[hidden] { display: none; }
.domain-record-head { display: flex; align-items: center; justify-content: space-between; gap: .8rem; }
.domain-record code { overflow: hidden; color: #f4f6fb; font: 850 1.25rem/1 var(--sans); letter-spacing: -.03em; text-overflow: ellipsis; }
.status-pill { flex: 0 0 auto; border: 1px solid currentColor; border-radius: 999px; padding: .32rem .48rem; font-size: .55rem; font-weight: 900; text-transform: uppercase; }
.status-pill.responding { color: var(--blue); }
.status-pill.redirect { color: var(--violet-soft); }
.status-pill.issue { color: var(--amber); }
.status-pill.unavailable { color: var(--danger); }
.domain-record > p { min-height: 95px; color: var(--muted); font-size: .75rem; line-height: 1.62; }
.domain-record dl { display: grid; grid-template-columns: 90px 1fr; margin: .6rem 0 1.3rem; border-top: 1px solid var(--line); }
.domain-record dt,.domain-record dd { border-bottom: 1px solid var(--line); padding: .55rem 0; }
.domain-record dt { color: var(--dim); font-size: .58rem; font-weight: 850; text-transform: uppercase; }
.domain-record dd { margin: 0; color: #c9cdd6; font-size: .67rem; line-height: 1.4; }
.domain-record > a { margin-top: auto; color: var(--blue); font-size: .68rem; font-weight: 850; }
.method-section { border-block: 1px solid var(--line); padding: 5.5rem 0; background: #0c0e14; }
.method-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; }
.method-grid h2 { max-width: 650px; margin: 0; font-size: clamp(3rem,6vw,6rem); letter-spacing: -.07em; line-height: .9; }
.method-copy p { margin-top: 0; color: var(--muted); line-height: 1.75; }
.status-legend { display: flex; flex-wrap: wrap; gap: .65rem 1rem; margin-top: 1.5rem; }
.status-legend span { display: flex; align-items: center; gap: .45rem; color: #aeb2bd; font-size: .66rem; }
.status-legend i { width: 8px; height: 8px; border-radius: 50%; background: var(--dim); }
.status-legend i.responding { background: var(--blue); }
.status-legend i.redirect { background: var(--violet); }
.status-legend i.issue { background: var(--amber); }
.status-legend i.unavailable { background: var(--danger); }
.timeline-section { padding: 6rem 0; }
.domain-timeline { margin: 0; padding: 0; list-style: none; }
.domain-timeline li { display: grid; grid-template-columns: 160px minmax(0,1fr); gap: 2rem; border-top: 1px solid var(--line); padding: 1.45rem 0; }
.domain-timeline time { color: var(--blue); font-size: .68rem; font-weight: 850; text-transform: uppercase; }
.domain-timeline strong { font-size: 1.05rem; }
.domain-timeline p { max-width: 780px; margin: .45rem 0 0; color: var(--muted); font-size: .78rem; line-height: 1.6; }

/* Article and hub pages */
.page-hero, .catalog-hero { position: relative; overflow: hidden; border-bottom: 1px solid var(--line); background: #0b0d13; }
.page-hero::before, .catalog-hero::before { position: absolute; inset: 0; content: ""; background: radial-gradient(circle at 78% 35%,rgba(128,107,255,.2),transparent 27rem),linear-gradient(120deg,transparent 20%,rgba(79,216,255,.04)); }
.page-hero-inner, .catalog-hero-inner { position: relative; max-width: 1000px; padding-block: 5.6rem 5rem; }
.page-hero h1, .catalog-hero h1 { margin: 0 0 1rem; font-size: clamp(3.4rem,7vw,6.8rem); font-weight: 950; letter-spacing: -.075em; line-height: .88; text-wrap: balance; }
.page-hero .deck, .catalog-hero p { max-width: 760px; margin: 0; color: #bdc1cb; font-size: 1.04rem; line-height: 1.72; }
.breadcrumb { display: flex; flex-wrap: wrap; gap: .5rem; padding-top: 1rem; color: var(--dim); font-size: .65rem; font-weight: 750; text-transform: uppercase; }
.breadcrumb a:hover { color: var(--blue); }
.byline { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.2rem; color: var(--dim); font-size: .65rem; text-transform: uppercase; }
.article-layout { display: grid; grid-template-columns: 210px minmax(0,var(--reading)) minmax(150px,1fr); gap: clamp(2rem,5vw,5rem); padding: 4.5rem 0 7rem; }
.toc { position: sticky; top: 92px; align-self: start; }
.toc-title { margin: 0 0 .8rem; color: var(--dim); font-size: .61rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.toc nav { display: grid; border-top: 1px solid var(--line); }
.toc a { border-bottom: 1px solid var(--line); padding: .72rem 0; color: #888e9b; font-size: .72rem; line-height: 1.4; }
.toc a:hover { color: var(--blue); }
.article { min-width: 0; }
.article > section { scroll-margin-top: 96px; margin-bottom: 3.8rem; }
.article h2 { margin: 0 0 1rem; font-size: clamp(2.15rem,4vw,3.6rem); font-weight: 930; letter-spacing: -.055em; line-height: .98; }
.article h3 { margin: 2rem 0 .65rem; font-size: 1.4rem; }
.article p, .article li { color: #bdc1ca; font-size: 1rem; line-height: 1.84; }
.article p { margin: 0 0 1.15rem; }
.article ul, .article ol { padding-left: 1.25rem; }
.article li { margin: .45rem 0; }
.article a:not(.button) { color: #9eeaff; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.article-callout, .verdict-box { margin: 1.8rem 0; border-left: 3px solid var(--violet); padding: 1.15rem 1.25rem; background: rgba(128,107,255,.075); }
.article-callout strong, .verdict-box > span { display: block; margin-bottom: .45rem; color: var(--violet-soft); font-size: .62rem; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.article-callout p, .verdict-box p { margin: 0; font-size: .88rem; }
.verdict-box strong { display: block; margin: .45rem 0 .7rem; font-size: 1.8rem; line-height: 1.15; }
.warning { border-left-color: var(--amber); background: rgba(241,185,99,.07); }
.warning strong { color: var(--amber); }
.fact-table { width: 100%; margin: 1.5rem 0; overflow: hidden; border-collapse: collapse; border: 1px solid var(--line); }
.fact-table th, .fact-table td { border-bottom: 1px solid var(--line); padding: .9rem; text-align: left; vertical-align: top; }
.fact-table th { width: 31%; color: #999eaa; background: var(--panel-2); font-size: .65rem; text-transform: uppercase; }
.fact-table td { color: #c4c7cf; background: #0d0f15; font-size: .82rem; line-height: 1.55; }
.side-note { align-self: start; border-top: 2px solid var(--blue); padding-top: 1rem; }
.side-note span { color: var(--blue); font-size: .61rem; font-weight: 900; text-transform: uppercase; }
.side-note p { color: #878c98; font-size: .72rem; line-height: 1.58; }
.faq-list { border-top: 1px solid var(--line); }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { position: relative; cursor: pointer; list-style: none; padding: 1.1rem 2.5rem 1.1rem 0; font-size: 1.08rem; font-weight: 830; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { position: absolute; right: .3rem; content: "+"; color: var(--violet-soft); }
.faq-list details[open] summary::after { content: "−"; }
.article-grid-section { border-top: 1px solid var(--line); padding: 4.8rem 0; background: #090a0f; }
.section-heading { display: grid; grid-template-columns: 1fr .7fr; align-items: end; gap: 2rem; margin-bottom: 2rem; }
.section-heading p { color: var(--muted); line-height: 1.65; }
.card-grid, .quick-links { display: grid; grid-template-columns: repeat(3,1fr); gap: .8rem; }
.article-card, .quick-links a { min-height: 250px; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: var(--radius); padding: 1.2rem; background: var(--panel); transition: transform .2s ease,border-color .2s ease,background .2s ease; }
.article-card:hover, .quick-links a:hover { border-color: rgba(128,107,255,.55); background: var(--panel-2); transform: translateY(-4px); }
.article-card h3, .quick-links strong { margin: auto 0 .5rem; font-size: 1.45rem; letter-spacing: -.03em; }
.article-card p, .quick-links p { color: var(--muted); font-size: .77rem; line-height: 1.58; }
.article-card .tag, .article-card .read, .quick-links span { color: var(--blue); font-size: .61rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.hero { min-height: 70vh; display: flex; align-items: center; background: radial-gradient(circle at 80% 30%,rgba(128,107,255,.2),transparent 25rem),var(--ink); }
.hero h1 { max-width: 850px; margin: 1rem 0; font-size: clamp(3.4rem,7vw,7rem); line-height: .9; letter-spacing: -.06em; }
.deck { max-width: 740px; color: #b9bdc7; font-size: 1.05rem; line-height: 1.7; }

/* Footer */
.site-footer { margin-top: 5rem; border-top: 1px solid var(--line); background: #05060a; }
.footer-main { display: grid; grid-template-columns: 1.15fr .85fr; gap: 4rem; padding: 4rem 0 3rem; }
.footer-main h2 { max-width: 620px; margin: 1.2rem 0 0; font-size: clamp(2rem,4vw,3.8rem); font-weight: 920; letter-spacing: -.055em; line-height: 1; }
.footer-links { display: grid; grid-template-columns: repeat(2,1fr); gap: .8rem; color: #9297a3; font-size: .7rem; }
.footer-links a:hover { color: var(--blue); }
.footer-bottom { display: flex; justify-content: space-between; gap: 1rem; border-top: 1px solid var(--line); padding: 1.1rem 0; color: #656b78; font-size: .64rem; line-height: 1.55; }

@media (max-width:1120px) {
  .main-nav { gap: .8rem; font-size: .72rem; }
  .article-layout { grid-template-columns: 180px minmax(0,var(--reading)); justify-content: center; }
  .side-note { display: none; }
  .domain-grid { grid-template-columns: repeat(2,1fr); }
  .catalog-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width:900px) {
  .shell { width: min(100% - 2rem,var(--shell)); }
  .main-nav, .country-chip { display: none; }
  .mobile-nav-link { display: inline-flex; }
  .feature-grid, .footer-main, .section-heading { grid-template-columns: 1fr; }
  .article-layout { grid-template-columns: minmax(0,var(--reading)); }
  .toc { position: static; }
  .card-grid, .quick-links { grid-template-columns: repeat(2,1fr); }
  .status-hero-grid,.status-toolbar,.method-grid { grid-template-columns: 1fr; }
  .status-hero-grid { gap: 3rem; }
  .discovery-head,.catalog-seo-grid { grid-template-columns: 1fr; display: grid; gap: 1.3rem; }
  .country-picker { width: min(100%,320px); }
  .catalog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .library-controls { top: 62px; grid-template-columns: 1fr 180px; }
  .result-count { grid-column: 1/-1; padding: 0 .3rem .2rem; }
}
@media (max-width:620px) {
  .shell { width: min(100% - 1.2rem,var(--shell)); }
  .header-inner { min-height: 62px; gap: .8rem; }
  .brand-logo { width: 124px; }
  .mobile-nav-link { min-height: 38px; padding-inline: .8rem; }
  .stream-hero, .hero-content { min-height: 690px; }
  .hero-content { justify-content: flex-end; padding: 5rem 0 3rem; }
  .hero-title { font-size: clamp(3.5rem,17vw,5.2rem); }
  .hero-copy { font-size: .94rem; }
  .topic-search-control { min-height: 56px; padding-left: .75rem; }
  .topic-search-control button { min-height: 42px; padding-inline: .8rem; }
  .topic-search-control input { font-size: .82rem; }
  .hero-badges { max-height: 76px; overflow: hidden; }
  .data-notice-inner { align-items: flex-start; flex-direction: column; padding: .8rem 0; }
  .poster-row { grid-auto-columns: minmax(220px,76vw); }
  .feature-grid { gap: 2rem; padding: 3.7rem 0; }
  .feature-copy h2 { font-size: 2.75rem; }
  .page-hero-inner, .catalog-hero-inner { padding: 3.8rem 0; }
  .page-hero h1, .catalog-hero h1 { font-size: 3.65rem; }
  .article-layout { padding: 2.7rem 0 5rem; }
  .toc { display: none; }
  .article h2 { font-size: 2.45rem; }
  .article p, .article li { font-size: .96rem; line-height: 1.78; }
  .fact-table th, .fact-table td { display: block; width: 100%; }
  .card-grid, .quick-links { grid-template-columns: 1fr; }
  .article-card, .quick-links a { min-height: 210px; }
  .footer-links { grid-template-columns: 1fr 1fr; }
  .footer-bottom { flex-direction: column; }
  .status-hero-grid { min-height: auto; padding-block: 4.2rem; }
  .status-hero h1 { font-size: 4.25rem; }
  .status-summary div { min-height: 112px; }
  .status-summary strong { font-size: 2.8rem; }
  .domain-grid { grid-template-columns: 1fr; }
  .domain-record > p { min-height: auto; }
  .domain-timeline li { grid-template-columns: 1fr; gap: .55rem; }
  .discovery-band { padding-top: 3.6rem; }
  .catalog-row { grid-auto-columns: minmax(160px,62vw); }
  .catalog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; }
  .title-info h3 { font-size: .78rem; }
  .library-controls { position: static; grid-template-columns: 1fr; }
  .library-controls select { width: 100%; }
  .catalog-page-hero { padding: 4.3rem 0 2.2rem; }
  .catalog-page-hero h1 { font-size: 4.4rem; }
  .watch-content { padding-block: 7rem 3rem; }
  .watch-content h1 { font-size: clamp(4.2rem,20vw,6rem); }
  .providers-heading { align-items: flex-start; flex-direction: column; }
  .provider-chip { max-width: 100%; }
  .tmdb-credit { align-items: flex-start; flex-direction: column; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Cineb heritage green theme — informed by the original forest/ivory interface */
:root {
  color-scheme: light;
  --ink: #f4f1ea;
  --ink-2: #ece9e1;
  --panel: #fffefa;
  --panel-2: #e8ede5;
  --panel-3: #cdd8cc;
  --text: #1d2920;
  --muted: #657066;
  --dim: #7b847c;
  --line: rgba(28,46,34,.12);
  --line-strong: rgba(28,46,34,.23);
  --violet: #4f8259;
  --violet-soft: #5d8b65;
  --blue: #5f9c69;
  --amber: #b77b2b;
  --danger: #b84d5f;
}

body { color: var(--text); background: var(--ink); }
body::before { background: radial-gradient(circle at 94% 3%,rgba(111,167,116,.12),transparent 34rem),radial-gradient(circle at 0 62%,rgba(168,213,162,.08),transparent 32rem); }
::selection { color: #fff; background: #4f8259; }

.site-header { border-color: rgba(255,255,255,.09); background: rgba(26,45,32,.96); box-shadow: 0 5px 22px rgba(24,41,28,.12); backdrop-filter: blur(18px) saturate(115%); }
.main-nav { color: #d9e0d8; }
.main-nav a::after { background: #94c98f; }
.country-chip { color: #bed0bd; border-color: rgba(255,255,255,.13); background: rgba(255,255,255,.045); }
.nav-cta,.mobile-nav-link { color: #18271d; background: #94c98f; box-shadow: none; }
.nav-cta:hover,.mobile-nav-link:hover { background: #acd6a8; }

.stream-hero { min-height: min(680px,82vh); color: #f8faf6; border-color: rgba(255,255,255,.08); background: #14251a; }
.hero-content { min-height: min(680px,82vh); padding-block: 6rem 4rem; }
.hero-media img { opacity: .82; }
.hero-media::after { background: linear-gradient(90deg,#132319 0%,rgba(19,35,25,.96) 34%,rgba(19,35,25,.48) 71%,rgba(19,35,25,.62) 100%),linear-gradient(0deg,#132319 0%,transparent 52%,rgba(19,35,25,.12) 100%); }
.kicker,.stream-hero .eyebrow { color: #a8d5a2; }
.kicker::before,.eyebrow::before { background: linear-gradient(90deg,#5f9c69,#b8ddb4); }
.hero-title { max-width: 820px; font-size: clamp(3.8rem,7.2vw,7rem); }
.hero-title em { background: linear-gradient(102deg,#fff 2%,#d9ecd6 52%,#94c98f); background-clip: text; -webkit-background-clip: text; }
.hero-copy { color: #d5ddd4; }
.topic-search-control { min-height: 58px; border-color: rgba(255,255,255,.3); border-radius: 999px; padding-right: .35rem; color: #54705a; background: #fffefa; box-shadow: 0 18px 50px rgba(3,14,7,.24); backdrop-filter: none; }
.topic-search-control:focus-within { border-color: #94c98f; box-shadow: 0 0 0 4px rgba(148,201,143,.2),0 18px 50px rgba(3,14,7,.22); }
.topic-search-control input { color: #1c2e22; }
.topic-search-control input::placeholder { color: #8a938a; }
.topic-search-control button { border-radius: 999px; color: #fff; background: #4f8259; }
.topic-search-control button:hover { background: #3f7049; }
.topic-search-results { color: #1d2920; border-color: rgba(28,46,34,.16); background: #fffefa; box-shadow: 0 25px 65px rgba(22,41,27,.22); backdrop-filter: none; }
.topic-search-results a:hover,.topic-search-results a[aria-selected="true"] { background: #e4eee1; }
.topic-search-results span,.topic-search-empty { color: #6d776e; }
.badge { color: #e3ebe2; border-color: rgba(216,237,213,.24); background: rgba(17,36,23,.62); }
.badge:hover,.badge.verified { color: #1c2e22; border-color: #a8d5a2; background: #a8d5a2; }
.stream-hero .button { color: #17271c; background: #94c98f; box-shadow: 0 12px 32px rgba(77,128,86,.19); }
.stream-hero .button:hover { background: #abd5a7; }
.stream-hero .button.secondary { color: #f5f8f3; border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.06); }
.locale-switcher a { color: #dce5db; border-color: rgba(255,255,255,.16); background: rgba(18,36,23,.52); }
.locale-switcher a[aria-current="page"],.locale-switcher a:hover { color: #17271c; border-color: #94c98f; background: #94c98f; }

.data-notice { border-color: var(--line); background: #fffefa; }
.data-notice-inner { color: #737d74; }
.data-notice strong { color: #35533b; }
.discovery-band { background: #f4f1ea; }
.discovery-band.compact { border-top: 1px solid var(--line); background: #eeece5; }
.discovery-head h2,.section-bar h2,.section-heading h2 { color: #294831; }
.discovery-head p:not(.eyebrow),.section-bar p { color: var(--muted); }
.eyebrow { color: #4f8259; }
.section-link { color: #477951; }
.country-picker select,.library-controls select { color: #26362a; border-color: var(--line-strong); background: #fffefa; }
.catalog-row,.poster-row { scrollbar-color: #b9c9b8 transparent; }
.title-art { border-color: rgba(28,46,34,.12); border-radius: 4px; box-shadow: 0 10px 24px rgba(31,49,35,.14); }
.title-art::after { background: linear-gradient(125deg,rgba(168,213,162,.08),transparent 48%,rgba(74,126,83,.1)); }
.title-card:hover .title-art { border-color: #76a97b; box-shadow: 0 18px 38px rgba(34,57,39,.18),0 0 0 1px rgba(95,156,105,.12); }
.title-type { color: #fff; border: 0; border-radius: 3px; background: rgba(79,130,89,.94); backdrop-filter: none; }
.play-disc { width: 34px; height: 34px; color: #1c2e22; background: #a8d5a2; box-shadow: 0 6px 18px rgba(52,91,61,.22); }
.title-info h3 { color: #222d25; }
.title-info p { color: #748076; }
.save-title { color: #456d4d; border-color: #a9b9a8; background: #fffefa; }
.save-title:hover,.save-title.is-saved { color: #fff; border-color: #4f8259; background: #4f8259; }
.catalog-credit { color: #768078; }
.catalog-credit a { color: #3f7049; }

.content-section { background: #f4f1ea; }
.content-section.spacious { border-top: 1px solid var(--line); background: #fffefa; }
.poster-art { border-radius: 4px; box-shadow: 0 10px 26px rgba(29,47,33,.15); }
.poster-card:hover .poster-art { box-shadow: 0 17px 38px rgba(29,47,33,.2),0 0 0 1px rgba(79,130,89,.34); }
.poster-meta { color: #7a847c; }
.poster-meta strong { color: #2a352d; }
.poster-copy span { color: #b7dfb2; }

.catalog-page-hero { border-bottom: 1px solid var(--line); background: radial-gradient(circle at 82% 20%,rgba(148,201,143,.24),transparent 29rem),linear-gradient(145deg,#e4ebe0,#f4f1ea 60%); }
.catalog-page-hero h1 { color: #203c28; }
.catalog-page-hero .deck { color: #5f6e62; }
.library-section { background: #f4f1ea; }
.library-controls { border-color: rgba(28,46,34,.14); background: rgba(255,254,250,.94); box-shadow: 0 9px 28px rgba(39,58,43,.1); }
.library-controls input { color: #26352a; background: #edf0e9; }
.library-controls input::placeholder { color: #818b82; }
.result-count { color: #607064; }
.library-empty { color: var(--muted); background: #fffefa; }
.button,.primary-action { color: #fff; background: #4f8259; box-shadow: 0 10px 24px rgba(58,103,67,.18); }
.button:hover,.primary-action:hover { background: #3f7049; }
.button.secondary,.secondary-action { color: #35533b; border-color: #9dae9d; background: transparent; }
.catalog-seo { border-color: rgba(28,46,34,.12); background: #e5ece1; }
.catalog-seo h2 { color: #203c28; }
.catalog-seo-copy { color: #526057; }

.page-hero,.catalog-hero { border-color: var(--line); background: #e6ece2; }
.page-hero::before,.catalog-hero::before { background: radial-gradient(circle at 78% 35%,rgba(111,167,116,.22),transparent 27rem),linear-gradient(120deg,transparent 20%,rgba(255,255,255,.42)); }
.page-hero h1,.catalog-hero h1 { color: #203c28; }
.page-hero .deck,.catalog-hero p,.deck { color: #5c685f; }
.breadcrumb { color: #788279; }
.article p,.article li { color: #4f5c53; }
.article a:not(.button) { color: #376f45; }
.toc a { color: #69756c; }
.article-callout,.verdict-box { border-color: #5f9c69; background: rgba(95,156,105,.09); }
.article-callout strong,.verdict-box > span { color: #3f7049; }
.fact-table th { color: #526158; background: #e5ebe2; }
.fact-table td { color: #435047; background: #fffefa; }
.side-note p { color: #6b756d; }
.article-grid-section { border-color: var(--line); background: #ebe9e2; }
.article-card,.quick-links a { background: #fffefa; box-shadow: 0 8px 22px rgba(36,55,40,.06); }
.article-card:hover,.quick-links a:hover { border-color: rgba(79,130,89,.52); background: #f2f6ef; }
.feature-band { border-color: var(--line); background: #e7ece4; }
.feature-copy p,.evidence-list small,.section-heading p { color: #5f6b62; }
.tmdb-credit { background: #fffefa; }

.status-hero { color: #f6faf4; border-color: rgba(255,255,255,.08); background: radial-gradient(circle at 84% 28%,rgba(168,213,162,.14),transparent 24rem),radial-gradient(circle at 58% 58%,rgba(95,156,105,.2),transparent 31rem),#172a1d; }
.status-hero .deck { color: #d1dbd0; }
.status-stamp strong { color: #e4ece2; }
.status-summary { border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.1); }
.status-summary div { background: rgba(24,43,30,.95); }
.status-section { background: #f4f1ea; }
.domain-filter input { color: #26352a; background: #fffefa; }
.domain-filter input:focus { border-color: #5f9c69; box-shadow: 0 0 0 3px rgba(95,156,105,.13); }
.domain-record { background: #fffefa; }
.domain-record code { color: #294331; }
.domain-record dd { color: #56635a; }
.method-section { border-color: var(--line); background: #e8ede5; }
.status-legend span { color: #5d695f; }

.watch-page { color: #f7faf5; background: #0c1710; }
.watch-page .site-header { background: rgba(20,38,25,.97); }
.watch-page .country-picker select { color: #f1f6ef; border-color: rgba(255,255,255,.18); background: #172a1d; }
.watch-backdrop { opacity: .74; }
.watch-backdrop::after { background: linear-gradient(90deg,#0b160f 0%,rgba(11,22,15,.88) 42%,rgba(11,22,15,.3)),linear-gradient(0deg,#0b160f 0%,transparent 68%); }
.watch-content .deck { color: #d0d8cf; }
.watch-content .button.secondary { color: #fff; border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.055); }
.providers-panel { color: #f4f8f2; border-color: rgba(255,255,255,.12); background: rgba(14,27,18,.9); }
.provider-chip { color: #e7eee5; border-color: rgba(255,255,255,.12); background: rgba(255,255,255,.04); }
.provider-chip:hover { border-color: rgba(168,213,162,.55); background: rgba(148,201,143,.1); }
.watch-page .catalog-credit { color: #91a093; }
.watch-page .catalog-credit a { color: #b9ddb5; }

.hero { color: #f6faf4; background: radial-gradient(circle at 80% 30%,rgba(148,201,143,.17),transparent 25rem),#172a1d; }
.hero .deck { color: #d1dbd0; }
.site-footer { color: #f3f7f1; border-color: rgba(255,255,255,.08); background: #172a1d; }
.footer-links { color: #adbbad; }
.footer-bottom { color: #829484; border-color: rgba(255,255,255,.1); }

@media (max-width:620px) {
  .stream-hero,.hero-content { min-height: 620px; }
  .hero-title { font-size: clamp(3.2rem,15vw,4.8rem); }
  .topic-search-control { border-radius: 12px; }
  .topic-search-control button { border-radius: 8px; }
  .catalog-page-hero h1 { font-size: 3.8rem; }
}

/* Keep the most useful discovery links visible on tablet-sized browser panels. */
@media (min-width:621px) and (max-width:900px) {
  .main-nav { display: flex; margin-left: auto; gap: .9rem; font-size: .7rem; }
  .main-nav a:nth-child(n+4) { display: none; }
  .header-actions { margin-left: 0; }
  .header-actions .nav-cta { padding-inline: .9rem; }
}