/* LiveTrue News World — tokens from DESIGN.md "Vivid Truth Editorial" (light) + our dark variant */
:root {
  --c-on-surface: 17 28 45;
  --c-inverse-surface: 38 49 67;
  --c-on-primary-container: 236 237 255;
  --c-secondary-fixed-dim: 255 181 158;
  --c-surface-container-highest: 216 227 251;
  --c-on-tertiary-fixed-variant: 0 82 49;
  --c-primary-container: 13 92 255;
  --c-secondary-fixed: 255 219 208;
  --c-surface-tint: 0 79 228;
  --c-tertiary-fixed-dim: 49 225 147;
  --c-tertiary-container: 0 124 77;
  --c-surface-dim: 207 218 242;
  --c-secondary: 174 50 0;
  --c-surface-bright: 249 249 255;
  --c-primary-fixed-dim: 182 196 255;
  --c-outline: 115 118 136;
  --c-surface-variant: 216 227 251;
  --c-surface-container-high: 222 232 255;
  --c-on-tertiary-container: 180 255 207;
  --c-tertiary: 0 97 59;
  --c-on-tertiary-fixed: 0 33 17;
  --c-surface-container-lowest: 255 255 255;
  --c-on-secondary-fixed-variant: 133 36 0;
  --c-inverse-primary: 182 196 255;
  --c-background: 249 249 255;
  --c-error: 186 26 26;
  --c-on-primary-fixed: 0 22 78;
  --c-on-error-container: 147 0 10;
  --c-on-primary: 255 255 255;
  --c-surface-container-low: 240 243 255;
  --c-on-secondary-fixed: 58 11 0;
  --c-on-secondary: 255 255 255;
  --c-secondary-container: 253 89 30;
  --c-on-secondary-container: 82 19 0;
  --c-inverse-on-surface: 236 241 255;
  --c-on-tertiary: 255 255 255;
  --c-surface-container: 231 238 255;
  --c-on-background: 17 28 45;
  --c-outline-variant: 195 197 217;
  --c-surface: 249 249 255;
  --c-primary-fixed: 220 225 255;
  --c-on-surface-variant: 67 70 86;
  --c-tertiary-fixed: 89 254 173;
  --c-on-error: 255 255 255;
  --c-primary: 0 70 204;
  --c-on-primary-fixed-variant: 0 59 175;
  --c-error-container: 255 218 214;
  --c-ink: 17 28 45;
  --c-white-fixed: 255 255 255;
}
html { color-scheme: light; }
html.dark {
  --c-surface: 11 18 32; --c-background: 11 18 32; --c-surface-bright: 11 18 32; --c-surface-dim: 7 12 22;
  --c-surface-container-lowest: 18 28 46; --c-surface-container-low: 22 34 56; --c-surface-container: 29 43 70;
  --c-surface-container-high: 38 55 88; --c-surface-container-highest: 47 66 104; --c-surface-variant: 47 66 104;
  --c-on-surface: 232 238 252; --c-on-background: 232 238 252; --c-on-surface-variant: 184 195 220;
  --c-outline: 138 149 178; --c-outline-variant: 58 72 104;
  --c-primary: 143 170 255; --c-on-primary: 6 22 70; --c-primary-container: 13 92 255; --c-on-primary-container: 236 237 255;
  --c-primary-fixed: 30 50 110; --c-primary-fixed-dim: 182 196 255; --c-on-primary-fixed: 220 225 255; --c-on-primary-fixed-variant: 182 196 255;
  --c-secondary: 255 166 130; --c-on-secondary: 58 11 0; --c-secondary-container: 253 89 30; --c-on-secondary-container: 255 255 255;
  --c-secondary-fixed: 96 40 18; --c-secondary-fixed-dim: 255 181 158; --c-on-secondary-fixed: 255 219 208; --c-on-secondary-fixed-variant: 255 181 158;
  --c-tertiary: 49 225 147; --c-on-tertiary: 0 33 17; --c-tertiary-container: 0 124 77; --c-on-tertiary-container: 180 255 207;
  --c-tertiary-fixed: 16 84 58; --c-tertiary-fixed-dim: 49 225 147; --c-on-tertiary-fixed: 200 255 224; --c-on-tertiary-fixed-variant: 89 254 173;
  --c-inverse-surface: 226 232 255; --c-inverse-on-surface: 38 49 67; --c-inverse-primary: 0 70 204; --c-surface-tint: 143 170 255;
  --c-error: 255 150 140; --c-on-error: 105 0 5; --c-error-container: 120 20 20; --c-on-error-container: 255 218 214;
}
html.dark { color-scheme: dark; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { overflow-x: hidden; }
.no-scrollbar { scrollbar-width: none; } .no-scrollbar::-webkit-scrollbar { display: none; }
.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; line-height: 1; user-select: none; }
.icon-fill { font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
.pb-safe { padding-bottom: env(safe-area-inset-bottom, 0px); }
.stretched::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.above-stretch { position: relative; z-index: 2; }
.lift { border: 1px solid rgb(var(--c-outline-variant) / .5); transition: transform .2s, box-shadow .2s; }
.lift:hover { transform: translateY(-1px); box-shadow: 0 8px 24px -4px rgb(13 92 255 / .12); }
@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.marquee { display: inline-flex; animation: marquee 70s linear infinite; } .marquee:hover { animation-play-state: paused; }
@keyframes bars { 0%, 100% { transform: scaleY(.45); } 50% { transform: scaleY(1); } }
.wave span { transform-origin: center; } .wave.playing span { animation: bars .9s ease-in-out infinite; }
.wave.playing span:nth-child(2n) { animation-delay: .15s; } .wave.playing span:nth-child(3n) { animation-delay: .3s; }
@media (prefers-reduced-motion: reduce) { .marquee, .wave.playing span, .animate-pulse, .animate-ping { animation: none !important; } * { scroll-behavior: auto !important; } .marquee { flex-wrap: wrap; } }
.fade-edge { -webkit-mask-image: linear-gradient(90deg, #000 90%, transparent); mask-image: linear-gradient(90deg, #000 90%, transparent); }
:focus-visible { outline: 2px solid rgb(var(--c-primary-container)); outline-offset: 2px; }
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
::selection { background: #FFD600; color: #1E293B; }
details > summary { list-style: none; cursor: pointer; } details > summary::-webkit-details-marker { display: none; }
details[open] .rot { transform: rotate(180deg); } .rot { transition: transform .2s; }
.grad-spark { background: linear-gradient(135deg, #0D5CFF 0%, #FF5A1F 100%); }
.prose-article { font-family: "Plus Jakarta Sans", sans-serif; font-size: 18px; line-height: 30px; color: rgb(var(--c-on-surface)); max-width: 68ch; }
.prose-article > * + * { margin-top: 1.1em; }
.prose-article h2 { font-family: Newsreader, Georgia, serif; font-size: 30px; line-height: 36px; font-weight: 700; margin-top: 1.8em; letter-spacing: -0.015em; scroll-margin-top: 150px; }
.prose-article h3 { font-family: Newsreader, Georgia, serif; font-size: 22px; line-height: 28px; font-weight: 600; margin-top: 1.5em; scroll-margin-top: 150px; }
.prose-article ul, .prose-article ol { padding-left: 1.4em; } .prose-article ul { list-style: disc; } .prose-article ol { list-style: decimal; }
.prose-article li { margin-top: .45em; padding-left: .2em; } .prose-article li::marker { color: rgb(var(--c-secondary-container)); font-weight: 800; }
.prose-article strong { font-weight: 700; }
.prose-article > p:first-child::first-letter { font-family: Newsreader, Georgia, serif; font-size: 3.4em; line-height: .85; font-weight: 700; float: left; margin: .06em .1em 0 0; color: rgb(var(--c-primary)); }
.prose-article blockquote { border-left: 4px solid #FFD600; background: rgb(var(--c-tertiary-fixed) / .25); padding: 16px 20px; border-radius: 0 .75rem .75rem 0; font-family: Newsreader, Georgia, serif; font-style: italic; font-size: 22px; line-height: 30px; font-weight: 500; }
@media (max-width: 767px) { .prose-article { font-size: 16.5px; line-height: 28px; } .prose-article h2 { font-size: 24px; line-height: 30px; } }