/* Local design study: the existing hero frame and Most Read, coordinated. */
html[data-theme=newsprint][data-live=banner] #tick{border-bottom:0}
html[data-theme=newsprint] #hero{border:6px solid var(--fg);border-radius:12px;margin:14px 0 0;background:#fff}
html[data-theme=newsprint] #hero .ht{padding:26px 30px;gap:12px}
html[data-theme=newsprint] #hero #hk{font-size:20px;letter-spacing:.04em}
html[data-theme=newsprint] #hero .hp{font-size:clamp(22px,2.6vw,32px);line-height:1.16}
html[data-theme=newsprint] #hero #hm{letter-spacing:.05em}
html[data-theme=newsprint] #hero .acts{margin-top:8px}
html[data-theme=newsprint] #hero #hb{border-radius:6px;padding:10px 14px}
html[data-theme=newsprint] #hc{border-left:1px solid #c8c8c0}
html[data-theme=newsprint] #mr{margin:16px 42px 22px;padding:16px 20px 9px;border:1px solid #202020;border-radius:12px;background:#fff}
html[data-theme=newsprint] #mr .mrh{align-items:center;gap:10px;padding-bottom:12px;margin-bottom:2px;border-bottom:1px solid #d8d8d2}
html[data-theme=newsprint] #mr h2{font-size:24px}
html[data-theme=newsprint] #mr .mrm{font-size:12px;letter-spacing:.04em}
html[data-theme=newsprint] #mr ol{gap:0 24px}
html[data-theme=newsprint] #mr li{padding:14px 0 16px;column-gap:12px}
html[data-theme=newsprint] #mr .mrn{font-size:32px}
html[data-theme=newsprint] #mr .mrb{bottom:6px}
html[data-theme=newsprint] #grid{border-top:0}
@media(max-width:820px){html[data-theme=newsprint] #hero .ht{padding:20px}html[data-theme=newsprint] #hc{border:0;border-bottom:1px solid #c8c8c0}html[data-theme=newsprint] #mr{margin:16px 0 20px;padding:14px}html[data-theme=newsprint] #mr .mrh{align-items:flex-start}html[data-theme=newsprint] #mr .mrm{margin-left:auto}html[data-theme=newsprint] #mr li{padding:12px 0 16px}}
/* Join the two pieces into a single feature with a continuous outer edge. */
@media(min-width:821px){
html[data-theme=newsprint] #hero{border-bottom:0;border-radius:14px 14px 0 0}
html[data-theme=newsprint] #mr{position:relative;margin:0 42px 22px;padding:20px 24px 12px;border:6px solid var(--fg);border-top:0;border-radius:0 0 14px 14px;background:#fff}
html[data-theme=newsprint] #mr:before{content:"";position:absolute;top:0;left:24px;right:24px;border-top:1px solid #c8c8c0}
html[data-theme=newsprint] #mr .mrh{padding-top:0}
}
@media(max-width:820px){
html[data-theme=newsprint] #hero{border-bottom:0;border-radius:14px 14px 0 0}
html[data-theme=newsprint] #mr{position:relative;margin:0 0 20px;padding:18px 14px 10px;border:6px solid var(--fg);border-top:0;border-radius:0 0 14px 14px}
html[data-theme=newsprint] #mr:before{content:"";position:absolute;top:0;left:14px;right:14px;border-top:1px solid #c8c8c0}
}

/* Heavier shared frame for the connected feature. */
html[data-theme=newsprint] #hero{border-width:10px}
html[data-theme=newsprint] #mr{border-width:10px}
/* Round arrow face; pin the actual hit target while the pointer is over it. */
html[data-theme=newsprint] #hw .hf{background:#171717;border-radius:50%;width:38px;height:38px;margin-top:-19px}
html[data-theme=newsprint] #hw .hf::before{border-width:9px 11px;margin:-9px 0 0 -5px}
html[data-theme=newsprint] #hw #hprev::before{border-left-width:0;margin-left:-6px}
html[data-theme=newsprint] #hw #hnext::before{border-right-width:0;margin-left:-4px}
html[data-theme=newsprint] #hw .hf.hf-held{position:fixed;left:var(--hf-x);right:auto;top:var(--hf-y);margin-top:0}

/* A: the current masthead with a crisp red rule and an ink-black frame. */
html[data-theme=newsprint] #mast{padding:16px 0 10px}
html[data-theme=newsprint] #mast:before,html[data-theme=newsprint] #mast:after{border-top:2px solid #171717}
html[data-theme=newsprint] #brand{border-bottom:5px solid #c8102e}
html[data-theme=newsprint] #tag{color:#4e4e4e;letter-spacing:.26em}
html[data-theme=newsprint] #hero,html[data-theme=newsprint] #mr{border-color:#171717}

@font-face{font-family:EditionMono;src:url('/fonts/IBMPlexMono-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
.edition-dateline{display:none}
html[data-theme=newsprint] #bar #ws{display:none}
html[data-theme=newsprint] #bar .edition-dateline{display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px 14px;margin-left:auto;color:#555;font:500 11px/1.3 EditionMono,'Courier New',monospace;letter-spacing:.035em;text-transform:uppercase}
html[data-theme=newsprint] .edition-dateline .edition-dot{color:#c8102e;font-size:12px}
@media(max-width:700px){html[data-theme=newsprint] #bar .edition-dateline{width:100%;justify-content:flex-start;margin-left:0;font-size:10px;gap:5px 9px}}
/* Single rules tie the lower page together without changing the ads or buttons. */
html[data-theme=newsprint] #more:before,html[data-theme=newsprint] #more:after{border-top:2px solid var(--fg)}
html[data-theme=newsprint] #sponsor-invite{border-top:2px solid var(--fg)}
html[data-theme=newsprint] footer{border-top:2px solid var(--fg)}
html[data-theme=newsprint] #sponsor-invite{border:1px solid var(--fg);border-radius:16px;padding:26px 28px;margin-top:28px}
@media(max-width:700px){html[data-theme=newsprint] #sponsor-invite{padding:22px 20px}}

html[data-theme=newsprint][data-live=banner] #lv{font-size:clamp(30px,5.1vw,64px)}
/* Keep the hovered arrow fixed even when its normal ID-specific position rules apply. */
html[data-theme=newsprint] #hw #hprev.hf-held,html[data-theme=newsprint] #hw #hnext.hf-held{position:fixed;left:var(--hf-x);right:auto;top:var(--hf-y);margin-top:0}
/* Selected Newsroom option C. */
html[data-theme=newsprint] #brand{font-size:clamp(32px,9vw,108px)}
html[data-theme=newsprint] #mast{gap:24px;justify-content:center}
html[data-theme=newsprint] #mast:before,html[data-theme=newsprint] #mast:after{max-width:70px}
html[data-theme=newsprint] #bar .edition-dateline{font-size:10px;letter-spacing:.01em;color:#666}
html[data-theme=newsprint] #verde-top{margin-bottom:10px}
html[data-theme=newsprint] #hero,html[data-theme=newsprint] #mr{border-width:9px}
/* The same live clock and snapshot count in all three rooms. */
html:is([data-theme=dark],[data-theme=terminal]) #bar #ws{display:none}
html:is([data-theme=dark],[data-theme=terminal]) #bar .edition-dateline{display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px 14px;margin-left:auto;color:var(--mu);font:500 11px/1.3 EditionMono,'Courier New',monospace;letter-spacing:.035em;text-transform:uppercase}
html:is([data-theme=dark],[data-theme=terminal]) .edition-dateline .edition-dot{color:var(--text-accent);font-size:12px}
/* Connected Night Shift feature, keeping dark colors and original control behavior. */
html[data-theme=dark] #hero{border:9px solid #33485a;border-bottom:0;border-radius:14px 14px 0 0;margin:14px 0 0;background:var(--cd)}
html[data-theme=dark] #hero .ht{padding:26px 30px;gap:12px}
html[data-theme=dark] #hero #hk{font-size:20px;letter-spacing:.04em}
html[data-theme=dark] #hero .hp{font-size:clamp(22px,2.6vw,32px);line-height:1.16}
html[data-theme=dark] #hc{border-left:1px solid #435766}
html[data-theme=dark] #mr{position:relative;margin:0 42px 22px;padding:20px 24px 12px;border:9px solid #33485a;border-top:0;border-radius:0 0 14px 14px;background:var(--cd)}
html[data-theme=dark] #mr:before{content:"";position:absolute;top:0;left:24px;right:24px;border-top:1px solid #435766}
html[data-theme=dark] #mr .mrh{align-items:center;gap:10px;padding:0 0 12px;margin-bottom:2px;border-bottom:1px solid #435766}
html[data-theme=dark] #mr h2{font-size:24px}
html[data-theme=dark] #mr ol{gap:0 24px}
html[data-theme=dark] #mr li{padding:14px 0 16px;column-gap:12px}
html[data-theme=dark] #mr .mrn{font-size:32px}
html[data-theme=dark] #grid{border-top:0}
html[data-theme=dark] #mast{justify-content:center}
@media(max-width:820px){html[data-theme=dark] #hero .ht{padding:20px}html[data-theme=dark] #hc{border:0;border-bottom:1px solid #435766}html[data-theme=dark] #mr{margin:0 0 20px;padding:18px 14px 10px}html[data-theme=dark] #mr:before{left:14px;right:14px}html[data-theme=dark] #mr li{padding:12px 0 16px}}
@media(max-width:700px){html:is([data-theme=dark],[data-theme=terminal]) #bar .edition-dateline{width:100%;justify-content:flex-start;margin-left:0;font-size:10px;gap:5px 9px}}
/* Night Shift LED board: one solid base for depth. */
html[data-theme=dark][data-theme=dark] #lk{box-shadow:inset 0 2px 7px #000,inset 0 -3px 6px #0008,0 6px 0 #05080d,0 10px 14px #0008}

/* Dimensional LED housing and Newsroom-style carousel navigation. */
html[data-theme=dark][data-theme=dark] #lk{border-color:#101923;box-shadow:inset 0 2px 8px #000,inset 0 -5px 8px #0009,0 3px 0 #202d38,0 7px 0 #0b1119,0 10px 0 #05080d,0 16px 20px #0009}
html[data-theme=dark] #hw .hf{background:#171717;color:#fff;border-radius:50%;width:38px;height:38px;margin-top:-19px}
html[data-theme=dark] #hw .hf::before{border-width:9px 11px;margin:-9px 0 0 -5px}
html[data-theme=dark] #hw #hprev::before{border-left-width:0;margin-left:-6px}
html[data-theme=dark] #hw #hnext::before{border-right-width:0;margin-left:-4px}
html[data-theme=dark] #hw #hprev.hf-held,html[data-theme=dark] #hw #hnext.hf-held{position:fixed;left:var(--hf-x);right:auto;top:var(--hf-y);margin-top:0}
/* Owner-selected Night Shift crawl: recessed blue-gray bezel. */
html[data-theme=dark][data-theme=dark] #lk{border:6px solid #1c2834;border-radius:14px;box-shadow:inset 0 3px 12px #000,inset 0 -4px 9px #000c,0 8px 0 #0c131c,0 15px 20px #000a}
/* Matching carousel arrows in Arcade and the Sleep Chamber. */
html[data-theme=terminal] #hw .hf{background:#171717;color:#fff;border-radius:50%;width:38px;height:38px;margin-top:-19px}
html[data-theme=terminal] #hw .hf::before{border-width:9px 11px;margin:-9px 0 0 -5px}
html[data-theme=terminal] #hw #hprev::before{border-left-width:0;margin-left:-6px}
html[data-theme=terminal] #hw #hnext::before{border-right-width:0;margin-left:-4px}
html[data-theme=terminal] #hw #hprev.hf-held,html[data-theme=terminal] #hw #hnext.hf-held{position:fixed;left:var(--hf-x);right:auto;top:var(--hf-y);margin-top:0}
/* Exact prior Night Shift board frame from the existing stylesheet. */
html[data-theme=dark][data-theme=dark] #lk{border:3px solid #170B0A;border-radius:12px;box-shadow:inset 0 2px 7px #000,inset 0 -1px 0 #6D302A,0 1px 0 #49332F,0 4px 12px #0003}
/* Neutral dimensional housing for the Night Shift and Sleep Chamber LED boards. */
html[data-theme=dark][data-theme=dark] #lk,html[data-theme=terminal][data-calm] #lk{border-color:#111820;box-shadow:inset 0 2px 7px #000,inset 0 -2px 4px #080c10,0 3px 0 #252d35,0 6px 0 #11171d,0 10px 14px #0008}
/* Recessed screen: depth comes from soft interior shade, with no outer rim. */
html[data-theme=dark][data-theme=dark] #lk,html[data-theme=terminal][data-calm] #lk{border:0;border-radius:10px;box-shadow:inset 0 5px 12px #000b,inset 0 -4px 10px #0009,inset 5px 0 12px #0007,inset -5px 0 12px #0007}
/* Sleep Chamber: restore the original shallow LED housing, with edges matched to each room. */
html[data-theme=terminal][data-calm] #lk{border:3px solid color-mix(in srgb,var(--bg) 70%,#080b0e);border-radius:12px;box-shadow:inset 0 2px 7px #000,inset 0 -1px 0 color-mix(in srgb,var(--bg) 68%,#7b8388),0 1px 0 color-mix(in srgb,var(--bg) 76%,#90979a),0 4px 12px #0003}
/* Local preview: soften the paper and use less vertical space on desktop. */
html[data-theme=newsprint]{--bg:#f2f2ef;--cd:#f9f9f6}
html[data-theme=newsprint] #hero,html[data-theme=newsprint] #mr{background:#f9f9f6}
@media(min-width:821px){
html[data-theme=newsprint] #mast{padding-top:4px;padding-bottom:0}
html[data-theme=newsprint] #brand{font-size:clamp(32px,8.2vw,96px)}
html[data-theme=newsprint] #tag{margin:4px 0 0}
html[data-theme=newsprint] #verde-top{margin-top:8px;margin-bottom:6px}
html[data-theme=newsprint][data-live=banner] #tick{padding-top:5px;padding-bottom:6px}
html[data-theme=newsprint][data-live=banner] #lv{font-size:clamp(28px,4.1vw,48px)}
html[data-theme=newsprint] #hero{margin-top:8px}
html[data-theme=newsprint] #hero .ht{padding:16px 22px;gap:7px}
html[data-theme=newsprint] #hero .hp{font-size:clamp(20px,2.2vw,27px);line-height:1.15}
html[data-theme=newsprint] #hc{max-height:280px}
html[data-theme=newsprint] #mr{padding-top:14px;padding-bottom:8px}
html[data-theme=newsprint] #mr .mrh{padding-bottom:7px}
html[data-theme=newsprint] #mr li{padding-top:9px;padding-bottom:12px}
}
/* Soften the headline hover and keyboard-focus highlight without changing its hit area. */
html:is([data-theme=newsprint],[data-theme=dark],[data-theme=terminal]) .sl li:not(.grp):not(.mr):not(.dl):is(:hover,:has(>a:focus-visible)){border-radius:6px}

/* Publisher names stay quiet until hovered or keyboard-focused. */
#mr a.src{color:var(--mu);font:11px var(--m);text-decoration:none;justify-self:start}#mr a.src:hover,#mr a.src:focus-visible{color:var(--text-accent);text-decoration:underline}
html[data-theme=terminal][data-tpal=arcade] #mr a.src{font:500 11px 'IBM Plex Mono',var(--px)}

/* Newsroom masthead: a printed edition with a quieter status line. */
html[data-theme=newsprint][data-statusat=top] #bar{padding:9px 2px 11px;border-bottom:1px solid #bbb9b1}
html[data-theme=newsprint] #bar #desk{color:#171717}
html[data-theme=newsprint] #bar .edition-dateline{color:#595952;letter-spacing:.04em}
html[data-theme=newsprint] #bar #sponsor-top{border-radius:5px;box-shadow:inset 0 1px #ffffff38,0 2px 0 #9b1028}
html[data-theme=newsprint] #bar #rp{border-color:#c9c5bb;border-radius:6px;background:#f7f6f1;color:#4c4c48}
html[data-theme=newsprint] #bar #rp:hover{background:#eae8e0;color:#171717}
html[data-theme=newsprint] #mast{gap:22px;padding:15px 0 12px}
html[data-theme=newsprint] #mast:before,html[data-theme=newsprint] #mast:after{max-width:70px;height:5px;border:0;border-top:1px solid #171717;border-bottom:1px solid #171717}
html[data-theme=newsprint] #mast-home{padding:0 2px}
html[data-theme=newsprint] #brand{border-bottom:4px solid #c8102e;padding-bottom:3px}
html[data-theme=newsprint] #tag{display:flex;align-items:center;justify-content:center;gap:10px;margin:8px 0 0;color:#5b5953;font:700 10px/1.2 Arial,sans-serif;letter-spacing:.2em}
html[data-theme=newsprint] #tag:before,html[data-theme=newsprint] #tag:after{content:'';width:24px;height:1px;background:#bdb8ad}
html[data-theme=newsprint] #tag i{color:#c8102e}
@media(max-width:700px){html[data-theme=newsprint] #mast{gap:8px;padding:13px 0 10px}html[data-theme=newsprint] #mast:before,html[data-theme=newsprint] #mast:after{max-width:25px}html[data-theme=newsprint] #tag{gap:7px;letter-spacing:.13em;font-size:9px}html[data-theme=newsprint] #tag:before,html[data-theme=newsprint] #tag:after{width:14px}}

/* Newsroom front-page flag: a black nameplate with a red ink edge. */
html[data-theme=newsprint] #mast:before,html[data-theme=newsprint] #mast:after{display:none}
html[data-theme=newsprint] #mast-home{padding:0;max-width:100%}
html[data-theme=newsprint] #brand{display:inline-block;max-width:100%;padding:8px 22px 7px;background:#191919;color:#f6f4ef;border-bottom:5px solid #c8102e}
@media(max-width:700px){html[data-theme=newsprint] #brand{padding:7px 10px 6px}}

/* Newspaper plate: join the tagline to the flag and carry rules toward the page edges. */
html[data-theme=newsprint] #mast{gap:16px}
html[data-theme=newsprint] #mast:before,html[data-theme=newsprint] #mast:after{display:block;max-width:none;min-width:8px;height:5px;border:0;border-top:1px solid #232323;border-bottom:1px solid #232323}
html[data-theme=newsprint] #mast-home{display:block;flex:0 1 auto;min-width:0;max-width:100%;padding:11px 24px 12px;background:#191919;box-shadow:inset 0 0 0 1px #444}
html[data-theme=newsprint] #brand{display:block;max-width:100%;padding:0 0 8px;background:none;color:#f6f4ef;border-bottom:3px solid #c8102e}
html[data-theme=newsprint] #tag{margin:8px 0 0;color:#c9c5bc}
html[data-theme=newsprint] #tag:before,html[data-theme=newsprint] #tag:after{display:none}
@media(max-width:700px){html[data-theme=newsprint] #mast{gap:6px}html[data-theme=newsprint] #mast-home{padding:9px 10px 10px}html[data-theme=newsprint] #brand{padding:0 0 7px}}
@media(max-width:400px){html[data-theme=newsprint] #brand{font-size:clamp(24px,7.7vw,31px);white-space:nowrap}}

/* Red ribbon study, with the newspaper plate's outward rules retained. */
html[data-theme=newsprint] #mast-home{padding:0;border:1px solid #3d3d3d;box-shadow:0 3px 0 #bbb7ae}
html[data-theme=newsprint] #brand{padding:12px 26px 13px;border:0}
html[data-theme=newsprint] #tag{width:100%;margin:0;padding:7px 12px;background:#c8102e;color:#fff}
html[data-theme=newsprint] #tag i{color:#fff}
@media(max-width:700px){html[data-theme=newsprint] #brand{padding:10px 10px 11px}}

/* Full-width flag lets the masthead itself span the page. */
html[data-theme=newsprint] #mast:before,html[data-theme=newsprint] #mast:after{display:none}
html[data-theme=newsprint] #mast-home{flex:1 1 100%;width:100%}

/* Night Shift moves the HAL eye from the Latest label to the dateline. */
html[data-theme=dark] #lg{display:none!important}
html[data-theme=dark] #bar .edition-dateline .edition-dot{display:inline-block;flex:none;width:9px;height:9px;border-radius:50%;font-size:0;background:radial-gradient(circle at 50% 42%,#FFE2D6 0 12%,#FF3A24 36%,#B80000 70%,#4A0000);box-shadow:0 0 8px 2px #FF2D1FB3;animation:hal 2.8s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){html[data-theme=dark] #bar .edition-dateline .edition-dot{animation:none}}

/* Newsroom uses the same HAL eye beside the date. */
html[data-theme=newsprint] #lg{display:none!important}
html[data-theme=newsprint] #bar .edition-dateline .edition-dot{display:inline-block;flex:none;width:9px;height:9px;border-radius:50%;font-size:0;background:radial-gradient(circle at 50% 42%,#FFE2D6 0 12%,#FF3A24 36%,#B80000 70%,#4A0000);box-shadow:0 0 8px 2px #FF2D1FB3;animation:hal 2.8s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){html[data-theme=newsprint] #bar .edition-dateline .edition-dot{animation:none}}

/* Newsroom separates the edition date from the live status strip. */
.mast-date{display:none}
html[data-theme=newsprint] #bar .edition-date{display:none}
html[data-theme=newsprint] .mast-date{display:block;text-align:center;margin:0 0 12px;color:#65615b;font:700 11px/1.3 EditionMono,'Courier New',monospace;letter-spacing:.12em;text-transform:uppercase}

/* Night Shift places the edition date below its masthead as well. */
html[data-theme=dark] #bar .edition-date{display:none}
html[data-theme=dark] .mast-date{display:block;text-align:center;margin:0 0 12px;color:#aebbc8;font:700 11px/1.3 EditionMono,'Courier New',monospace;letter-spacing:.12em;text-transform:uppercase}

/* Night Shift: star field visible through masthead; ombre fade on vertical edges going downward. */
html[data-theme=dark] #mast-home{position:relative;background:transparent;border:none;box-shadow:none}
html[data-theme=dark] #mast-home::before{content:'';position:absolute;inset:0;box-sizing:border-box;border:1px solid #777;border-bottom:none;border-radius:12px 12px 0 0;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 28%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 28%,transparent 100%)}
html[data-theme=dark] #hero,html[data-theme=dark] #mr{background:transparent}

/* Align the advertising invitation with the newspaper columns. */
html[data-theme] #sponsor-invite{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:center;padding:20px 0;margin-top:28px;box-sizing:border-box}
html[data-theme] #sponsor-invite>div{grid-column:1 / span 2;min-width:0;padding:0 var(--cp)}
html[data-theme] #sponsor-invite>a{grid-column:3;justify-self:start;margin:0 var(--cp);max-width:calc(100% - 2 * var(--cp));box-sizing:border-box}
html[data-theme] #sponsor-invite h2{font-size:clamp(22px,2.2vw,30px);line-height:1.16}
html[data-theme] #sponsor-invite p{margin-top:8px}
html[data-theme] #sponsor-invite .ad-provider-brand{margin-top:0}
@media(max-width:820px){html[data-theme] #sponsor-invite{grid-template-columns:minmax(0,1fr);gap:16px;padding:18px 0}html[data-theme] #sponsor-invite>div{grid-column:1}html[data-theme] #sponsor-invite>a{grid-column:1;justify-self:stretch;width:auto}}

/* Refined, balanced advertising invitation. */
html[data-theme] #sponsor-invite{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(210px,.65fr);align-items:center;gap:24px;padding:22px 24px;border:1px solid color-mix(in srgb,var(--fg) 38%,transparent);border-radius:14px;box-shadow:none}
html[data-theme] #sponsor-invite>div{grid-column:1;padding:0;min-width:0}
html[data-theme] #sponsor-invite h2{font-size:clamp(22px,2.05vw,29px);line-height:1.14}
html[data-theme] #sponsor-invite>a{grid-column:2;justify-self:end;width:100%;max-width:260px;min-height:52px;margin:0;padding:14px 19px;font:600 14px/1.2 Arial,'Helvetica Neue',sans-serif;letter-spacing:0;border-radius:8px;box-shadow:0 3px 0 color-mix(in srgb,var(--text-accent) 58%,#000);transform:none}
@media(hover:hover){html[data-theme] #sponsor-invite>a:hover{transform:translateY(-1px);box-shadow:0 4px 0 color-mix(in srgb,var(--text-accent) 58%,#000)}}
@media(max-width:820px){html[data-theme] #sponsor-invite{grid-template-columns:minmax(0,1fr);gap:16px;padding:20px}html[data-theme] #sponsor-invite>div,html[data-theme] #sponsor-invite>a{grid-column:1}html[data-theme] #sponsor-invite>a{justify-self:stretch;max-width:none;min-height:50px;font-size:14px}}

/* Arch masthead: curved top crown; Night Shift fades vertical edges via ::before ombre. */
html[data-theme=newsprint] #mast-home{border-radius:12px 12px 0 0;overflow:hidden}

/* Gently curved ends on the standalone footer divider; bottom edge unchanged. */
html:is([data-theme=newsprint],[data-theme=dark]) footer{border-top-left-radius:20px;border-top-right-radius:20px}

/* Connected ad placement: top banner and attached footer rounded as one unit */
#verde-top[data-demo=vitamin]{border-radius:6px;overflow:hidden}
#verde-top[data-demo=vitamin] .vitamin-banner{border-radius:6px 6px 0 0}
#verde-top[data-demo=vitamin] .vitamin-footer{border-radius:0 0 6px 6px}

/* Late Shift: Click to Play is in the top blue band; hide redundant headline bottom label. */
html[data-theme=dark] .band-picks[data-ready=true] .band-launch-source{display:none}
.band-split-tip{display:none!important}

/* Example B: a single outlined status capsule with the visitor's full local clock. */
html:is([data-theme=newsprint],[data-theme=dark],[data-theme=terminal]) #bar .edition-dateline{display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;width:auto;max-width:100%;box-sizing:border-box;margin-left:auto;gap:0;padding:9px 14px;border:1px solid #c8102e;border-radius:999px;color:var(--fg);font:500 11px/1.4 EditionMono,'Courier New',monospace;letter-spacing:0;text-transform:uppercase}
#bar .edition-dateline>span,#bar .edition-dateline>time{white-space:nowrap;padding:0 12px}
#bar .edition-dateline>:first-child{padding-left:0}
#bar .edition-dateline>:last-child{padding-right:0}
#bar .edition-dateline>:not(:first-child){border-left:1px solid currentColor}
#bar .edition-dateline .edition-live{display:inline-flex;align-items:center;gap:7px;color:#c8102e}
/* HAL-inspired optical lens: glass highlight, red iris and a warm pinpoint core. */
html:is([data-theme=newsprint],[data-theme=dark],[data-theme=terminal]) #bar .edition-dateline .edition-dot{position:relative;display:inline-block;flex:0 0 13px;width:13px;height:13px;box-sizing:border-box;border:1px solid #343238;border-radius:50%;font-size:0;isolation:isolate;background:radial-gradient(ellipse at 32% 23%,#ffffffa6 0%,#ffffff28 11%,transparent 30%),radial-gradient(circle at 50% 52%,#fff2b1 0% 5%,#ffc443 8%,#ff4220 19%,#d50818 34%,#66030e 51%,#19050a 67%,#070709 74%);box-shadow:0 0 0 1px #08080a,0 0 0 2px #a3998e66,0 0 7px #d20b2638,inset 0 0 2px #000;animation:none;vertical-align:middle}
#bar .edition-dot::before{content:"";position:absolute;inset:1px;border-radius:50%;background:radial-gradient(circle,#fff8c9 0% 5%,#ffd15b 11%,#ff3e20 24%,#e8001438 49%,transparent 69%);opacity:.6;transform:scale(.94);pointer-events:none}
#bar .edition-dot::after{content:"";position:absolute;inset:0;border:1px solid #ff735326;border-radius:50%;box-shadow:inset 0 -1px 2px #000a;pointer-events:none}
#bar .edition-dateline[data-live=true] .edition-dot::before{animation:apnu-hal-iris 2.2s ease-in-out infinite}
@keyframes apnu-hal-iris{0%,100%{opacity:.3;transform:scale(.75)}50%{opacity:1;transform:scale(1.3)}}
#bar .edition-dateline[data-live=true] .edition-dot::after{border-color:#ff402e99;box-shadow:0 0 5px 2px #ff261eaa,0 0 11px 4px #e40a3044;animation:apnu-hal-halo 2.2s ease-in-out infinite}
@keyframes apnu-hal-halo{0%,100%{opacity:.25;transform:scale(.95)}50%{opacity:1;transform:scale(1.35)}}
#bar .edition-dateline[data-live=false] .edition-dot{filter:grayscale(1);box-shadow:0 0 0 1px #08080a,0 0 0 2px #a3998e55}
#bar .edition-dateline[data-live=false] .edition-dot::before{opacity:.18}
#bar .edition-dateline[data-hidden=true] .edition-dot::before,#bar .edition-dateline[data-hidden=true] .edition-dot::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){#bar .edition-dateline[data-live=true] .edition-dot::before,#bar .edition-dateline[data-live=true] .edition-dot::after{animation:none;opacity:.7;transform:none}}

#bar .edition-dateline[data-live=false] .edition-live{color:var(--mu)}
#bar .edition-dateline b{font-weight:700}
#bar .edition-dateline time{font-variant-numeric:tabular-nums}
@media(max-width:1100px){html:is([data-theme=newsprint],[data-theme=dark],[data-theme=terminal]) #bar .edition-dateline{font-size:10px;padding:8px 10px}#bar .edition-dateline>span,#bar .edition-dateline>time{padding-left:8px;padding-right:8px}}
@media(max-width:700px){html:is([data-theme=newsprint],[data-theme=dark],[data-theme=terminal]) #bar .edition-dateline{width:100%;justify-content:center;margin-left:0;flex-wrap:wrap;row-gap:7px;font-size:10px;border-radius:22px}#bar .edition-dateline>time{flex-basis:100%;text-align:center;border-left:0;padding:0}}

@media(min-width:701px) and (max-width:900px){html:is([data-theme=newsprint],[data-theme=dark],[data-theme=terminal]) #bar .edition-dateline{flex-wrap:wrap;row-gap:7px}}
@media(max-width:700px){#bar .edition-dateline .edition-updated{flex-basis:100%;text-align:center;border-left:0;padding:0}}

/* Mobile wire header: status only; desktop branding and ad CTA remain intact. */
@media(max-width:700px){#bar #wire-home,#bar #sponsor-top{display:none!important}}

/* Wrapped mobile capsule rows must never inherit the desktop vertical separators. */
@media(max-width:700px){#bar .edition-dateline>.edition-updated,#bar .edition-dateline>time{border-left:0!important}}

/* Compact instrument strip on phones; retain the existing HAL eye and desktop status. */
#bar .edition-live{appearance:none;-webkit-appearance:none;background:transparent;border:0;font:inherit;cursor:pointer}
#bar .edition-live:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.edition-mobile-updated,.edition-mobile-details{display:none}
@media(max-width:700px){
 html:is([data-theme=newsprint],[data-theme=dark],[data-theme=terminal]) #bar{
  box-sizing:border-box;display:flex;align-items:center;justify-content:stretch;
  flex-wrap:nowrap;gap:0;width:100%;min-height:44px;
  padding:0 12px;margin:0 0 8px;background:#191919;color:#e9e7e1;
  border:0;border-bottom:1px solid #484848;border-radius:0;
 }
 #bar>#ws,#bar>a,#bar .edition-dateline .edition-count,
 #bar .edition-dateline .edition-sources,#bar .edition-dateline .edition-updated,
 #bar .edition-dateline .edition-time{display:none!important}
 html:is([data-theme=newsprint],[data-theme=dark],[data-theme=terminal]) #bar .edition-dateline{
  width:100%;min-width:0;max-width:none;min-height:44px;margin:0;padding:0;
  display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;
  gap:8px;background:transparent;border:0;border-radius:0;
  color:#e9e7e1;font:700 11px/1.2 var(--ui);
 }
 #bar .edition-dateline .edition-live{
  display:inline-flex;align-items:center;justify-content:flex-start;
  gap:9px;min-height:44px;padding:0 4px;border:0;color:#e9e7e1;
  letter-spacing:.13em;white-space:nowrap
 }
 #bar .edition-dateline[data-live=false] .edition-live{color:#bcb8b3}
 #bar .edition-dateline .edition-live::after{content:'⌄';font-size:10px;color:#aaa}
 #bar .edition-dateline .edition-mobile-updated{
  display:block;min-width:0;padding:0;border:0;
  color:#b3ada5;font:600 10px/1.2 ui-monospace,SFMono-Regular,monospace;
  letter-spacing:.02em;text-align:right;white-space:nowrap
 }
 #bar .edition-dateline .edition-dot{flex:0 0 13px}
 .edition-mobile-details:not([hidden]){
  display:block;box-sizing:border-box;width:100%;padding:12px 15px;
  background:#242424;color:#eee;border-bottom:1px solid #4d4d4d;
  font:11px/1.8 ui-monospace,SFMono-Regular,monospace;
 }
}

/* Mobile: integrate HAL status into the existing masthead red identity strip. */
@media(max-width:700px){
 html:is([data-theme=newsprint],[data-theme=dark],[data-theme=terminal]) #bar{display:none!important}
 #mast #tag{position:relative;box-sizing:border-box;width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;margin:0;padding:0 8px;background:#b52634;color:#fff;border:0;border-radius:0;font-size:0!important;line-height:1}
 #mast #tag>i{font-size:0!important}
 #mast #tag .edition-dateline{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:5px;width:100%;min-width:0;min-height:44px;margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;color:#fff}
 #mast #tag .edition-dateline::before{content:'NEWSWIRE · UNCENSORED';grid-column:2;grid-row:1;font:700 clamp(8px,2.4vw,11px)/1.2 Arial,sans-serif;letter-spacing:.045em;white-space:nowrap;color:#fff}
 #mast #tag .edition-dateline .edition-live{grid-column:1;grid-row:1;justify-self:start;display:flex;align-items:center;gap:6px;min-height:44px;padding:0 3px;background:none;border:0;border-radius:0;color:#fff;font:700 11px/1 Arial,sans-serif;letter-spacing:.04em;white-space:nowrap}
 #mast #tag .edition-dateline .edition-live::after{content:'⌄';color:#fff;font-size:9px}
 #mast #tag .edition-dateline .edition-dot{display:inline-block;flex:0 0 13px;width:13px;height:13px}
 #mast #tag .edition-dateline .edition-mobile-updated{grid-column:3;grid-row:1;justify-self:end;display:block;padding:0;color:#fff;font:700 11px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:0;white-space:nowrap}
 #mast #tag .edition-dateline .edition-mobile-updated::first-letter{text-transform:uppercase}
 #mast #tag .edition-dateline .edition-count,#mast #tag .edition-dateline .edition-sources,#mast #tag .edition-dateline .edition-updated,#mast #tag .edition-dateline .edition-time{display:none!important}
 #mast .edition-mobile-details:not([hidden]){display:block;box-sizing:border-box;width:100%;padding:10px 13px;background:#242424;color:#eee;font:11px/1.7 ui-monospace,SFMono-Regular,monospace}
}

@media(max-width:700px){
 #mast #tag .edition-dot{position:relative;display:inline-block;box-sizing:border-box;isolation:isolate;flex:0 0 13px;width:13px;height:13px;border:1px solid #343238;border-radius:50%;font-size:0;background:radial-gradient(circle at 36% 27%,#fff8 0%,#fa372b 28%,#af060d 62%,#400109 100%);box-shadow:0 0 0 1px #400008,0 0 6px #ff292988}
 #mast #tag .edition-dot::before{content:'';position:absolute;inset:1px;border-radius:50%;background:radial-gradient(circle,#fff8c9 0% 5%,#ffd15b 11%,#ff3e20 24%,#e8001438 49%,transparent 69%);opacity:.6;pointer-events:none}
 #mast #tag .edition-dot::after{content:'';position:absolute;inset:0;border:1px solid #ff735326;border-radius:50%;box-shadow:inset 0 -1px 2px #000a;pointer-events:none}
 #mast #tag .edition-dateline[data-live=true] .edition-dot::before{animation:apnu-hal-iris 2.2s ease-in-out infinite}
 #mast #tag .edition-dateline[data-live=true] .edition-dot::after{border-color:#ff402e99;box-shadow:0 0 5px 2px #ff261eaa,0 0 11px 4px #e40a3044;animation:apnu-hal-halo 2.2s ease-in-out infinite}
 #mast #tag .edition-dateline[data-live=false] .edition-dot{filter:grayscale(1)}
}
@media(prefers-reduced-motion:reduce){#mast #tag .edition-dot::before,#mast #tag .edition-dot::after{animation:none!important}}

/* Corrected mobile masthead: preserve logo geometry; overlay controls without reflow. */
@media(max-width:700px){
 #mast{position:relative!important}
 #mast #mast-home{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
 #mast #tag{display:flex!important;width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;box-sizing:border-box!important;background:#b52634!important;color:transparent!important;font-size:0!important;overflow:hidden!important}
 #mast #tag>i{visibility:hidden!important}
 html:is([data-theme=newsprint],[data-theme=dark],[data-theme=terminal]) #mast>.edition-dateline{
  position:absolute!important;z-index:2;left:0;right:0;bottom:0;
  box-sizing:border-box!important;width:100%!important;height:44px!important;min-height:44px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;gap:5px!important;
  margin:0!important;padding:0 12px!important;background:transparent!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  color:#fff!important;overflow:visible!important
 }
 #mast>.edition-dateline::before{content:'NEWSWIRE · UNCENSORED';grid-column:2;grid-row:1;white-space:nowrap;font:700 clamp(8px,2.35vw,11px)/1.1 Arial,sans-serif;letter-spacing:.03em;color:#fff}
 #mast>.edition-dateline .edition-live{grid-column:1;grid-row:1;justify-self:start;display:flex!important;align-items:center;gap:6px;min-width:0;min-height:44px;padding:0 2px;background:none;border:0;color:#fff!important;font:700 11px/1 Arial,sans-serif;letter-spacing:.04em;white-space:nowrap}
 #mast>.edition-dateline .edition-live::after{content:'⌄';font-size:9px;color:#fff}
 #mast>.edition-dateline .edition-mobile-updated{grid-column:3;grid-row:1;justify-self:end;display:block!important;min-width:0;padding:0;border:0;color:#fff!important;font:700 11px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:0;white-space:nowrap}
 #mast>.edition-dateline .edition-count,#mast>.edition-dateline .edition-sources,#mast>.edition-dateline .edition-updated,#mast>.edition-dateline .edition-time{display:none!important}
 #mast>.edition-dateline .edition-dot{position:relative;display:inline-block;flex:0 0 13px;width:13px;height:13px;box-sizing:border-box;border:1px solid #343238;border-radius:50%;font-size:0;isolation:isolate;background:radial-gradient(circle at 36% 27%,#fff8 0%,#fa372b 28%,#af060d 62%,#400109 100%);box-shadow:0 0 0 1px #400008,0 0 6px #ff292988}
 #mast>.edition-dateline .edition-dot::before{content:'';position:absolute;inset:1px;border-radius:50%;background:radial-gradient(circle,#fff8c9 0% 5%,#ffd15b 11%,#ff3e20 24%,#e8001438 49%,transparent 69%);opacity:.6;pointer-events:none}
 #mast>.edition-dateline .edition-dot::after{content:'';position:absolute;inset:0;border:1px solid #ff735326;border-radius:50%;box-shadow:inset 0 -1px 2px #000a;pointer-events:none}
 #mast>.edition-dateline[data-live=true] .edition-dot::before{animation:apnu-hal-iris 2.2s ease-in-out infinite}
 #mast>.edition-dateline[data-live=true] .edition-dot::after{border-color:#ff402e99;box-shadow:0 0 5px 2px #ff261eaa,0 0 11px 4px #e40a3044;animation:apnu-hal-halo 2.2s ease-in-out infinite}
 #mast>.edition-dateline[data-live=false] .edition-dot{filter:grayscale(1)}
 #mast+.edition-mobile-details:not([hidden]){display:block;width:100%;box-sizing:border-box;padding:10px 13px;background:#242424;color:#eee;font:11px/1.7 ui-monospace,SFMono-Regular,monospace}
}
@media(prefers-reduced-motion:reduce){#mast>.edition-dateline .edition-dot::before,#mast>.edition-dateline .edition-dot::after{animation:none!important}}

/* Mobile masthead final spacing: one red strip, no blank red row above HAL controls. */
@media(max-width:700px){
 #mast{padding-bottom:44px!important}
 #mast #mast-home{margin-bottom:0!important}
 #mast #tag{
  height:0!important;min-height:0!important;max-height:0!important;
  padding:0!important;margin:0!important;border:0!important;
  overflow:hidden!important;line-height:0!important
 }
 html:is([data-theme=newsprint],[data-theme=dark],[data-theme=terminal]) #mast>.edition-dateline{
  height:44px!important;min-height:44px!important;
  padding-inline:12px!important;column-gap:6px!important;
 }
}

/* HAL strip background lives on the overlay when the empty original tag is collapsed. */
@media(max-width:700px){
 html:is([data-theme=newsprint],[data-theme=dark],[data-theme=terminal]) #mast>.edition-dateline{
  background:#b52634!important;
  border-bottom:1px solid #86202a!important;
 }
}

/* Mobile masthead: date replaces the entire tagline; clock stays right. */
@media(max-width:700px){
 #mast{padding-bottom:38px!important}
 #mast #tag{height:0!important;min-height:0!important;max-height:0!important}
 html:is([data-theme=newsprint],[data-theme=dark],[data-theme=terminal]) #mast>.edition-dateline{
  height:38px!important;min-height:38px!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  padding:0 12px!important;column-gap:6px!important;
 }
 #mast>.edition-dateline::before{
  content:attr(data-mobile-date)!important;grid-column:2!important;grid-row:1!important;
  justify-self:center!important;white-space:nowrap!important;
  font:700 clamp(9px,2.45vw,11px)/1 Arial,sans-serif!important;
  letter-spacing:.04em!important;color:#fff!important
 }
 #mast>.edition-dateline .edition-live{min-height:38px!important;padding:0!important}
 #mast>.edition-dateline .edition-mobile-updated{grid-column:3!important}
 .mast-date{display:none!important}
}

/* Mobile only: remove the header Vitamin Depot / AD.s banner and its footprint. */
@media(max-width:700px){#verde-top{display:none!important;margin:0!important;padding:0!important}}

/* Desktop Night Shift: mobile's quiet masthead arrangement at desktop proportions. */
@media(min-width:701px){
 html[data-theme=dark] body>.t,
 html[data-theme=dark] body>#bar,
 html[data-theme=dark] #verde-top{display:none!important}
 html[data-theme=dark] #mast{position:relative;box-sizing:border-box;padding:8px 0 45px!important}
 html[data-theme=dark] #mast #tag{display:none!important}
 html[data-theme=dark] #mast>.edition-dateline{
  display:grid!important;position:absolute;bottom:0;left:0;right:0;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;gap:12px;box-sizing:border-box;height:38px;
  padding:0 clamp(16px,2.5vw,36px);margin:0;
  background:#b52634;color:#fff;border:0;border-bottom:1px solid #86202a;
  font:700 12px/1 EditionMono,'Courier New',monospace;
 }
 html[data-theme=dark] #mast>.edition-dateline::before{
  content:attr(data-mobile-date);grid-column:2;grid-row:1;
  justify-self:center;white-space:nowrap;letter-spacing:.075em
 }
 html[data-theme=dark] #mast>.edition-dateline .edition-live{
  display:flex;grid-column:1;grid-row:1;justify-self:start;align-items:center;
  gap:9px;padding:0;color:#fff;border:0;background:none;white-space:nowrap
 }
 html[data-theme=dark] #mast>.edition-dateline .edition-dot{
  position:relative;display:inline-block;width:13px;height:13px;flex:none;
  border:1px solid #343238;border-radius:50%;
  background:radial-gradient(circle at 36% 27%,#fff8 0%,#fa372b 28%,#af060d 62%,#400109 100%);
  box-shadow:0 0 6px #ff292988;font-size:0
 }
 html[data-theme=dark] #mast>.edition-dateline .edition-dot::before{
  content:'';position:absolute;inset:1px;border-radius:50%;
  background:radial-gradient(circle,#fff8c9 0% 5%,#ffd15b 11%,#ff3e20 24%,#e8001438 49%,transparent 69%);opacity:.6
 }
 html[data-theme=dark] #mast>.edition-dateline[data-live=true] .edition-dot::before{animation:apnu-hal-iris 2.2s ease-in-out infinite}
 html[data-theme=dark] #mast>.edition-dateline[data-live=false] .edition-dot{filter:grayscale(1)}
 html[data-theme=dark] #mast>.edition-dateline .edition-mobile-updated{
  display:block;grid-column:3;grid-row:1;justify-self:end;
  font-variant-numeric:tabular-nums;white-space:nowrap
 }
 html[data-theme=dark] #mast>.edition-dateline :is(.edition-count,.edition-sources,.edition-updated,.edition-time){display:none!important}
}
@media(min-width:701px) and (prefers-reduced-motion:reduce){
 html[data-theme=dark] #mast>.edition-dateline .edition-dot::before{animation:none!important}
}

/* Desktop Night Shift: date appears only inside the masthead's red band. */
@media(min-width:701px){html[data-theme=dark] .mast-date{display:none!important}}

/* HAL optical beacon: brighter glass iris and unmistakable breathing glow.
   Masthead and toolbar share one lens; non-live states remain subdued. */
html:is([data-theme=dark],[data-theme=terminal]) .edition-dateline .edition-dot{
 position:relative;width:16px!important;height:16px!important;flex:0 0 16px!important;
 border:1px solid #5b1017!important;border-radius:50%;
 background:radial-gradient(circle at 36% 25%,#ffffffb8 0 5%,transparent 22%),radial-gradient(circle,#ffe3ae 0 8%,#ff6232 21%,#e70919 45%,#700014 73%,#22000a 100%)!important;
 box-shadow:inset 0 -2px 3px #120009,0 0 3px 1px #ff3c35a0,0 0 11px 3px #e71a3488!important;
}
html:is([data-theme=dark],[data-theme=terminal]) .edition-dateline .edition-dot::before{
 content:'';position:absolute;inset:2px;border-radius:50%;pointer-events:none;
 background:radial-gradient(circle,#fff6ce 0 8%,#ffb05c 21%,#fb2535a8 46%,transparent 76%);
}
html:is([data-theme=dark],[data-theme=terminal]) .edition-dateline .edition-dot::after{
 content:'';position:absolute;inset:-2px;border-radius:50%;pointer-events:none;
 border:1px solid #ff625878;box-shadow:0 0 7px 2px #ff251ca8,0 0 17px 5px #e50b4766;
}
html:is([data-theme=dark],[data-theme=terminal]) .edition-dateline[data-live=true] .edition-dot{
 animation:dx-hal-beacon 2.6s ease-in-out infinite
}
html:is([data-theme=dark],[data-theme=terminal]) .edition-dateline[data-live=true] .edition-dot::before,
html:is([data-theme=dark],[data-theme=terminal]) .edition-dateline[data-live=true] .edition-dot::after{
 animation:none!important
}
@keyframes dx-hal-beacon{
 0%,100%{filter:brightness(.85);box-shadow:inset 0 -2px 3px #120009,0 0 4px 1px #ff3c3577,0 0 10px 3px #e71a3470}
 50%{filter:brightness(1.35);box-shadow:inset 0 -2px 3px #120009,0 0 8px 3px #ff6644d9,0 0 21px 7px #ef1645ad}
}
html:is([data-theme=dark],[data-theme=terminal]) .edition-dateline[data-live=false] .edition-dot{animation:none!important;filter:grayscale(1);box-shadow:0 0 2px #777!important}
@media(prefers-reduced-motion:reduce){
 html:is([data-theme=dark],[data-theme=terminal]) .edition-dateline .edition-dot{animation:none!important}
}

/* Night Shift desktop: a restrained gunmetal finishing rule below the red instrument band. */
@media(min-width:701px){
 html[data-theme=dark] #mast>.edition-dateline{
  border-bottom:1px solid #626b74!important;
  box-shadow:0 1px 0 #89929a,0 2px 0 #89929a,0 3px 0 #7c858e,0 4px 0 #7c858e,0 5px 0 #646c75,0 6px 0 #444b53;
 }
}

/* Night Shift mobile: matching four-pixel gunmetal finish below the red HAL/date/clock band. */
@media(max-width:700px){
 html[data-theme=dark] #mast>.edition-dateline{
  border-bottom:1px solid #626b74!important;
  box-shadow:0 1px 0 #89929a,0 2px 0 #7c858e,0 3px 0 #646c75,0 4px 0 #444b53!important;
 }
}

/* Desktop Night Shift header: override the retired global hide rules in this stylesheet.
   Preserve the Newsroom's masthead vertical register while restoring the quiet upper desk. */
@media(min-width:701px){
 html[data-statusat=top]:is([data-theme=newsprint],[data-theme=dark]) #bar{
  box-sizing:border-box;min-height:62px;height:62px;margin-bottom:6px
 }
 html[data-theme=dark][data-statusat=top] #bar{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;gap:12px;padding:8px 12px;border:1px solid #39434d;
  border-radius:8px;background:linear-gradient(180deg,#222b34,#141b23)
 }
 html[data-theme=dark][data-statusat=top] #bar #wire-home{
  display:inline-flex!important;grid-column:1;justify-self:start;min-width:0
 }
 html[data-theme=dark][data-statusat=top] #bar #sponsor-top{
  display:inline-flex!important;grid-column:2;justify-self:center;min-width:0;
  margin:0;white-space:nowrap
 }
 html[data-theme=dark][data-statusat=top] #bar #ws{
  display:block!important;grid-column:3;justify-self:end;min-width:0;
  text-align:right;font:400 11px/1.5 'IBM Plex Mono','SFMono-Regular',Consolas,'Liberation Mono',monospace;letter-spacing:.075em;font-variant-numeric:tabular-nums;color:#b7c7d4
 }
 html[data-theme=dark][data-statusat=top] #bar #ws::before{
  content:attr(data-headlines) ' HEADLINES  ·  ' attr(data-sources) ' SOURCES';
  display:block;font:400 11px/1.5 'IBM Plex Mono','SFMono-Regular',Consolas,'Liberation Mono',monospace;color:#dae4ec;letter-spacing:.11em;font-variant-numeric:tabular-nums
 }
 html[data-theme=dark][data-statusat=top] #bar>.edition-dateline,
 html[data-theme=dark][data-statusat=top] #bar>a[href^="#c"]{display:none!important}
}

/* Night Shift desk: lightweight calculator typography, with the activity lamp next to UPDATED. */
@media(min-width:701px){
 html[data-theme=dark][data-statusat=top] #bar #ws{
  display:flex!important;flex-wrap:wrap;justify-content:flex-end;align-items:center;
  column-gap:6px;row-gap:0;font:400 16px/1.15 VT323,'Lucida Console',monospace;
  letter-spacing:.055em;color:#bfccd8;font-variant-numeric:tabular-nums
 }
 html[data-theme=dark][data-statusat=top] #bar #ws::before{
  content:attr(data-headlines) ' HEADLINES  /  ' attr(data-sources) ' SOURCES';
  display:block;flex:0 0 100%;font:400 17px/1.15 VT323,'Lucida Console',monospace;
  letter-spacing:.085em;color:#e1e8ef
 }
 html[data-theme=dark][data-statusat=top] #bar #ws .wire-live-label{display:none}
 html[data-theme=dark][data-statusat=top] #bar #ws>.dot{
  display:inline-block;flex:0 0 7px;width:7px;height:7px;margin:0 1px 0 0;
  border-radius:50%;font-size:0;line-height:0;background:#4cc5ed;
  color:transparent;box-shadow:0 0 5px #36b8e788;vertical-align:middle;
  animation:night-desk-dot 2.4s ease-in-out infinite
 }
 html[data-theme=dark][data-statusat=top] #bar #ws time{font:inherit;letter-spacing:inherit}
}
@keyframes night-desk-dot{50%{opacity:.42;box-shadow:0 0 2px #36b8e766}}
@media(prefers-reduced-motion:reduce){html[data-theme=dark][data-statusat=top] #bar #ws>.dot{animation:none}}

/* AD.s replaces the generic advertising CTA in every theme, preserving the destination. */
#bar #sponsor-top{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;
 padding:4px 12px;min-height:38px;height:38px;margin:0;
 font:700 13px/1 var(--ui);letter-spacing:.055em;text-decoration:none
}
#bar #sponsor-top .ad-s-mark{display:block;flex:none;width:28px;height:28px;object-fit:contain}
#bar #sponsor-top .ad-s-wordmark{display:inline-block;white-space:nowrap}
@media(min-width:701px){
 html[data-theme=dark][data-statusat=top] #bar #sponsor-top{
  display:inline-flex!important;grid-column:2;justify-self:center;
  background:#1d2833;color:#e8eef4;border:1px solid #465665;border-radius:7px;
  box-shadow:inset 0 1px #ffffff16
 }
}

/* Header AD.s is an exact, smaller copy of the existing footer sponsor capsule. */
#bar #sponsor-top.ad-provider-brand{
 display:inline-flex;align-items:center;justify-content:center;gap:7px;
 box-sizing:border-box;min-height:34px;height:34px;max-width:100%;
 margin:0;padding:4px 9px 4px 8px;border:1px solid color-mix(in srgb,var(--mu) 25%,transparent);
 border-radius:999px;background:transparent;box-shadow:none;
 color:var(--fg);font:inherit;letter-spacing:normal;text-transform:none;text-decoration:none
}
#bar #sponsor-top.ad-provider-brand img{display:block;width:20px;height:20px;flex:none;border-radius:5px;margin:0}
#bar #sponsor-top.ad-provider-brand .ad-provider-tag{
 display:inline-flex;align-items:center;gap:6px;min-width:0;
 border-left:1px solid color-mix(in srgb,var(--fg) 22%,transparent);
 padding-left:9px;font:600 11px/1.2 Arial,'Helvetica Neue',sans-serif;
 letter-spacing:0;text-transform:none;white-space:nowrap
}
#bar #sponsor-top.ad-provider-brand .ad-provider-spark{
 color:#e65331;font:normal 17px/1 Arial,sans-serif;flex:none
}
html[data-theme=dark][data-statusat=top] #bar #sponsor-top.ad-provider-brand{
 background:#1d2833;color:#e8eef4;border-color:#465665;border-radius:999px;box-shadow:inset 0 1px #ffffff16
}

/* Arcade worlds: same bare VT323 readout as Night Shift, with a red HAL beacon. */
@media(min-width:701px){
 html[data-theme=terminal][data-statusat=top] #bar{
  display:flex;align-items:center;justify-content:space-between;
  min-height:62px;padding:8px 12px;gap:12px
 }
 html[data-theme=terminal][data-statusat=top] #bar #ws{
  display:flex!important;flex-wrap:wrap;align-items:center;justify-content:flex-end;
  margin-left:auto;gap:0 6px;min-width:0;text-align:right;
  border:0!important;border-radius:0!important;background:none!important;
  box-shadow:none!important;padding:0!important;
  font:400 16px/1.15 VT323,'Lucida Console',monospace;
  letter-spacing:.055em;font-variant-numeric:tabular-nums;color:var(--fg)
 }
 html[data-theme=terminal][data-statusat=top] #bar #ws::before{
  content:attr(data-headlines) ' HEADLINES  /  ' attr(data-sources) ' SOURCES';
  display:block;flex:0 0 100%;text-align:right;
  font:400 17px/1.15 VT323,'Lucida Console',monospace;letter-spacing:.085em;color:var(--fg)
 }
 html[data-theme=terminal][data-statusat=top] #bar #ws>.wire-live-label{display:none!important}
 html[data-theme=terminal][data-statusat=top] #bar #ws>time{
  font:inherit;letter-spacing:inherit;color:inherit
 }
 html[data-theme=terminal][data-statusat=top] #bar #ws>.dot{
  display:inline-block;flex:0 0 11px;width:11px;height:11px;margin:0 2px 0 0;
  border:1px solid #5e080c;border-radius:50%;font-size:0;line-height:0;
  color:transparent;
  background:radial-gradient(circle at 38% 30%,#ffe6c9 0 8%,#ff5d38 18%,#ed1828 43%,#640510 72%,#170509 100%);
  box-shadow:inset 0 -1px 2px #130007,0 0 5px #ee283977;
  animation:arcade-hal-beacon 2.25s ease-in-out infinite
 }
 html[data-theme=terminal][data-statusat=top] #bar #ws .wire-capsule{display:contents}
 html[data-theme=terminal][data-statusat=top] #bar>.edition-dateline,
 html[data-theme=terminal][data-statusat=top] #bar>a[href^="#c"]{display:none!important}
}
@keyframes arcade-hal-beacon{
  0%,100%{filter:brightness(.8);box-shadow:inset 0 -1px 2px #130007,0 0 4px #ed1b3666}
  50%{filter:brightness(1.38);box-shadow:inset 0 -1px 2px #130007,0 0 9px 2px #ff2e48cc,0 0 16px 4px #e60c3d55}
}
@media(prefers-reduced-motion:reduce){
 html[data-theme=terminal][data-statusat=top] #bar #ws>.dot{animation:none}
}

/* Arcade: remove the redundant LATEST / flashing eye kicker above the wire headline in every world. */
html[data-theme=terminal] #tick :is(#lg,.lw){display:none!important}
html[data-theme=terminal][data-live=banner] #tick{gap:0}

/* Column Climber: keep the top-right updated readout above the decorative license ribbon. */
@media(min-width:701px){
 html[data-theme=terminal][data-world=ad][data-statusat=top] #bar{position:relative;z-index:8;background:#0a0a0a}
 html[data-theme=terminal][data-world=ad][data-statusat=top] #bar #ws{position:relative;z-index:1}
}

/* Column Climber: curved upper desk respects the round red cabinet frame. */
@media(min-width:701px){
 html[data-theme=terminal][data-world=ad][data-statusat=top] #bar{
  margin-top:12px;
  border-radius:12px 12px 0 0;
  background:#0a0a0a;
  isolation:isolate;
 }
}

/* Column Climber village-cop show: defocus the newspaper behind the sharp canvas performance. */
html[data-theme=terminal][data-world=ad][data-chase-focus] body::after{
 content:"";position:fixed;inset:0;z-index:59;pointer-events:none;
 -webkit-backdrop-filter:blur(5px) brightness(.68);
 backdrop-filter:blur(5px) brightness(.68);
 background:#06060820;
}
@media(prefers-reduced-motion:reduce){html[data-chase-focus] body::after{transition:none}}

/* Newsroom status: a compact rounded rectangle, matching the AD.s header capsule's footprint. */
@media(min-width:701px){
 html[data-theme=newsprint][data-statusat=top] #bar .edition-dateline{
  box-sizing:border-box;min-width:230px;min-height:34px;width:auto;max-width:100%;
  padding:5px 12px;border-radius:8px;align-items:center;justify-content:center;
 }
}

/* Newsroom: top AD.s placement supersedes the Vitamin Depot demo below the masthead. */
html[data-theme=newsprint] #verde-top{display:none!important;margin:0!important;padding:0!important}

/* Arcade and Sleep Chamber: remove redundant Vitamin Depot masthead demo. */
html[data-theme=terminal] #verde-top{display:none!important;margin:0!important;padding:0!important}

/* v12.0.1 mobile Newsroom only: quiet side wires frame the live headline.
   Stop at the hero's corner tangent so no square lines cross its rounded top. */
@media(max-width:700px){
 html[data-theme=newsprint] #tick{position:relative;isolation:isolate}
 html[data-theme=newsprint] #tick::before,
 html[data-theme=newsprint] #tick::after{
  content:"";position:absolute;top:0;bottom:0;width:1px;
  background:color-mix(in srgb,var(--fg) 43%,transparent);pointer-events:none;
 }
 html[data-theme=newsprint] #tick::before{left:0}
 html[data-theme=newsprint] #tick::after{right:0}
 html[data-theme=newsprint] #hw #hero{margin-top:0}
}

/* Mobile Newsroom italic headline ink clearance: preserve size, font and wire geometry. */
@media(max-width:700px){
 html[data-theme=newsprint][data-live=banner] #tick #lv{
  box-sizing:border-box;max-width:100%;padding-left:12px;padding-right:12px;
 }
}

/* Mobile Newsprint masthead micro-typesetting: consistent clock digits and restrained date tracking. */
@media(max-width:700px){
 html[data-theme=newsprint] #mast>.edition-dateline::before{letter-spacing:.065em!important}
 html[data-theme=newsprint] #mast>.edition-dateline .edition-mobile-updated{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
}

/* Local timezone as microtype beneath the mobile Newsprint clock, no extra width. */
@media(max-width:700px){
 html[data-theme=newsprint] #mast>.edition-dateline .edition-mobile-updated{position:relative;transform:none;padding-right:18px}
 html[data-theme=newsprint] #mast>.edition-dateline .edition-mobile-updated::after{content:attr(data-tz);position:absolute;top:1px;right:0;font:500 7px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:0;opacity:.75;white-space:nowrap;pointer-events:none}
}

/* Optical balance: reduce only mobile Newsprint clock glyphs by ~3%; preserve timezone microtype. */
@media(max-width:700px){html[data-theme=newsprint] #mast>.edition-dateline .edition-mobile-updated{font-size:10.67px!important}}

/* Mobile Newsprint: independently center ONLY the date, retaining the red strip's
   existing absolute positioning and the LIVE/clock grid cells. */
@media(max-width:700px){
 html[data-theme=newsprint] #mast>.edition-dateline::before{
  position:absolute!important;left:50%!important;top:50%!important;
  transform:translate(-50%,-50%)!important;grid-column:auto!important;
  pointer-events:none!important;
 }
}