/* Dry stations. Uses the tokens in /style.css and components in /learn-history-writing/clerking.css. */
.dry{display:grid;grid-template-columns:minmax(0,1fr) 22rem;gap:1.4rem 2rem;align-items:start}
.dry .lab{display:block;font-family:Inter,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--mute);margin-bottom:.35rem}
.dstem{background:#fff;border:1px solid var(--line);border-left:6px solid var(--gold);border-radius:.7rem;padding:1.2rem 1.4rem;box-shadow:0 .4rem 1.2rem rgba(27,58,122,.08)}
.dstem p{font-size:1.22rem;line-height:1.5;margin:0}
.lightbox{grid-row:span 3;background:#0d1626;color:#dbe6f8;border-radius:.9rem;overflow:hidden;box-shadow:0 1rem 2.2rem rgba(13,22,38,.35);position:sticky;top:4.5rem}
.lbhead{display:flex;align-items:center;gap:.5rem;font-family:Inter,sans-serif;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;padding:.7rem 1rem;border-bottom:1px solid rgba(255,255,255,.08);color:#8fa6c8}
.lbmod{color:#fff;font-weight:700}
.lbdot{width:.3rem;height:.3rem;border-radius:50%;background:#8fa6c8}
.lbbody{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1.2rem 1.6rem;background:radial-gradient(circle at 50% 35%,rgba(110,150,210,.18),transparent 65%);text-align:center}
.lbic{width:5.5rem;height:5.5rem;color:#9fc0e8;opacity:.9}
.lbbtn{font-size:1rem}
.lbnote{font-family:Inter,sans-serif;font-size:.8rem;color:#8fa6c8;margin:0;max-width:24ch}
.credit{font-family:Inter,sans-serif;font-size:.74rem;line-height:1.45;color:#8fa6c8;margin:0;padding:.8rem 1rem;border-top:1px solid rgba(255,255,255,.08)}
.credit a{color:#cfe0f7}
.dqs h2{font-size:1.15rem;margin:.4rem 0 .8rem}
.dq{background:#fff;border:1px solid var(--line);border-radius:.7rem;margin:0 0 .7rem;overflow:hidden}
.dq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.2rem 1rem;padding:.9rem 1.1rem;font-family:Inter,sans-serif}
.dq summary::-webkit-details-marker{display:none}
.dq summary:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}
.dq .qn{grid-column:1/-1;font-size:.66rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--mute)}
.dq .qt{font-size:1.05rem;font-weight:700;color:var(--navy);line-height:1.35}
.dq .qs{align-self:center;font-size:.8rem;font-weight:600;color:#fff;background:var(--navy);border-radius:.4rem;padding:.35rem .7rem;white-space:nowrap}
.dq[open] .qs{background:var(--soft);color:var(--mute)}
.dq[open] .qs{font-size:0}
.dtipq{background:var(--amber-bg);border-color:var(--amber-br)}
.srcline{font-family:Inter,sans-serif;font-size:.85rem;color:var(--mute)}
.dq[open] .qs::before{content:"Hide the answer";font-size:.8rem}
.da{border-top:4px double var(--navy);margin:0 1.1rem;padding:.8rem 0 1rem;font-size:1.04rem;line-height:1.55}
.dtip{background:var(--amber-bg);border:1px solid var(--amber-br);border-radius:.7rem;padding:1rem 1.2rem}
.dtip p{margin:0 0 .6rem}
.dtip a{font-family:Inter,sans-serif;font-size:.9rem;font-weight:600}
.licnote{font-family:Inter,sans-serif;font-size:.8rem;color:var(--mute);margin:1.4rem 0 0}
.dlist{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr))}
.dcard{display:flex;flex-direction:column;gap:.3rem;border-top:4px solid var(--navy-l)}
.dcard .tic{width:2.2rem;height:2.2rem;color:var(--navy-l);margin-bottom:.3rem}
.dcard strong{font-family:"Source Serif 4",Charter,Georgia,serif;font-weight:600;font-size:1.02rem;color:var(--ink)}
@media (max-width:900px){.dry{grid-template-columns:minmax(0,1fr)}.lightbox{grid-row:auto;position:static}.dq summary{grid-template-columns:minmax(0,1fr)}.dq .qs{justify-self:start}}

/* results stations */
.labslip{grid-row:span 3;background:#fff;border:1px solid var(--line);border-top:5px solid var(--green);border-radius:.8rem;box-shadow:0 .8rem 2rem rgba(27,58,122,.14);position:sticky;top:4.5rem;overflow:hidden}
.lshead{display:flex;justify-content:space-between;gap:.6rem;font-family:Inter,sans-serif;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);padding:.75rem 1rem;border-bottom:1px dashed var(--line);background:var(--soft)}
.lsid{color:var(--mute);font-weight:600}
.lsscroll{overflow-x:auto}
.lstable{width:100%;min-width:0;margin:0;border-collapse:collapse;font-family:Inter,sans-serif;font-size:.86rem;font-variant-numeric:tabular-nums}
.lstable th{background:none;color:var(--mute);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;padding:.55rem .6rem;border-bottom:1px solid var(--line);text-align:left}
.lstable td{padding:.5rem .6rem;border-bottom:1px solid var(--line);vertical-align:middle;background:none!important}
.lstable td:first-child{font-weight:600;color:var(--ink);white-space:normal}
.lstable .v{font-weight:800;color:var(--ink);white-space:nowrap}
.lstable tr.ab .v{color:var(--red)}
.lstable .rr{color:var(--mute);white-space:nowrap}
.fl{display:inline-block;font-size:.62rem;font-weight:800;color:#fff;background:var(--red);border-radius:.25rem;padding:.05rem .3rem;margin-left:.3rem;vertical-align:.1em}
.fl.L{background:var(--blue)}
.lsnote{font-family:Inter,sans-serif;font-size:.74rem;color:var(--mute);margin:0;padding:.7rem 1rem;background:var(--soft)}
.rcard{border-top-color:var(--green)}
.rcard .tic{color:var(--green)}
@media (max-width:900px){.labslip{grid-row:auto;position:static}}

/* chart stations */
.stemgrid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}
.stemgrid .lsscroll{border:1px solid var(--line);border-radius:.6rem;overflow-x:auto}
.lstable.vit td:not(:first-child){white-space:nowrap}
.lstable.vit td.ab{color:var(--red);font-weight:800}
.dstem p.stemfoot{font-size:1.05rem}
@media (max-width:760px){.stemgrid{grid-template-columns:1fr}}
.chartcard{border-top-color:var(--amber)}
.lstable td.grp{font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--navy);background:var(--blue-bg)!important}
.lstable td.tot{font-weight:800;color:var(--navy);border-top:2px solid var(--navy)}
.lstable.gcs td:nth-child(2),.lstable td:last-child{font-variant-numeric:tabular-nums}
.lstable.hourly td,.lstable.hourly th{text-align:center;white-space:nowrap}
.lstable.obs td{text-align:center;white-space:nowrap;font-weight:700;padding-left:.45rem;padding-right:.45rem}
.lstable.obs td:first-child{text-align:left;font-weight:600}
.lstable.obs td.n1{background:#fff3cd!important}
.lstable.obs td.n2{background:#ffd8a8!important}
.lstable.obs td.n3{background:#f8b4b4!important}
@media (max-width:600px){.lstable.obs{font-size:.8rem}.lstable.obs th,.lstable.obs td{padding:.45rem .3rem!important}.lstable.obs td:first-child{white-space:normal;min-width:5.5rem}}
@media (max-width:760px){article .lstable th,article .lstable td{min-width:0}article .lstable td:first-child,article .lstable th:first-child{min-width:5.5rem}}
.burnfig{margin:0;padding:1rem 1rem .4rem;text-align:center}
.burnfig svg{width:100%;max-width:15rem;height:auto}
.burnfig figcaption{font-family:Inter,sans-serif;font-size:.76rem;color:var(--mute);display:flex;gap:.45rem;align-items:flex-start;text-align:left;margin-top:.4rem}
.burnfig .sw{flex:none;width:.9rem;height:.9rem;border-radius:.2rem;background:#f2a65a;border:1px solid #b45f00;margin-top:.1rem}
.ccard{border-top-color:var(--amber)}
.ccard .tic{color:var(--amber)}
.ccard strong{font-family:Inter,sans-serif!important;color:var(--navy)!important}

/* equipment stations */
.eqcard{border-top-color:#0f7c80}
.eqfig{margin:0;padding:1rem 1rem .6rem;text-align:center}
.eqfig svg{width:100%;max-width:22rem;height:auto;background:#fbfcfe;border:1px solid var(--line);border-radius:.6rem}
.eqfig figcaption{font-family:Inter,sans-serif;font-size:.76rem;color:var(--mute);margin-top:.5rem;text-align:left}
.ecard{border-top-color:#0f7c80}
.ecard .tic{color:#0f7c80}
.ecard strong{font-family:Inter,sans-serif!important;color:var(--navy)!important}

/* prescribing stations */
.rxcard{border-top-color:var(--red)}
.rxpt{margin:0;padding:.4rem 1rem .6rem;font-family:Inter,sans-serif;font-size:.84rem}
.rxpt div{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:.6rem;padding:.38rem 0;border-bottom:1px solid var(--line)}
.rxpt div:last-child{border-bottom:0}
.rxpt dt{color:var(--mute);font-weight:600}
.rxpt dd{margin:0;color:var(--ink);font-weight:600}
.lstable.rx{font-size:.8rem}
.lstable.rx td{vertical-align:top}
.lstable.rx td:first-child{min-width:7rem}
.lstable.rx.blank td{height:2.1rem;background-image:linear-gradient(transparent calc(100% - 1px),#e3e7ee 0)!important}
.rxcard .lsscroll{overflow-x:auto}
.da .lsscroll{margin:.6rem 0;overflow-x:auto;border:1px solid var(--line);border-radius:.5rem}
.da .lstable.rx{font-size:.84rem}
.pcard{border-top-color:var(--red)}
.pcard .tic{color:var(--red)}
.pcard strong{font-family:Inter,sans-serif!important;color:var(--navy)!important}