.srcs{margin:0}
.srcs>summary{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0;border:0;color:var(--muted);opacity:.6;font:600 10.5px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;list-style:none;user-select:none}
.srcs>summary::-webkit-details-marker{display:none}
.srcs>summary::after{content:"+";font-size:13px;line-height:1;margin-left:2px}
.srcs[open]>summary::after{content:"\2212"}
.srcs>summary span{opacity:.75}
.srcs>summary:hover,.srcs[open]>summary{opacity:1}
.srcs>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.srcs__list{margin-top:10px;font-size:13.5px;line-height:1.6;color:var(--muted)}
.board{--b-bg:#0b0912;--b-head:#15121f;--b-led:#07060c;--b-line:#221e30;--b-ink:#f3effc;--b-ink2:#cfc8e4;--b-mute:#8a83a6;--b-amber:#ffb02e;--b-glow:rgba(255,138,0,.5);--b-green:#00a84d;--b-zebra:rgba(255,255,255,.015);--b-hover:rgba(255,255,255,.03);--b-edge:#2b2540;--b-inset:#15121f;
  margin:0 0 44px;border-radius:24px;background:var(--b-bg);color:var(--b-ink);border:1px solid color-mix(in srgb,var(--b-green) 12%,var(--b-edge));overflow:hidden;
  box-shadow:inset 0 0 0 4px var(--b-inset),0 0 40px -18px color-mix(in srgb,var(--b-green) 16%,transparent),0 24px 60px -36px rgba(0,0,0,.9)}
/* "New" on the headlines of today (headlines JS adds is-new by the date in the visitor's browser): an amber LED tag */
.dep__new{display:none;margin-right:9px;padding:3px 6px 2px;border-radius:5px;background:var(--b-led);color:var(--b-amber);font:700 9.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 0 6px var(--b-glow);vertical-align:2px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--b-amber) 35%,transparent)}
.dep.is-new .dep__new{display:inline-block;animation:hlNew 1.1s steps(2,jump-none) 2}
/* "Hot" (29 October 2026): a pink LED tag that blinks twice and then glows, and a thin pink edge on the row that breathes slowly */
.dep__hot{display:none;margin-right:9px;padding:3px 6px 2px;border-radius:5px;background:var(--b-led);color:#ff5c8a;font:700 9.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 0 7px rgba(255,60,120,.75);vertical-align:2px;box-shadow:inset 0 0 0 1px rgba(255,92,138,.45),0 0 10px -2px rgba(255,60,120,.55)}
.dep.is-hot .dep__hot{display:inline-flex}
/* the Hot flame: a soft glow, the outer flame sways and the core flickers, slowly and a little out of step */
.dep__hot{padding:0;background:none;box-shadow:none;width:17px;height:19px;margin-right:8px;vertical-align:-4px;filter:drop-shadow(0 0 4px rgba(255,80,110,.65))}
.flame{width:100%;height:100%;overflow:visible}
.flame__o{fill:#ff5c8a;transform-box:fill-box;transform-origin:50% 100%;animation:flameO 2.6s ease-in-out infinite}
.flame__i{fill:#ffc06a;transform-box:fill-box;transform-origin:50% 100%;animation:flameI 1.9s ease-in-out infinite}
@keyframes flameO{0%,100%{transform:scale(1,1) skewX(0)}30%{transform:scale(.97,1.05) skewX(-3deg)}55%{transform:scale(1.02,.97) skewX(2deg)}80%{transform:scale(.99,1.03) skewX(-1deg)}}
@keyframes flameI{0%,100%{transform:scale(1,1);opacity:1}40%{transform:scale(.9,1.12);opacity:.85}70%{transform:scale(1.05,.94);opacity:1}}
html:root:not(.is-dark) .board .dep__hot{filter:drop-shadow(0 0 3px rgba(255,80,110,.45))}
/* New and Hot together: the flame sits on the corner of the New tag, half over the W, as one badge */
.dep.is-new.is-hot .dep__new{margin-right:0}
.dep.is-new.is-hot .dep__hot{position:relative;z-index:1;margin-left:-7px;top:-3px;width:16px;height:18px}
.dep.is-new.is-hot .flame path{stroke:var(--b-bg);stroke-width:1.6px;paint-order:stroke;stroke-linejoin:round}
.dep.is-hot>summary{box-shadow:inset 3px 0 0 #ff5c8a;animation:hlHot 2.8s ease-in-out infinite alternate}
@keyframes hlHot{from{box-shadow:inset 3px 0 0 rgba(255,92,138,.35)}to{box-shadow:inset 3px 0 0 #ff5c8a,inset 14px 0 18px -12px rgba(255,60,120,.35)}}
@media (prefers-reduced-motion:reduce){.dep.is-hot .dep__hot,.dep.is-hot>summary,.flame__o,.flame__i{animation:none}}
@keyframes hlNew{50%{opacity:.15}}
.board__led [data-flap] i{font-style:normal;display:inline-block;min-width:.62em;text-align:center}
.board__head{display:flex;align-items:center;gap:12px;padding:12px 18px;background:var(--b-head);border-bottom:1px solid var(--b-line)}
.board__line{flex:none;width:26px;height:26px;border-radius:50%;background:var(--b-green);color:#fff;display:grid;place-items:center;font:700 13px/1 var(--font-mono)}
.board__h{margin:0;font:600 12px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--b-ink)}
.board__h .ko{color:#8ee0b0;letter-spacing:.04em;margin-left:6px}
.board__led{margin:0 0 0 auto;display:flex;gap:16px;padding:6px 12px;border-radius:10px;background:var(--b-led);font:700 12px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--b-amber);text-shadow:0 0 8px var(--b-glow);
  background-image:linear-gradient(90deg,color-mix(in srgb,var(--b-led) 55%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--b-led) 55%,transparent) 1px,transparent 1px);background-size:3px 3px}
.board__led span[data-kst]:empty{display:none}
.board__cols,.dep summary{display:grid;grid-template-columns:84px minmax(0,1fr) minmax(0,auto) 14px;gap:18px;align-items:center;padding:0 18px}
.board__cols{height:30px;font:600 10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--b-mute);border-bottom:1px solid var(--b-line)}
.board__cols span:nth-child(3){grid-column:3/5;text-align:right;padding-right:32px}
.dep{border-bottom:1px solid var(--b-line);scroll-margin-top:110px}
.board__rows .dep:nth-child(even){background:var(--b-zebra)}
.dep summary{min-height:52px;cursor:pointer;list-style:none}
.dep summary::-webkit-details-marker{display:none}
.dep__time{font:600 10.5px/1 var(--font-mono);letter-spacing:.12em;color:var(--b-mute)}
.dep__time b{font-size:13px;font-weight:700;color:var(--b-amber);text-shadow:0 0 6px var(--b-glow);margin-right:2px}
.dep__time.is-same{position:relative;align-self:stretch;font-size:0;color:transparent}
.dep__time.is-same b{font-size:0;text-shadow:none}
.dep__time.is-same::before{content:"";position:absolute;left:8px;top:-1px;bottom:-1px;width:2px;border-radius:2px;background:color-mix(in srgb,var(--b-amber) 30%,transparent)}
.dep__t{font:600 15px/1.35 var(--font-body);color:var(--b-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dep__x{display:none;margin-left:14px;font-weight:400;font-size:14px;color:var(--b-mute)}
@media (min-width:1100px){.dep__x{display:inline}.dep[open] .dep__x{display:none}}
.dep__t i{font-style:italic}
.dep__lines{display:flex;gap:6px;justify-content:flex-end}
.dep__lines i{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px 0 4px;border-radius:999px;background:color-mix(in srgb,var(--c) 18%,transparent);font:700 10px/1 var(--font-mono);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--b-ink);white-space:nowrap}
.dep__lines i::before{content:"";width:16px;height:16px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 3px rgba(0,0,0,.14)}
.dep__lines i.is-drama{--c:#8fb8ff}
.dep__lines i.is-agency{--c:#8a83a6}
.dep__ln{display:inline-flex;text-decoration:none;border-radius:999px}
.dep__ln:focus-visible{outline:2px solid var(--b-amber);outline-offset:2px}
.dep__ln i{transition:background .15s}
.dep__ln:hover i{background:color-mix(in srgb,var(--c) 38%,transparent)}
html:root:not(.is-dark) .board .dep__ln:hover i{background:color-mix(in srgb,var(--c) 42%,#fff)}
.dep__at{align-self:center;font:600 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--b-mute);margin-right:2px}
.dep__chev{width:8px;height:8px;border-right:1.5px solid var(--b-mute);border-bottom:1.5px solid var(--b-mute);transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.dep[open] .dep__chev{transform:rotate(225deg) translate(-2px,-1px)}
.dep summary:hover{background:var(--b-hover)}
.dep[open] .dep__t{white-space:normal}
.dep summary:focus-visible{outline:2px solid var(--b-amber);outline-offset:-2px}
.dep__body{display:grid;gap:10px;padding:0 18px 18px 120px}
.dep__body p{margin:0;font-size:14.5px;line-height:1.6;color:var(--b-ink2);max-width:68ch}
.dep__foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:13px}
.dep__src{color:var(--b-mute)}
.board .dep .srcs>summary{display:inline-flex;grid-template-columns:none;min-height:0;height:22px;gap:4px;padding:0;color:var(--b-mute);background:none}.board .dep .srcs>summary:hover{background:none}.board .srcs>summary:hover{color:var(--b-ink)}
.board .srcs__list{color:var(--b-mute);font-size:13px}
.board .dep__foot{display:grid;grid-template-columns:minmax(0,75.8ch) 1fr;align-items:start;gap:8px 12px}
/* sources on the left and the group buttons on the right, both under the text (the text is 68ch at 14.5px = 75.8ch at 13px); Copy link at the far right */
.board .dep__src{grid-column:1;grid-row:1;justify-self:start}
.board .dep__links{grid-column:1;grid-row:1;justify-self:end;justify-content:flex-end}
.board .dep__share{grid-column:2;grid-row:1;justify-self:end;margin-left:0;line-height:22px}
.board .dep__src[open]{grid-column:1;grid-row:1 / span 2;justify-self:stretch}
.board .dep__src[open] ~ .dep__links{grid-row:1}
.dep__src a{color:var(--b-ink2)}
.dep__links{display:flex;flex-wrap:wrap;gap:6px}
.dep__links a{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--b-line);font-size:12.5px;font-weight:600;text-decoration:none;color:var(--b-ink)}
.dep__links a:hover{border-color:var(--c)}
.dep__links a::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c);margin-right:7px}
.dep__share{margin-left:auto;font:500 12px/1 var(--font-mono);color:var(--b-mute);text-decoration:none}
.dep__share:hover{color:var(--b-ink)}
.board__more > summary{cursor:pointer;padding:14px 18px;font:600 11px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--b-mute);list-style:none}
.board__more > summary::-webkit-details-marker{display:none}
.board__more > summary span{color:var(--b-amber);margin-left:6px}
.board__more[open] > summary{border-bottom:1px solid var(--b-line)}
.board__more > summary{display:flex;align-items:center;gap:0}
.board__more--end{padding:14px 18px;display:flex}
.board__more > summary,.board__more--end{padding-top:30px}
.board__haepi{position:absolute;left:4px;bottom:4px;width:23px;height:26px;--hc:#A792FF}
.board__haepi .haepi{display:block;width:100%;height:100%;overflow:visible}
.board__haepi .haepi__tent{transform-origin:50% 46%;animation:hlTent var(--hl-t,40s) ease-in-out infinite}
.board__track{position:relative;flex:1;height:10px;margin-left:22px;min-width:80px;
  background:linear-gradient(var(--b-line),var(--b-line)) 0 50%/100% 2px no-repeat}
.board__track b{position:absolute;top:1px;width:8px;height:8px;margin-left:-4px;border-radius:50%;box-sizing:border-box;background:var(--b-bg);border:2px solid var(--b-mute)}
.board__track i{position:absolute;top:0;left:0;width:30px;height:10px;border-radius:3px 6px 6px 3px;background:var(--b-green);
  box-shadow:inset -5px 0 0 -3px #ffd27a;animation:hlTrain var(--hl-t,40s) ease-in-out infinite}
.board__track i::before{content:"";position:absolute;left:5px;top:3px;width:16px;height:3px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.85) 0 3px,transparent 3px 5px)}
@media (prefers-reduced-motion:reduce){.board__track i,.board__haepi,.board__haepi .haepi__tent,.board__track b,.board__more>.dep{animation:none!important}}
/* daytime board (light theme): white panel, dark text, the LED in a deeper amber without glow */
html:root:not(.is-dark) .board{--b-bg:#fdfcff;--b-head:#f3f0fa;--b-led:#1b1726;--b-line:#e4dff0;--b-ink:#1a1625;--b-ink2:#4a4359;--b-mute:#6f6880;--b-zebra:#f8f6fc;--b-hover:#f1edf9;--b-edge:#1a1625;--b-inset:#fdfcff;
  box-shadow:0 18px 40px -30px rgba(26,22,37,.45);border-width:2px;border-color:color-mix(in srgb,var(--b-green) 15%,#1a1625)}
html:root:not(.is-dark) .board .dep__new{color:#ffb648}
html:root:not(.is-dark) .board .dep__time b{color:#b86a00;text-shadow:none}
html:root:not(.is-dark) .board .dep__lines i{background:color-mix(in srgb,var(--c) 22%,#fff)}
html:root:not(.is-dark) .board .board__h .ko{color:#00843d}
@media (max-width:640px){
  .board{margin-bottom:32px;border-radius:16px}
  .board__head{padding:10px 14px}.board__led span:first-child{display:none}
  .board__cols{display:none}
  .dep summary{grid-template-columns:minmax(0,1fr) 12px;gap:6px 10px;padding:12px 14px}
  .dep__time{grid-column:1}
  .dep__time.is-same{display:none}
  .dep__t{grid-column:1;white-space:normal}
  .dep__lines{grid-column:1;justify-content:flex-start}
  .dep__chev{grid-column:2;grid-row:1/4}
  .dep__body{padding:0 14px 16px}
  .dep__share{margin-left:0}
  /* phone: the group buttons on their own line, right-aligned; Sources and Copy link under them */
  .board .dep__foot{grid-template-columns:minmax(0,1fr) auto}
  .board .dep__links{grid-column:1 / -1;grid-row:1;flex-wrap:wrap}
  .board .dep__src,.board .dep__src[open]{grid-column:1;grid-row:2}
  .board .dep__share{grid-column:2;grid-row:2;white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){.dep__chev{transition:none}}
/* an official video inside an opened headline: a button with the title, the thumbnail with "always load videos" on */
.dep__vb{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px 0 7px;border-radius:999px;border:1px solid var(--b-line);font:700 10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--b-mute);white-space:nowrap}
.dep__vb::before{content:"";width:0;height:0;border-left:7px solid var(--b-amber);border-top:4.5px solid transparent;border-bottom:4.5px solid transparent}
.dep__vid{max-width:560px;margin:2px 0}.dep__vid:has(.has-thumb){max-width:440px}
.dep__play{display:flex;align-items:center;gap:12px;width:100%;padding:8px 14px 8px 8px;border-radius:16px;border:1px solid var(--b-line);background:var(--b-head);color:var(--b-ink);text-align:left;cursor:pointer;font:inherit}
.dep__play:hover{border-color:var(--b-amber)}
.dep__play:focus-visible{outline:2px solid var(--b-amber);outline-offset:2px}
.dep__pi{flex:none;width:40px;height:40px;border-radius:50%;background:#ff3b5c;display:grid;place-items:center}
.dep__pi::before{content:"";margin-left:3px;border-left:12px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}
.dep__vt{display:grid;gap:3px;min-width:0}.dep__vt b{font-size:14px;line-height:1.3}.dep__vt small{font:500 11px/1 var(--font-mono);letter-spacing:.06em;color:var(--b-mute)}
.dep__play.has-thumb{display:grid;grid-template-columns:1fr;padding:0;overflow:hidden;position:relative;gap:0}
.dep__play.has-thumb .dep__thumb{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.dep__play.has-thumb .dep__pi{position:absolute;left:50%;top:calc(50% - 26px);transform:translate(-50%,-50%);width:56px;height:56px;box-shadow:0 6px 20px rgba(0,0,0,.35)}
.dep__play.has-thumb .dep__vt{padding:10px 14px 12px}
.dep__vid.is-playing .dep__play{display:none}
.dep__vid iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:16px;background:#000}
html:root:not(.is-dark) .board .dep__vb::before{border-left-color:#b86a00}
@media (max-width:640px){.dep__vid{max-width:none}}
/* a post from X inside an opened headline: the card in the colours of the board */
.board .xpost{margin:4px 0 2px;max-width:560px}
.board .xpost__card{background:var(--b-head);border-color:var(--b-line);padding:14px 16px}
.board .xpost__who b{color:var(--b-ink)}.board .xpost__who span,.board .xpost__note{color:var(--b-mute)}
.board .xpost__text{font-size:14.5px;color:var(--b-ink2);margin-bottom:12px}
/* the board keeps its own colours in the light theme too (the site's light link colour would win otherwise) */
html:root main .board.board a.dep__share{color:var(--b-mute);text-decoration:none}html:root main .board.board a.dep__share:hover{color:var(--b-ink)}html:root main .board.board .dep__src a{color:var(--b-ink2);text-decoration-color:var(--b-line)}html:root main .board.board .dep__links a{color:var(--b-ink);text-decoration:none}html:root main .board.board .xpost__act a{color:var(--b-ink2)}

.hl-home{padding-block:clamp(36px,5vw,64px) 8px}
.hl-home .sec-head{margin-bottom:clamp(18px,2.4vw,28px)}
.hl-home .board{margin:0}
.board__all{margin:0;display:flex;justify-content:flex-end;padding:12px 18px;border-top:1px solid var(--b-line)}
.board__all a{font:600 11px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--b-amber);text-decoration:none;text-shadow:0 0 6px var(--b-glow)}
.board__all a span{color:var(--b-mute);text-shadow:none;margin:0 2px}
.board__all a:hover{text-decoration:underline;text-underline-offset:3px}
html:root:not(.is-dark) .board__all a{color:#b86a00;text-shadow:none}
