/* Layout: same Sand & Glass system as the Monrovia portal — sand page, blurred red/teal orbs, frosted header, glass panels, department cards, 8-stage rail. */
:root{
  --sand:#E9E1D4; --sand2:#F2EDE4; --sand3:#DED4C3; --glass:rgba(251,249,245,.72); --glass-solid:#FBF9F5; --hair:#CFC5B4;
  --ink:#242B31; --ink2:#565F67; --ink3:#8B939A;
  --red:#C8322B; --red-soft:#F6DCD8; --oxblood:#8C2A2A; --ox-soft:#EFD9D4;
  --teal:#1E7A78; --teal-deep:#145856; --teal-soft:#D6EBE8;
  --sheet:#FFFFFF; --line:#3B444C; --hdr:rgba(233,225,212,.72); --rim:rgba(255,255,255,.85);
  --f-body:"Inter",Helvetica,Arial,sans-serif; --f-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --sand:#17191B; --sand2:#1F2326; --sand3:#2A2F33; --glass:rgba(34,38,42,.72); --glass-solid:#22262A; --hair:#3A4046;
  --ink:#ECE6DC; --ink2:#B5AEA3; --ink3:#8A857D;
  --red:#E5574F; --red-soft:#3A1F1E; --oxblood:#C66A62; --ox-soft:#33201F;
  --teal:#4FB3AE; --teal-deep:#7CCBC6; --teal-soft:#16302F;
  --sheet:#1B1F23; --line:#C9C2B6; --hdr:rgba(23,25,27,.75); --rim:rgba(255,255,255,.08); color-scheme:dark}}
:root[data-theme="dark"]{
  --sand:#17191B; --sand2:#1F2326; --sand3:#2A2F33; --glass:rgba(34,38,42,.72); --glass-solid:#22262A; --hair:#3A4046;
  --ink:#ECE6DC; --ink2:#B5AEA3; --ink3:#8A857D;
  --red:#E5574F; --red-soft:#3A1F1E; --oxblood:#C66A62; --ox-soft:#33201F;
  --teal:#4FB3AE; --teal-deep:#7CCBC6; --teal-soft:#16302F;
  --sheet:#1B1F23; --line:#C9C2B6; --hdr:rgba(23,25,27,.75); --rim:rgba(255,255,255,.08); color-scheme:dark}
*{box-sizing:border-box}
html{background:var(--sand)}
body{background:var(--sand);color:var(--ink);font:400 15px/1.55 var(--f-body);margin:0;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}
a{color:var(--red)}
:focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:6px}
/* background orbs + top line, as in the portal */
.bg{position:absolute;inset:0 0 auto 0;height:900px;overflow:hidden;pointer-events:none;z-index:0;-webkit-mask-image:linear-gradient(#000 50%,transparent);mask-image:linear-gradient(#000 50%,transparent)}
.orb{position:absolute;border-radius:50%;filter:blur(64px)}
.orb.a{width:560px;height:560px;background:var(--red);top:-280px;right:-170px;opacity:.42}
.orb.b{width:380px;height:380px;background:var(--teal);top:160px;right:18%;opacity:.26}
.orb.c{width:320px;height:320px;background:#5FA8A3;top:360px;left:-160px;opacity:.22}
.topline{height:6px;background:linear-gradient(90deg,var(--red) 0 46%,var(--oxblood) 46% 58%,var(--teal) 58% 100%);position:relative;z-index:6}
.wrap{max-width:1280px;margin:0 auto;padding-inline:16px;padding-block:0 48px;position:relative;z-index:1}
/* glass */
.panel{position:relative;background:var(--glass);border:1px solid var(--rim);border-radius:18px;padding:20px;
  backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);
  box-shadow:0 1px 0 var(--rim) inset,0 10px 30px -12px rgba(36,43,49,.18)}
.panel::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(116deg,rgba(255,255,255,.45),rgba(255,255,255,0) 38%)}
.panel>*{position:relative}
/* header */
header.top{position:sticky;top:0;z-index:5;background:var(--hdr);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-bottom:1px solid var(--hair)}
.top-in{max-width:1280px;margin:0 auto;padding:12px 16px;display:flex;gap:10px 20px;align-items:center;flex-wrap:wrap}
.brand{font-weight:700;font-size:24px;letter-spacing:-.035em;line-height:1;position:relative;padding-bottom:5px;color:var(--ink);text-decoration:none}
.brand::after{content:"";position:absolute;left:0;right:-3px;bottom:0;height:3px;border-radius:2px;background:var(--red)}
.brandwrap{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.mark{width:34px;height:34px;display:block;flex:none}
.city{font-size:13px;color:var(--ink2)}
.city b{color:var(--ink);font-weight:600}
.spacer{flex:1}
.seg{display:inline-flex;background:var(--glass);border:1px solid var(--rim);border-radius:999px;padding:3px;gap:3px;flex-wrap:wrap}
.seg a{padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--ink2);text-decoration:none}
.seg a:hover{background:var(--ink);color:var(--sand)}
/* type */
.kicker{font-size:11px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--ink3)}
.kicker::after{content:"";display:block;width:36px;height:2px;background:var(--red);margin-top:10px}
h1,h2,h3{margin:0;text-wrap:balance}
h2{font-weight:600;font-size:clamp(24px,3.2vw,32px);letter-spacing:-.028em;line-height:1.12;margin-top:12px;max-width:26ch}
.sub{color:var(--ink2);max-width:62ch;margin:10px 0 0}
.small{font-size:13px;color:var(--ink2)}
section{margin-top:44px}
/* buttons + pills */
.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--hair);background:var(--glass-solid);border-radius:999px;padding:9px 18px;font:600 14px/1.2 var(--f-body);cursor:pointer;color:var(--ink);text-decoration:none}
.btn:hover{border-color:var(--teal)}
.btn.primary{background:var(--red);border-color:var(--red);color:#fff}
.btn.primary:hover{background:#B42B25}
.btn.sm{padding:5px 12px;font-size:13px}
.pill{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap;letter-spacing:.08em;text-transform:uppercase}
.p-corr{background:var(--red-soft);color:var(--red)}
.p-ok{background:var(--teal-soft);color:var(--teal-deep)}
/* hero */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:28px;align-items:center;padding:40px 0 8px}
.hero h1{margin-top:12px;font-size:clamp(32px,5.4vw,54px);font-weight:600;letter-spacing:-.032em;line-height:1.05;max-width:16ch}
.hero h1 em{font-style:normal;color:var(--red)}
.hero .sub{font-size:17px}
.ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.facts{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--ink2);margin-top:18px}
.facts b{color:var(--ink);font-weight:600}
/* demo workspace in hero */
.ws{display:grid;gap:12px;padding:16px}
.ws-h{display:flex;gap:8px 12px;align-items:center;flex-wrap:wrap}
.ws-h b{font-size:16px;letter-spacing:-.015em}
.sheet-main{background:var(--sheet);border:1px solid var(--hair);border-radius:12px;overflow:hidden}
.sheet-main svg{display:block;width:100%;height:auto}
.corr{border:1px solid var(--hair);border-left:3px solid var(--red);border-radius:4px 12px 12px 4px;padding:10px 12px;display:grid;gap:6px;background:var(--glass-solid)}
.corr-h{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:12px}
.num{width:22px;height:22px;border-radius:50%;background:var(--red);color:#fff;font:700 12px/22px var(--f-body);text-align:center;flex:none}
.cite{font-family:var(--f-mono);font-size:12px;font-weight:500;color:var(--ink);background:var(--sand2);border:1px solid var(--sand3);border-radius:6px;padding:1px 7px}
.dept{font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;font-weight:600;color:var(--teal)}
.corr p{margin:0;font-size:13.5px;color:var(--ink2)}
.corr p b{color:var(--ink);font-weight:600}
/* process rail, as in the portal */
.rail{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin:20px 0 6px}
.stage{padding:9px 2px 0;border-top:3px solid var(--hair);font-size:12px;color:var(--ink3);min-width:0}
.stage b{display:block;font-size:13.5px;color:var(--ink2);font-weight:600;letter-spacing:-.01em}
.stage.done{border-color:var(--teal)}
.stage.done b{color:var(--ink)}
.stage.now{border-color:var(--red)}
.stage.now b{color:var(--red)}
.who{font-size:10.5px;text-transform:uppercase;letter-spacing:.14em;font-weight:600}
.stage .round{display:block;font-size:11px;font-weight:700;color:var(--red);margin-top:2px}
.stage .loop{display:block;font-size:11px;color:var(--teal);font-weight:600;margin-top:2px}
.rounds{display:flex;gap:3px;margin-top:4px}.rounds i{width:14px;height:4px;border-radius:2px;background:var(--teal)}.rounds i.cur{background:var(--red)}
@media (max-width:760px){.rail{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* department cards, as on the portal home */
.deptgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:20px}
.dcard{position:relative;border:1px solid var(--rim);background:var(--glass-solid);border-radius:16px;padding:16px;display:grid;gap:6px;align-content:start}
.dcard:hover,.dcard:focus-within{border-color:var(--teal)}
.dcard b{font-size:16px;letter-spacing:-.01em}
.dcard.main{grid-column:1/-1;background:linear-gradient(120deg,var(--red-soft),var(--glass-solid) 55%,var(--teal-soft));padding:22px}
.dcard.main b{font-size:22px}
.dcard .go{font-size:13px;font-weight:600;color:var(--teal)}
.dcard.main .go{color:var(--red)}
.tip{display:none;position:absolute;left:12px;right:12px;top:calc(100% - 6px);z-index:20;background:#242B31;color:#fff;border-radius:12px;padding:14px;font-size:13px;line-height:1.45;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.dcard:hover .tip,.dcard:focus-within .tip{display:block}
.tip .row{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin-top:8px}
.tip .k{font-weight:700;color:#F6DCD8;white-space:nowrap}
.hint{font-size:12px;color:var(--teal);font-weight:600;cursor:help}
/* two sides */
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.two .panel{border-top:3px solid var(--teal)}
.two .panel.app{border-top-color:var(--red)}
.two h3{font-size:18px;letter-spacing:-.015em}
.two ul{margin:12px 0 0;padding-left:18px;display:grid;gap:6px;color:var(--ink2);font-size:14.5px}
.people{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
.person{border:1px solid var(--sand3);border-radius:12px;padding:10px 12px;background:var(--glass-solid);display:grid;gap:2px;font-size:12.5px;min-width:0}
.person .role{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.person b{font-size:13.5px}
.person span{color:var(--ink2)}
/* codes + security */
.codes{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-top:20px}
.code{border:1px solid var(--hair);border-left:3px solid var(--teal);border-radius:4px 12px 12px 4px;padding:12px 14px;background:var(--glass-solid);display:grid;gap:4px}
.code .cite{justify-self:start}
.code b{font-weight:600;font-size:14.5px}
.factgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:20px}
.note{font-size:14px;color:var(--ink2);background:var(--sand2);border-left:3px solid var(--teal);border-radius:0 12px 12px 0;padding:12px 14px}
.note b{display:block;color:var(--ink);font-size:15px;margin-bottom:4px}
.note.red{background:var(--red-soft);border-left-color:var(--red)}
/* contact */
.contact{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:clamp(20px,4vw,30px)}
.mail{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.mail code{font:500 17px/1 var(--f-mono);background:var(--sand2);border:1px solid var(--hair);border-radius:10px;padding:12px 14px;user-select:all}
.copied{font-size:13px;color:var(--teal);min-height:1em;margin-top:6px}
footer.foot{margin-top:36px;padding-top:14px;border-top:1px solid var(--hair);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--ink3)}
@media (max-width:900px){.hero{grid-template-columns:minmax(0,1fr)}.people{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.two,.contact{grid-template-columns:minmax(0,1fr)}.seg{display:none}}
@media (prefers-reduced-motion:no-preference){#cloud1,#cloud2{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:draw 1.4s .3s ease forwards}#cloud2{animation-delay:1s}@keyframes draw{to{stroke-dashoffset:0}}}
/* ---------- corrections player ---------- */
.player{margin-top:18px;padding:16px;display:grid;gap:14px}
.pl-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:900px){.pl-grid{grid-template-columns:minmax(0,1fr)}}
.stagebox{position:relative;background:var(--sheet);border:1px solid var(--hair);border-radius:12px;overflow:hidden;box-shadow:0 14px 30px -22px rgba(36,43,49,.5)}
.stagebox svg{display:block;width:100%;height:auto}
.cap{position:relative;padding:12px 12px 0;display:flex;gap:10px;align-items:center;pointer-events:none}
.cap .stepno{font:700 11px/1 var(--f-mono);letter-spacing:.12em;color:#fff;background:var(--red);border-radius:999px;padding:6px 10px;white-space:nowrap}
.cap .captxt{font:600 13px/1.35 var(--f-body);color:var(--ink);background:var(--glass-solid);border:1px solid var(--hair);border-radius:10px;padding:6px 10px;box-shadow:0 6px 14px -10px rgba(0,0,0,.4)}
.sheetg{opacity:.25;transition:opacity .6s}
.on .sheetg{opacity:1}
.drop{opacity:0;transform:translateY(-40px);transition:opacity .5s,transform .7s cubic-bezier(.2,.9,.3,1.2)}
.s0 .drop{opacity:1;transform:none}
.scan{opacity:0}
.s1 .scan{opacity:1;animation:scan 2.4s ease-in-out infinite}
@keyframes scan{0%{transform:translateY(0)}100%{transform:translateY(280px)}}
.chk{opacity:0;transition:opacity .3s}
.s1 .chk{opacity:1}
.s1 .chk text{animation:blink 1.2s steps(2) infinite}
@keyframes blink{50%{opacity:.35}}
.ac{fill:none;stroke:var(--red);stroke-width:2.6;stroke-linejoin:round;stroke-dasharray:var(--len,600);stroke-dashoffset:var(--len,600);transition:stroke-dashoffset 1.1s ease,stroke .5s}
.drawn .ac{stroke-dashoffset:0}
.drawn .ac.b{transition-delay:.8s}
.done .ac{stroke:var(--teal)}
.badge{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.3);transition:opacity .3s,transform .4s cubic-bezier(.3,1.6,.5,1)}
.drawn .badge.a{opacity:1;transform:none;transition-delay:.9s}
.drawn .badge.b{opacity:1;transform:none;transition-delay:1.7s}
.badge circle{fill:var(--red);transition:fill .5s}
.done .badge circle{fill:var(--teal)}
.win-new{opacity:0;transition:opacity .6s}.win-old{transition:opacity .6s}
.done .win-old{opacity:0}.done .win-new{opacity:1}
.cursor{opacity:0;transition:transform 1.1s cubic-bezier(.5,0,.2,1),opacity .3s}
.s3 .cursor{opacity:1}
.env{opacity:0;transform:translate(0,0) scale(.6);transform-box:fill-box;transform-origin:center}
.s4 .env{animation:fly 2.2s ease-in-out forwards}
@keyframes fly{0%{opacity:0;transform:translate(0,0) scale(.6)}20%{opacity:1;transform:translate(0,0) scale(1)}80%{opacity:1;transform:translate(120px,-120px) scale(.9)}100%{opacity:0;transform:translate(140px,-140px) scale(.7)}}
.side{display:grid;gap:8px;align-content:start}
.side h4{margin:0;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink3);font-weight:600}
.ccard{border:1px solid var(--hair);border-left:3px solid var(--red);border-radius:4px 12px 12px 4px;padding:9px 11px;background:var(--glass-solid);display:grid;gap:4px;opacity:.28;transition:opacity .4s,border-color .4s,box-shadow .4s}
.ccard.show{opacity:1}
.ccard.hl{box-shadow:0 0 0 2px var(--teal-soft)}
.ccard.ok{border-left-color:var(--teal)}
.ccard .num{transition:background .5s}.ccard.ok .num{background:var(--teal)}
.ccard p{margin:0;font-size:13px;color:var(--ink2)}
.ccard .st{margin-left:auto}
.pill.draft{background:var(--ox-soft);color:var(--oxblood)}
.status{font-size:12.5px;color:var(--ink2);border-top:1px solid var(--sand3);padding-top:8px;display:flex;justify-content:space-between;gap:8px}
.status b{color:var(--ink)}
.timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;align-items:end}
.tl{all:unset;cursor:pointer;display:grid;gap:6px;min-width:0}
.tl:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:4px}
.tl span{font-size:12px;font-weight:600;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tl i{display:block;height:4px;border-radius:2px;background:var(--sand3);overflow:hidden;position:relative}
.tl i b{position:absolute;inset:0 auto 0 0;width:0;background:var(--red)}
.tl.past i b{width:100%;background:var(--teal)}
.tl.cur span{color:var(--ink)}
.tl.past span{color:var(--ink2)}
.plctl{display:flex;gap:10px;align-items:center}
.plctl .btn{padding:6px 14px;font-size:13px}
@media (max-width:600px){.tl span{font-size:10.5px}}

/* ---------- intake form ---------- */
.intake{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;padding:clamp(18px,4vw,30px)}
@media (max-width:820px){.intake{grid-template-columns:minmax(0,1fr)}}
.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:520px){.form{grid-template-columns:minmax(0,1fr)}}
.form .full{grid-column:1/-1}
.form label{display:grid;gap:5px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3)}
.form input,.form select,.form textarea{font:400 14.5px/1.4 var(--f-body);letter-spacing:0;text-transform:none;color:var(--ink);background:var(--glass-solid);border:1px solid var(--hair);border-radius:10px;padding:10px 12px;width:100%}
.form textarea{min-height:84px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--red-soft);border-color:var(--red)}
.hp{position:absolute;left:-9999px}
.formmsg{font-size:13.5px;min-height:1.2em}
.formmsg.ok{color:var(--teal-deep)}.formmsg.err{color:var(--red)}
.checks{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px;font-size:14px;color:var(--ink2)}
.checks li{display:flex;gap:8px}.checks li::before{content:"";flex:none;width:8px;height:8px;margin-top:7px;border-radius:50%;background:var(--red)}

/* ---------- city directory ---------- */
.citygrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:20px}
.city-card{display:grid;gap:6px;border:1px solid var(--rim);background:var(--glass-solid);border-radius:16px;padding:16px;text-decoration:none;color:inherit;position:relative}
a.city-card:hover{border-color:var(--teal)}
.city-card b{font-size:17px;letter-spacing:-.015em}
.city-card .url{font:500 12px/1.3 var(--f-mono);color:var(--teal-deep)}
.city-card.soon{opacity:.75}
.city-card .go{font-size:13px;font-weight:600;color:var(--red)}
.seg a.citylink{background:var(--red);color:#fff}
.seg a.citylink:hover{background:#B42B25;color:#fff}
.city-card.live{background:linear-gradient(120deg,var(--red-soft),var(--glass-solid) 60%);grid-column:span 2}
@media (max-width:520px){.city-card.live{grid-column:auto}}

/* ---------- data flow diagram ---------- */
.flow{margin-top:18px;padding:16px}
.flow svg{display:block;width:100%;height:auto}
.flow text{font-family:var(--f-body)}
.legend2{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:var(--ink2);margin-top:10px}
.legend2 span{display:inline-flex;gap:6px;align-items:center}
.legend2 i{width:12px;height:12px;border-radius:3px;display:inline-block}

/* ---------- city hub ---------- */
.pilotbar{background:var(--ink);color:var(--sand);font-size:13px;text-align:center;padding:8px 16px;position:relative;z-index:6}
.pilotbar a{color:inherit;text-decoration:underline;font-weight:600}
.doors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
@media (max-width:760px){.doors{grid-template-columns:minmax(0,1fr)}}
.door{display:grid;gap:10px;padding:22px;align-content:start}
.door h3{font-size:22px;letter-spacing:-.02em}
.door .acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.door ul{margin:0;padding-left:18px;color:var(--ink2);font-size:14.5px;display:grid;gap:5px}
.door.app{border-top:3px solid var(--red)}.door.rev{border-top:3px solid var(--teal)}
.track{display:flex;gap:8px;flex-wrap:wrap}
.track input{flex:1;min-width:160px;font:500 14px/1.4 var(--f-mono);border:1px solid var(--hair);border-radius:999px;padding:8px 14px;background:var(--glass-solid);color:var(--ink)}
.codetable{display:grid;gap:14px;margin-top:20px}
.codeg h3{font-size:14px;letter-spacing:.02em;margin:0 0 8px;color:var(--ink2)}
.coderow{display:grid;grid-template-columns:150px minmax(0,1fr);gap:4px 14px;padding:9px 12px;border:1px solid var(--hair);border-radius:10px;background:var(--glass-solid);text-decoration:none;color:inherit;margin-bottom:6px}
.coderow:hover{border-color:var(--teal)}
.coderow .cite{justify-self:start;align-self:start}
.coderow b{font-weight:600;font-size:14.5px}
.coderow small{grid-column:2;color:var(--ink2);font-size:13px}
@media (max-width:560px){.coderow{grid-template-columns:minmax(0,1fr)}.coderow small{grid-column:1}}
.modal{position:fixed;inset:0;background:rgba(23,25,27,.55);display:grid;place-items:center;z-index:50;padding:16px}
.modal[hidden]{display:none}
.modal .panel{max-width:460px;width:100%;background:var(--glass-solid)}
.coderow .cite{grid-row:span 2}