/* Layout: sticky control bar (view + scheme), one stage. Every colour is a token set per scheme from script; defaults below are the blue/pink original. */
:root{--field:#2A2BDD;--field2:#2122AC;--hi:#3B3CE0;--title:#F2619C;--text:#F4F1FF;--invbg:#F2619C;--invfg:#2122AC;--dark:#0A0A12;--dtext:#DCDAE6;--label:#F2619C;--line:#2F2F37;--plate:#12121A;--dim:#92919B;--sl:rgba(0,0,0,.16);--f1:rgba(60,220,230,.35);--f2:rgba(255,60,200,.5);
 --disp:'Michroma','Eurostile',sans-serif;--osd:'VT323','Courier New',monospace;--mono:'IBM Plex Mono',Menlo,monospace;--sans:'IBM Plex Sans',Helvetica,Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--field);color:var(--text)}
body.entry{background:var(--dark);color:var(--dtext)}
h1,h2,p,figure{margin:0;font-weight:400}h1,h2{text-wrap:balance}
img{display:block;max-width:100%}
.scan{background:repeating-linear-gradient(0deg,var(--sl) 0 1px,transparent 1px 3px),radial-gradient(ellipse at 50% 35%,var(--hi) 0%,var(--field) 55%,var(--field2) 100%);color:var(--text)}
.in{max-width:1180px;margin:0 auto}
.gut{padding-inline:clamp(16px,4vw,40px)}
.fg{stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;width:100%;height:auto;display:block}
.fg .h{stroke-width:1}.fg .s{fill:currentColor;stroke:none}
.chroma{text-shadow:2px 0 0 var(--f1),-1px 0 0 var(--f2)}
.inv{background:var(--invbg);color:var(--invfg);padding:0 6px}
.osdsh{text-shadow:2px 2px 0 color-mix(in srgb,var(--field2) 70%,transparent)}

.reg{min-height:90vh;padding-block:clamp(24px,4vw,56px) 72px;font:400 22px/1.35 var(--osd)}
.id-osd{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px;font-size:30px;line-height:1;letter-spacing:.06em}
.id-osd .play:before{content:"";display:inline-block;border-left:.5em solid currentColor;border-block:.32em solid transparent;margin-right:.35em}
.id-field{max-width:64ch;margin:clamp(28px,5vw,60px) 0}
.id-e{display:grid;grid-template-columns:64px minmax(0,1fr) 130px;gap:8px 24px;padding:24px 0;border-top:2px solid color-mix(in srgb,var(--text) 50%,transparent);align-items:start}
.id-e .n{padding-top:6px}
.id-e h2{font:400 clamp(22px,4.4vw,54px)/1.08 var(--disp);text-transform:uppercase;color:var(--title);letter-spacing:.04em;overflow-wrap:anywhere}
.id-e p{max-width:60ch;margin-top:10px}
.id-e .r{display:flex;flex-direction:column;gap:10px;font-size:20px;line-height:1.1}
.id-e .r .fg{color:var(--title)}
.id-foot{display:flex;justify-content:space-between;margin-top:0;font-size:26px;border-top:2px solid color-mix(in srgb,var(--text) 50%,transparent);padding-top:14px}
@media (max-width:720px){.id-e{grid-template-columns:44px minmax(0,1fr)}.id-e .r{grid-column:2;flex-direction:row;align-items:center}.id-e .r .fg{width:90px}}

.en-band{padding-block:clamp(20px,3vw,32px) clamp(28px,5vw,56px)}
.en-osd{display:flex;justify-content:space-between;gap:16px;font:400 26px/1 var(--osd);margin-bottom:clamp(32px,7vw,88px)}
.en-band h1{font:400 clamp(34px,8.4vw,112px)/1 var(--disp);color:var(--title);text-transform:uppercase;letter-spacing:.03em}
.en-band .sub{font:400 clamp(20px,2.6vw,28px)/1.2 var(--osd);margin-top:14px}
.en-meta{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:22px;font:400 12px/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.en-body{padding-bottom:72px;font-family:var(--sans)}
.en-sec{display:grid;grid-template-columns:150px minmax(0,1fr);gap:28px;padding:34px 0;border-top:1px solid var(--line)}
.en-sec:first-child{border-top:none}
.en-sec .lb{font:500 11px/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--label);padding-top:6px}
.en-lede{font-size:21px;line-height:1.5;max-width:700px}
.en-prose{font-size:17px;line-height:1.65;max-width:680px;display:flex;flex-direction:column;gap:14px;color:color-mix(in srgb,var(--dtext) 88%,var(--dark))}
.en-col{display:flex;flex-direction:column;gap:22px;min-width:0}
.en-plate{border:1px solid var(--line);padding:12px;background:var(--plate);display:flex;flex-direction:column;gap:10px;min-width:0}
.en-cap{font:400 12px/1.6 var(--mono);color:var(--dim);display:flex;flex-wrap:wrap;gap:2px 16px}
.en-cap b{font-weight:500;color:var(--dtext)}
.en-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.en-strip img,.en-two img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#000}
.en-strip span{font:400 11px/1.8 var(--mono);color:var(--dim)}
.en-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.en-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;font-size:16px;line-height:1.55}
.en-3 small{display:block;font:500 11px/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:6px}
.en-fig{max-width:440px}
@media (max-width:720px){.en-sec{grid-template-columns:1fr;gap:10px}.en-two,.en-3{grid-template-columns:1fr}.en-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Front runner: blue/pink, Michroma for all small type, bloom as a rare accent */
:root{--small:'Michroma','Eurostile',sans-serif}
.en-meta{font:400 10.5px/1.8 var(--small);letter-spacing:.1em}
.en-sec .lb{font:400 10px/1.6 var(--small);letter-spacing:.12em}
.en-cap{font:400 10.5px/1.75 var(--small);letter-spacing:.02em;gap:2px 14px}
.en-cap b{font-weight:400}
.en-strip span{font:400 9.5px/2 var(--small);letter-spacing:.04em}
.en-3 small{font:400 10px/1.6 var(--small);letter-spacing:.12em}
.id-e{grid-template-columns:64px minmax(0,1fr) 210px;gap:8px 40px;padding:30px 0}
.id-e .r{font:400 11px/1.9 var(--small);letter-spacing:.08em;text-transform:uppercase;gap:14px;align-items:flex-start}
.id-e .r .fg{width:130px}
.id-e .r .inv{white-space:nowrap;display:inline-block;line-height:1.7}
@media (max-width:720px){.id-e{grid-template-columns:44px minmax(0,1fr);gap:8px 20px}.id-e .r{flex-direction:row;align-items:center;gap:18px}.id-e .r .fg{width:90px}}
.id-e .n{font:400 12px/1 var(--small);letter-spacing:.08em;padding-top:12px}
.inv{padding:1px 7px}
.id-e.go{cursor:pointer}
.bloom,.id-e.go:hover h2,.id-e.go:focus-visible h2{color:#F36CA3;text-shadow:0 0 .18em #F2619C,0 0 .5em rgba(242,97,156,.55)}

/* Icon leads the row on the left with its number; status and date sit alone on the right */
.id-e{grid-template-columns:130px minmax(0,1fr) auto;gap:8px 40px;align-items:start}
.id-e .lead{display:flex;flex-direction:column;gap:12px;color:var(--title)}
.id-e .lead .n{font:400 12px/1 var(--small);letter-spacing:.1em;padding-top:0;color:var(--text)}
.id-e .r{flex-direction:column;align-items:flex-end;text-align:right;gap:8px;padding-top:10px;white-space:nowrap}
.inv{font-size:12px;letter-spacing:.1em;-webkit-text-stroke:.55px currentColor;padding:2px 9px}
@media (max-width:820px){.id-e{grid-template-columns:84px minmax(0,1fr);gap:8px 20px}.id-e .r{grid-column:2;flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;gap:16px;padding-top:6px;flex-wrap:wrap}}

/* Log: posts listed on the entry page, counted on the register, and a post page */
.id-e .r .lg{opacity:.85}
.lg-list{display:flex;flex-direction:column}
.lg-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:4px 24px;padding:14px 0;border-top:1px solid var(--line);text-decoration:none;color:inherit;font-size:17px;line-height:1.5}
.lg-row:first-child{border-top:none}
.lg-row:hover span:last-child{color:var(--label)}
.lb2{font:400 10px/1.6 var(--small);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);padding-top:6px}
.pt{font:400 clamp(24px,4.6vw,56px)/1.08 var(--disp);color:var(--title);text-transform:uppercase;letter-spacing:.03em;overflow-wrap:anywhere}
.en-band h1.pt{font-size:clamp(24px,4.6vw,56px);line-height:1.08}
.ph{font:400 15px/1.3 var(--disp);text-transform:uppercase;letter-spacing:.06em;color:var(--dtext);margin-top:14px}
.lg-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;border-top:1px solid var(--line);padding-top:16px;font:400 10.5px/1.7 var(--small);letter-spacing:.06em;text-transform:uppercase}
.lg-nav a{color:var(--label);text-decoration:none;max-width:46ch}
@media (max-width:720px){.lg-row{grid-template-columns:1fr}}
.uc{position:sticky;top:0;z-index:6;display:flex;justify-content:center;align-items:center;gap:14px;padding:8px 16px;background:repeating-linear-gradient(-45deg,#F2619C 0 14px,#0A0A12 14px 28px);font:400 22px/1 var(--osd);letter-spacing:.08em;text-transform:uppercase}
.uc span{background:#F2619C;color:#0A0A12;padding:4px 12px}

/* Scheme: blue / pink */
:root{--field:#2A2BDD;--field2:#2122AC;--hi:#3B3CE0;--title:#F2619C;--text:#F4F1FF;--invbg:#F2619C;--invfg:#000000;--dark:#0A0A12;--dtext:#DCDAE6;--label:#F2619C;--line:#302F38;--plate:#12121A;--dim:#92919C;--sl:rgba(0,0,0,.16);--f1:rgba(60,220,230,.35);--f2:rgba(255,60,200,.5)}
/* Rows and the back link are plain links */
a.id-e{color:inherit;text-decoration:none}
.en-osd a{color:inherit;text-decoration:none}
body{margin:0}
/* Video links on entry pages: a watch link in the header, and a play badge on a still */
.watch{background:transparent;color:var(--text);border:1px solid var(--title);padding:1px 9px;text-decoration:none}
.watch:hover{background:var(--title);color:var(--invfg)}
.en-cap a{color:var(--label);text-decoration:none}
.en-cap a:hover{text-decoration:underline}
.vid{position:relative;display:block}
.vid:after{content:"";position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(10,10,18,.6) no-repeat 55% 50%/22px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 12'%3E%3Cpath d='M0 0l10 6-10 6z' fill='%23F2619C'/%3E%3C/svg%3E");border:1px solid #F2619C;transition:transform .15s}
.vid:hover:after{transform:scale(1.08)}