/* NewsTVseries — palette tokens from DESIGN.md "Vibrant Pop Editorial"; dark variant is ours */
:root {
  --c-surface: 249 249 255;
  --c-surface-dim: 211 218 239;
  --c-surface-bright: 249 249 255;
  --c-surface-container-lowest: 255 255 255;
  --c-surface-container-low: 241 243 255;
  --c-surface-container: 233 237 255;
  --c-surface-container-high: 225 232 253;
  --c-surface-container-highest: 220 226 247;
  --c-on-surface: 20 27 43;
  --c-on-surface-variant: 92 63 66;
  --c-inverse-surface: 41 48 64;
  --c-inverse-on-surface: 237 240 255;
  --c-outline: 144 111 114;
  --c-outline-variant: 229 189 192;
  --c-surface-tint: 189 0 66;
  --c-primary: 185 0 64;
  --c-on-primary: 255 255 255;
  --c-primary-container: 227 23 84;
  --c-on-primary-container: 255 251 255;
  --c-inverse-primary: 255 178 186;
  --c-secondary: 145 76 0;
  --c-on-secondary: 255 255 255;
  --c-secondary-container: 255 138 0;
  --c-on-secondary-container: 97 49 0;
  --c-tertiary: 75 65 225;
  --c-on-tertiary: 255 255 255;
  --c-tertiary-container: 100 94 251;
  --c-on-tertiary-container: 255 251 255;
  --c-error: 186 26 26;
  --c-on-error: 255 255 255;
  --c-error-container: 255 218 214;
  --c-on-error-container: 147 0 10;
  --c-primary-fixed: 255 217 220;
  --c-primary-fixed-dim: 255 178 186;
  --c-on-primary-fixed: 64 0 17;
  --c-on-primary-fixed-variant: 145 0 48;
  --c-secondary-fixed: 255 220 196;
  --c-secondary-fixed-dim: 255 183 127;
  --c-on-secondary-fixed: 47 21 0;
  --c-on-secondary-fixed-variant: 111 57 0;
  --c-tertiary-fixed: 226 223 255;
  --c-tertiary-fixed-dim: 195 192 255;
  --c-on-tertiary-fixed: 15 0 105;
  --c-on-tertiary-fixed-variant: 51 35 204;
  --c-background: 249 249 255;
  --c-on-background: 20 27 43;
  --c-surface-variant: 220 226 247;
  --c-poppy: 255 51 102;
  --c-tangerine: 255 138 0;
  --c-amber: 255 199 0;
  --c-cobalt: 79 70 229;
  --c-mint: 0 229 153;
  --c-porcelain: 255 249 245;
  --c-charcoal: 17 24 39;
  --c-slate: 75 85 99;
  --c-ink: 17 24 39;
  --c-white-fixed: 255 255 255;
}
html { color-scheme: light; }
html.dark {
  --c-surface: 15 20 36;
  --c-background: 15 20 36;
  --c-surface-bright: 15 20 36;
  --c-surface-dim: 10 14 26;
  --c-surface-container-lowest: 22 28 46;
  --c-surface-container-low: 27 34 54;
  --c-surface-container: 34 42 64;
  --c-surface-container-high: 42 51 75;
  --c-surface-container-highest: 50 60 86;
  --c-surface-variant: 50 60 86;
  --c-on-surface: 238 240 250;
  --c-on-background: 238 240 250;
  --c-on-surface-variant: 214 193 196;
  --c-outline: 160 138 141;
  --c-outline-variant: 74 58 61;
  --c-primary: 255 107 142;
  --c-on-primary: 255 255 255;
  --c-primary-fixed: 74 16 35;
  --c-on-primary-fixed: 255 217 220;
  --c-primary-fixed-dim: 255 178 186;
  --c-secondary: 255 183 127;
  --c-secondary-fixed: 74 42 16;
  --c-on-secondary-fixed: 255 220 196;
  --c-tertiary: 169 164 255;
  --c-tertiary-fixed: 38 32 107;
  --c-on-tertiary-fixed: 226 223 255;
  --c-porcelain: 27 34 54;
  --c-charcoal: 238 240 250;
  --c-slate: 182 188 203;
  --c-inverse-surface: 225 232 253;
  --c-inverse-on-surface: 20 27 43;
  color-scheme: dark;
}
body { background: rgb(var(--c-surface)); }
.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 24; vertical-align: middle; line-height: 1; }
.icon-fill { font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24; }
.no-scrollbar::-webkit-scrollbar { display: none; } .no-scrollbar { scrollbar-width: none; }
.stretched::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.above-stretch { position: relative; z-index: 2; }
.lift { transition: transform .25s ease, box-shadow .25s ease; box-shadow: 0 2px 8px -2px rgba(17,24,39,.04), 0 1px 3px 0 rgba(17,24,39,.02); border: 1px solid rgba(17,24,39,.06); }
html.dark .lift { border-color: rgba(255,255,255,.06); }
.lift:hover { transform: translateY(-4px); box-shadow: 0 14px 28px -6px rgba(255,51,102,.12), 0 6px 12px -4px rgba(17,24,39,.04); }
.glow { box-shadow: 0 0 16px rgba(255,51,102,.45); }
.pulse-dot { animation: pd 1.6s ease-in-out infinite; } @keyframes pd { 50% { opacity: .35; } }
.prose-article p { margin: 0 0 1.15em; font-size: 18px; line-height: 30px; }
.prose-article h2 { font-family: Outfit, sans-serif; font-weight: 700; font-size: 26px; line-height: 34px; letter-spacing: -.015em; margin: 1.6em 0 .6em; scroll-margin-top: 110px; }
.prose-article h3 { font-family: Outfit, sans-serif; font-weight: 600; font-size: 20px; line-height: 28px; margin: 1.3em 0 .5em; scroll-margin-top: 110px; }
.prose-article ul, .prose-article ol { margin: 0 0 1.2em 1.3em; font-size: 17px; line-height: 28px; }
.prose-article ul { list-style: disc; } .prose-article ol { list-style: decimal; }
.prose-article li { margin: .35em 0; }
.prose-article strong { font-weight: 700; }
.prose-article blockquote { border-left: 4px solid rgb(var(--c-poppy)); background: rgb(var(--c-surface-container-low)); padding: 1rem 1.25rem; border-radius: 0 1rem 1rem 0; margin: 1.5em 0; font-family: Outfit, sans-serif; font-size: 20px; line-height: 30px; font-weight: 600; }
.spoiler-veil { filter: blur(6px); user-select: none; transition: filter .3s; }
.spoiler-veil.revealed { filter: none; user-select: auto; }
input[type=range] { accent-color: rgb(var(--c-poppy)); }
.pb-safe { padding-bottom: env(safe-area-inset-bottom); }
@media print { header, footer, nav, #to-top, #toast { display: none !important; } body { padding: 0 !important; } }