/* Website translations of the matching Newstro video category styles.
   Decorative backdrops stay behind the original logo, labels and story imagery. */
[data-theme="breaking"] { --red:#e11d14; --red-hot:#ff4d45; --red-dark:#a30d0a; --red-deep:#390506; --on:#fff; --hl:#b90c09; --glow:rgba(255,45,35,.5); --words:rgba(255,190,190,.12); --section-icon:url('assets/section-icons/breaking.svg'); --section-backdrop:radial-gradient(ellipse at 68% 25%,#ec2c23 0,transparent 50%),linear-gradient(115deg,#390506,#a30d0a 65%,#d01812); }
[data-theme="developing"] { --red:#f39200; --red-hot:#ffcc56; --red-dark:#a74c00; --red-deep:#531606; --on:#111; --hl:#a84200; --glow:rgba(255,196,50,.6); --words:rgba(255,245,215,.14); --section-icon:url('assets/section-icons/developing.svg'); --section-backdrop:radial-gradient(ellipse at 35% 120%,#e73508,transparent 56%),radial-gradient(ellipse at 75% -10%,#ffd356,transparent 55%),linear-gradient(115deg,#8c2205,#eb6900,#f39200); }
[data-theme="inthenews"] { --red:#147cc1; --red-hot:#75c8ff; --red-dark:#0b5890; --red-deep:#061d38; --on:#fff; --hl:#07598f; --glow:rgba(64,172,255,.5); --words:rgba(200,230,255,.13); --section-icon:url('assets/section-icons/inthenews.svg'); --section-backdrop:radial-gradient(ellipse at 75% 15%,#3aa9e0,transparent 55%),linear-gradient(115deg,#061d38,#0b5890,#147cc1); }
[data-theme="finance"] { --red:#8f6a08; --red-hot:#e8c65b; --red-dark:#2f5b3f; --red-deep:#071a13; --on:#fff; --hl:#67500a; --glow:rgba(198,168,62,.35); --words:rgba(234,222,168,.12); --section-icon:url('assets/section-icons/finance.svg'); --section-backdrop:repeating-linear-gradient(90deg,transparent 0 53px,rgba(170,210,160,.08) 54px 55px),repeating-linear-gradient(0deg,transparent 0 32px,rgba(170,210,160,.07) 33px 34px),radial-gradient(ellipse at 78% 30%,#245c3b,transparent 55%),linear-gradient(115deg,#071a13,#153b29,#4a4720); }
[data-theme="weather"] { --red:#176ac3; --red-hot:#b9e6ff; --red-dark:#164e87; --red-deep:#071a39; --on:#fff; --hl:#175790; --glow:rgba(146,214,255,.5); --words:rgba(220,242,255,.11); --section-icon:url('assets/section-icons/weather.svg'); --section-backdrop:radial-gradient(ellipse at 65% 10%,rgba(156,214,255,.42),transparent 40%),linear-gradient(155deg,#071a39,#164e87 58%,#407ca8); }
[data-theme="election"] { --red:#c8102e; --red-hot:#ff6174; --red-dark:#0a1f5c; --red-deep:#050e2b; --on:#fff; --hl:#aa1530; --glow:rgba(255,78,96,.4); --words:rgba(255,255,255,.11); --section-icon:url('assets/section-icons/election.svg'); --section-backdrop:repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0 12px,transparent 12px 24px),linear-gradient(110deg,#050e2b,#102865 48%,#b21c30); }
[data-theme="science"] { --red:#b3157e; --red-hot:#ff8bd9; --red-dark:#55165e; --red-deep:#10051f; --on:#fff; --hl:#85145f; --glow:rgba(255,80,190,.4); --words:rgba(255,215,250,.1); --section-icon:url('assets/section-icons/science.svg'); --section-backdrop:radial-gradient(ellipse at 65% 10%,#872065,transparent 45%),radial-gradient(ellipse at 38% 80%,#50277b,transparent 40%),linear-gradient(115deg,#10051f,#300b48,#620d57); }
[data-theme="odd"] { --red:#e8177d; --red-hot:#ff97c9; --red-dark:#951054; --red-deep:#3d092d; --on:#fff; --hl:#ad0d60; --glow:rgba(255,114,185,.5); --words:rgba(255,225,242,.14); --section-icon:url('assets/section-icons/odd.svg'); --section-backdrop:radial-gradient(circle at 75% 20%,#ff88c7,transparent 43%),repeating-radial-gradient(circle at 30% 50%,transparent 0 28px,rgba(255,255,255,.07) 29px 31px),linear-gradient(115deg,#3d092d,#b3186b,#e8177d); }
[data-theme="weird"] { --red:#8ad62c; --red-hot:#d5ff8a; --red-dark:#376c17; --red-deep:#101f0b; --on:#111; --hl:#376e12; --glow:rgba(188,255,91,.45); --words:rgba(228,255,205,.13); --section-icon:url('assets/section-icons/weird.svg'); --section-backdrop:radial-gradient(ellipse at 73% 15%,#a8e44c,transparent 48%),radial-gradient(ellipse at 35% 75%,#68338e,transparent 38%),linear-gradient(115deg,#101f0b,#376c17,#79bc29); }
[data-theme="memoriam"] { --red:#454545; --red-hot:#bcbcbc; --red-dark:#292929; --red-deep:#080808; --on:#fff; --hl:#343434; --glow:rgba(185,185,185,.28); --words:transparent; --section-icon:url('assets/section-icons/memoriam.svg'); --section-backdrop:radial-gradient(ellipse at 75% 20%,#555,transparent 48%),linear-gradient(115deg,#080808,#252525,#383838); }
[data-theme="ai"] { --red:#0a93a8; --red-hot:#8eeef8; --red-dark:#08788d; --red-deep:#04303a; --on:#fff; --hl:#086c7b; --glow:rgba(73,225,242,.45); --words:rgba(220,255,255,.12); --section-icon:url('assets/section-icons/ai.svg'); --section-backdrop:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(115deg,#04303a,#0d8495,#17a7c0); }
[data-theme="tech"] { --red:#0047ab; --red-hot:#8bc4f0; --red-dark:#19324a; --red-deep:#0b1726; --on:#fff; --hl:#00428f; --glow:rgba(70,130,180,.5); --words:rgba(219,233,245,.12); --section-icon:url('assets/section-icons/tech.svg'); --section-backdrop:repeating-linear-gradient(90deg,transparent 0 48px,rgba(120,189,235,.09) 49px 50px),repeating-linear-gradient(0deg,transparent 0 35px,rgba(120,189,235,.08) 36px 37px),linear-gradient(115deg,#0b1726,#19324a,#0047ab); }
[data-theme="hollywood"] { --red:#ff1493; --red-hot:#ffc0e3; --red-dark:#a31363; --red-deep:#3d0729; --on:#fff; --hl:#a00058; --glow:rgba(255,120,194,.52); --words:rgba(255,230,246,.14); --section-icon:url('assets/section-icons/hollywood.svg'); --section-backdrop:linear-gradient(112deg,transparent 40%,rgba(255,255,255,.12) 46%,transparent 51%),linear-gradient(75deg,transparent 57%,rgba(255,255,255,.12) 63%,transparent 68%),linear-gradient(115deg,#3d0729,#c8106e 62%,#ff86c2); }
[data-theme="royals"] { --red:#012169; --red-hot:#ccd9ff; --red-dark:#101e4c; --red-deep:#070d2b; --on:#fff; --hl:#012169; --glow:rgba(171,194,255,.35); --words:rgba(255,255,255,.12); --section-icon:url('assets/section-icons/royals.svg'); --section-backdrop:linear-gradient(34deg,transparent 43%,rgba(255,255,255,.13) 44% 48%,rgba(200,16,46,.35) 49% 51%,rgba(255,255,255,.13) 52% 56%,transparent 57%),linear-gradient(-34deg,transparent 43%,rgba(255,255,255,.13) 44% 48%,rgba(200,16,46,.35) 49% 51%,rgba(255,255,255,.13) 52% 56%,transparent 57%),linear-gradient(115deg,#070d2b,#012169,#681327); }
[data-theme="wrestling"] { --red:#d43a12; --red-hot:#ffad62; --red-dark:#7d1b0b; --red-deep:#070707; --on:#fff; --hl:#a52c0b; --glow:rgba(255,118,32,.45); --words:rgba(255,220,185,.13); --section-icon:url('assets/section-icons/wrestling.svg'); --section-backdrop:repeating-linear-gradient(-12deg,transparent 0 26px,rgba(255,255,255,.05) 27px 28px,transparent 29px 45px),radial-gradient(ellipse at 75% 120%,#ff7620,transparent 48%),linear-gradient(110deg,#070707,#4f130c 60%,#a60f0c); }
[data-theme="onthisday"] { --red:#6f6556; --red-hot:#e3d8c4; --red-dark:#514b42; --red-deep:#302e2b; --on:#fff; --hl:#554c40; --glow:rgba(220,205,180,.25); --words:rgba(236,230,213,.12); --section-icon:url('assets/section-icons/onthisday.svg'); --section-backdrop:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 4px),radial-gradient(ellipse at 72% 30%,#817b70,transparent 55%),linear-gradient(115deg,#302e2b,#5d5951,#817b70); }
[data-theme="crypto"] { --red:#8f6a08; --red-hot:#f4d580; --red-dark:#126343; --red-deep:#092319; --on:#fff; --hl:#6b5008; --glow:rgba(212,165,42,.4); --words:rgba(245,230,184,.12); --section-icon:url('assets/section-icons/crypto.svg'); --section-backdrop:repeating-linear-gradient(90deg,transparent 0 45px,rgba(180,225,180,.08) 46px 47px),repeating-linear-gradient(0deg,transparent 0 31px,rgba(180,225,180,.07) 32px 33px),radial-gradient(ellipse at 75% 15%,#265b3d,transparent 55%),linear-gradient(115deg,#092319,#124c33,#443b1b); }
/* Each colored field inherits its nearest story/section's own video palette. */
.site-header.newsroom-bg, .hero-field.newsroom-bg, .archive-feature.newsroom-bg { background:var(--section-backdrop); }
[data-theme="ai"] .site-header, [data-theme="ai"] .hero-field, [data-theme="ai"] .archive-feature { background-size:48px 48px,48px 48px,auto; }
[data-theme="weather"] .newsroom-bg::after { animation:none; background:linear-gradient(110deg,transparent 46%,rgba(215,240,255,.08) 47%,transparent 48%); }
.section-motif { position:absolute; z-index:0; pointer-events:none; top:50%; left:63%; width:clamp(100px,16vw,205px); aspect-ratio:1; transform:translate(-50%,-50%); background:var(--section-icon) center / contain no-repeat; opacity:.3; filter:drop-shadow(0 0 12px var(--glow)); }
.site-header .wrap { position:relative; z-index:1; }
[data-theme="memoriam"] .section-motif { opacity:.16; }
@media(max-width:760px) { .section-motif { left:58%; width:98px; opacity:.19; } }
@media(prefers-reduced-motion:reduce) { [data-theme="weather"] .newsroom-bg::after { animation:none; } }
.site-header .header-tag { text-shadow:0 1px 5px rgba(0,0,0,.75); }
/* Fallback cards follow the same category palette as the video design. */
.gfx[data-theme] { background:var(--section-backdrop); }
.side-item:hover h3 { color:var(--red-hot); }

/* Sports: energetic teal, gold and a basketball-court motif. */
[data-theme="sports"] { --red:#007b78; --red-hot:#f9d348; --red-dark:#005d5a; --red-deep:#003333; --on:#fff; --hl:#006966; --glow:rgba(249,211,72,.45); --words:rgba(220,255,248,.13); --section-icon:url('assets/section-icons/sports.svg'); --section-backdrop:repeating-linear-gradient(110deg,transparent 0 65px,rgba(249,211,72,.08) 66px 68px,transparent 69px 115px),radial-gradient(ellipse at 75% 15%,#00a89e,transparent 55%),linear-gradient(115deg,#003333,#006963,#00a395); }