/* Chemistry Path additions (loaded after media-path.css). Shared Unizon setup, plus the Chemistry accent below. */
.drawzone{position:relative;}
.drawzone svg{display:block;width:100%;height:auto;}
.zkey{display:inline-block;width:11px;height:11px;border-radius:3px;border:1px solid var(--ink);vertical-align:-1px;margin-right:4px;}
.mini-t{font-size:8.6pt;}
.mini-t td,.mini-t th{padding:3px 5px!important;}
.sym{font-family:'DMMono';font-weight:500;}
@media screen and (max-width:640px){.calc{white-space:normal;}}

/* ---- Contrast fixes carried over from the Hockey Path (Oct 10, 2026): every text colour pair at 4.5:1 or better ---- */
:root{--muted:#5E5A72;}                                   /* was #6E6A80 (4.35:1 on violet tint) */
.brick .eg{color:#B23A1E;}                                /* coral #FF5B3A on white was 3.1:1 */
.qn[style*="--coral"],.qtype[style*="--coral"],.mono[style*="color:var(--coral)"]{color:#C2381B!important;}
.qn[style*="#7FA313"],.qtype[style*="#6C8F12"]{color:#4E6E00!important;}
.qn[style*="#E0A100"],.qtype[style*="#B88400"]{color:#8A5F00!important;}
.fp-step .badge.c2{color:var(--ink);}                     /* white on coral was 3.1:1 */
.plan h4 .i:not([style]){color:var(--ink);}  /* white on coral was 3.1:1 */
[style*="background:var(--lens);color:#fff"]{color:var(--lens-on)!important;}   /* route stops */
[style*="background:#7FA313;color:#fff"],[style*="background:var(--coral);color:#fff"]{color:var(--ink)!important;}

/* ---- Chemistry Path accent (Oct 11, 2026): "lab bench + periodic table". Deep teal and amber on ink.
   A tiled grid (like periodic-table squares) across the cover band, a hexagon (benzene-ring) header dot, a teal/amber
   footer rule and a dbox with a "◇" tag. Text on light uses --ch-ink (11.7:1 on white). ---- */
:root{--ch:#0F7C80;--ch-ink:#0B4549;--ch-t:#E5F3F3;--cha:#FFB547;--en-ink:var(--ch-ink);}
.cover .band{background:linear-gradient(90deg,rgba(255,181,71,.16) 1.5px,transparent 1.5px) 0 0/34px 34px,linear-gradient(0deg,rgba(255,181,71,.16) 1.5px,transparent 1.5px) 0 0/34px 34px,var(--ink);}
.cover .band::after{content:"";position:absolute;left:6%;right:6%;bottom:12px;height:8px;background:linear-gradient(90deg,var(--cha) 0 10%,transparent 10% 13%,#5FD3D6 13% 40%,transparent 40% 43%,var(--cha) 43% 50%,transparent 50% 53%,#5FD3D6 53% 100%);border-radius:2px;}
.hdr .dot:not([style]){background:var(--cha);border-radius:0;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);}
.ftr{border-top:3px solid var(--ch-ink);box-shadow:0 -5px 0 -3px var(--cha);}
.dbox{background:var(--ch-t);border:2px solid var(--ink);border-top:6px solid var(--ch-ink);border-radius:4px;}
.dbox .tag{background:#fff;color:var(--ink);border:1.5px solid var(--ink);border-radius:3px;}
.dbox .tag::before{content:"◇ ";color:var(--ch-ink);}
.eq{font-family:'DMMono';font-size:9pt;background:#fff;border:1.5px solid var(--ink);border-radius:6px;padding:4px 8px;display:inline-block;margin:3px 0;}
.el{display:inline-grid;grid-template-rows:auto auto auto;width:0.62in;border:2px solid var(--ink);border-radius:5px;background:#fff;text-align:center;padding:3px 2px;margin:2px 4px 2px 0;line-height:1.05;vertical-align:top}
.el .z{font-family:'DMMono';font-size:7pt;text-align:left;padding-left:3px}
.el .s{font-family:'Brico';font-weight:800;font-size:16pt;color:var(--ch-ink)}
.el .m{font-family:'DMMono';font-size:6.6pt}
code.code{padding:0 4px;font-size:.92em;}
.views{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px;}
.views div{border:1.5px solid var(--ink);border-radius:6px;padding:6px 8px;background:#fff;font-size:8.4pt;line-height:1.35;}
.views b{display:block;font-family:'DMMono';font-size:7.4pt;letter-spacing:.08em;text-transform:uppercase;color:var(--en-ink);margin-bottom:2px;}
.safebox{background:#FFF4D6;border:2.5px solid var(--ink);border-left:10px solid #B3261E;}
.safebox .tag{background:#B3261E;color:#fff;}
.kb{display:block;width:100%;height:auto;margin:4px 0;}
.ledger td.num,.ledger th.num{text-align:right;font-family:'DMMono';}
.ledger tr.tot td{border-top:1.5px solid var(--ink);border-bottom:4px double var(--ink);font-weight:600;}
.grid-plot{display:grid;gap:2px;margin:4px 0;}
.grid-plot span{aspect-ratio:1;border:1.5px solid var(--ink);border-radius:3px;background:#fff;font-family:'DMMono';font-size:7pt;display:flex;align-items:center;justify-content:center;color:var(--ink);}

/* Lens inks darkened for AA contrast on their tints */
.lens-8{--lens-ink:#4A6E00;}
.lens-7{--lens-ink:#006A63;}