:root{--red:#CC0000;--redd:#990000;--grey:#797A7D;--char:#26282A;--body:#4A4C4E;
--rule:#D5D6D8;--band:#F4F4F5;--green:#3F7F52;--amber:#E8912B;--page:#FAFAFA}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{font-family:Calibri,Carlito,"Segoe UI",system-ui,sans-serif;color:var(--body);
background:var(--page);line-height:1.55;font-size:16px}
button,input,select,textarea{font-family:inherit;font-size:inherit}
.hidden{display:none!important}

/* ---- chrome ---- */
/* Logo sits on white - the DOE monogram's dark greys vanish on a dark or red band. */
header.bar{background:#fff;color:var(--char);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--rule)}
.bar .in{max-width:1080px;margin:0 auto;padding:10px 22px;display:flex;align-items:center;
gap:16px;flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;line-height:0}
.brand img{height:36px;width:auto;display:block}
.who{margin-left:auto;font-size:13.5px;color:var(--grey);text-align:right}
.who b{color:var(--char);display:block;font-size:14.5px;font-weight:600}
@media (max-width:760px){.brand img{height:28px}}
.accent{height:4px;background:var(--red)}
main{max-width:1080px;margin:0 auto;padding:0 22px 90px}

/* ---- sign in ---- */
.signin{max-width:470px;margin:9vh auto;background:#fff;border:1px solid var(--rule);
border-radius:12px;padding:34px 34px 30px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.signin h1{font-size:23px;color:var(--char);margin:0 0 6px}
.signin p{margin:0 0 22px;font-size:14.5px;color:var(--grey)}
label{display:block;font-size:13.5px;font-weight:600;color:var(--char);margin:14px 0 5px}
input[type=text],textarea,select{width:100%;padding:10px 12px;border:1px solid var(--rule);
border-radius:7px;color:var(--char);background:#fff}
input[type=text]:focus,textarea:focus,select:focus{outline:2px solid var(--red);outline-offset:-1px;border-color:var(--red)}
textarea{resize:vertical;min-height:74px}
.btn{background:var(--char);color:#fff;border:1px solid var(--char);padding:10px 20px;
border-radius:7px;cursor:pointer;font-weight:600}
.btn:hover{background:#000}
.btn.primary{background:var(--red);border-color:var(--red)}
.btn.primary:hover{background:var(--redd)}
.btn.ghost{background:#fff;color:var(--char)}
.btn.ghost:hover{background:var(--band)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.err{color:var(--red);font-size:14px;margin-top:12px;min-height:20px}

/* ---- progress ---- */
.prog{background:#fff;border:1px solid var(--rule);border-radius:10px;padding:14px 18px;margin:20px 0}
.prog .top{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:14px}
.prog .top b{color:var(--char);font-size:15px}
.prog .pct{margin-left:auto;color:var(--grey)}
.track{height:8px;background:var(--band);border-radius:5px;margin-top:10px;overflow:hidden}
.fill{height:100%;background:var(--red);border-radius:5px;transition:width .3s}
.secs{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.sec{font-size:11.5px;padding:3px 9px;border-radius:20px;background:var(--band);color:var(--grey);white-space:nowrap;border:1px solid transparent;cursor:pointer;font-family:inherit;line-height:1.5}
.sec:hover{border-color:var(--grey);color:var(--char)}
.sec.on:hover{color:#fff}
.sec.on{background:var(--char);color:#fff}
.sec.done{background:#E6F0E9;color:var(--green)}

/* ---- question ---- */
.card{background:#fff;border:1px solid var(--rule);border-radius:12px;padding:0;overflow:hidden}
.qhead{padding:20px 26px 0}
.crumb{font-size:12px;letter-spacing:.9px;text-transform:uppercase;color:var(--grey);font-weight:600}
.cite{font-size:13.5px;color:var(--red);font-weight:600;margin-top:5px}
.citelink{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.citelink:hover,.citelink:focus-visible{text-decoration-thickness:2px}
.citelink::after{content:" \2197";font-size:.85em;text-decoration:none;display:inline-block;margin-left:1px}
.qtext{font-size:21px;line-height:1.42;color:var(--char);font-weight:600;margin:12px 0 4px}
.qref{font-size:12px;color:var(--grey);font-family:Consolas,monospace}

.panels{padding:16px 26px 0}
.panel{border:1px solid var(--rule);border-radius:9px;margin-bottom:10px;overflow:hidden}
.panel>summary{cursor:pointer;padding:11px 15px;font-weight:600;font-size:14.5px;color:var(--char);
background:var(--band);list-style:none;display:flex;align-items:center;gap:9px}
.panel>summary::-webkit-details-marker{display:none}
.panel>summary::before{content:"\25B8";color:var(--red);transition:transform .15s;display:inline-block}
.panel[open]>summary::before{transform:rotate(90deg)}
.panel .body{padding:13px 16px;font-size:14.5px;white-space:pre-wrap}
.panel.key>summary{background:#FBECEC;color:var(--redd)}

.answer{padding:18px 26px 26px;border-top:1px solid var(--rule);margin-top:18px;background:#FCFCFD}
.opts{display:grid;gap:8px;margin-top:4px}
.opt{display:flex;gap:11px;align-items:flex-start;border:1px solid var(--rule);border-radius:8px;
padding:11px 14px;cursor:pointer;background:#fff;font-size:14.5px}
.opt:hover{border-color:var(--grey)}
.opt input{margin:3px 0 0}
.opt.sel{border-color:var(--red);background:#FFF7F7;box-shadow:inset 0 0 0 1px var(--red)}
.opt .lead{font-weight:700;color:var(--char);min-width:44px;display:inline-block;margin-right:6px}
/* 100% is shown to clients but only DOE can set it (Admin Console) */
.opt.locked{cursor:not-allowed;background:#F4F4F5;color:var(--grey)}
.opt.locked:hover{border-color:var(--rule)}
.opt.locked .lead{color:var(--grey)}
.opt .atag{display:inline-block;margin-left:8px;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--grey);border:1px solid var(--rule);border-radius:10px;padding:0 7px;white-space:nowrap}
.opts.isver .opt{cursor:not-allowed}
.opts.isver .opt:not(.sel){opacity:.55}
.opts.isver .opt.sel:not(.locked){border-color:var(--amber);background:#FFF8EE;box-shadow:inset 0 0 0 1px var(--amber)}
.opt.sel.locked{border-color:var(--green);background:#EEF6F0;box-shadow:inset 0 0 0 1px var(--green);color:var(--char)}
.opt.sel.locked .lead,.opt.sel.locked .atag{color:var(--green);border-color:var(--green)}
.verified{margin:6px 0 10px;border:1px solid #CFE0D4;border-left:4px solid var(--green);border-radius:8px;background:#EEF6F0;padding:10px 14px;font-size:14px;color:var(--char)}
.verified b{color:var(--green)}
.verified.rv{border-color:#F3D9B1;border-left-color:var(--amber);background:#FFF8EE}
.verified.rv b{color:#9A5B00}
.verified.wait{border-color:var(--rule);border-left-color:var(--grey);background:var(--band)}
.verified.wait b{color:var(--char)}
.rvnote{margin-top:8px;background:#fff;border:1px solid var(--rule);border-radius:6px;padding:8px 10px;white-space:pre-wrap}
.rvnote span{display:block;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--grey);margin-bottom:3px}
.rvsent{margin-top:8px;font-size:13px;color:var(--body)}
.qn.rv-reviewed{box-shadow:inset 0 0 0 2px var(--amber)}
.qn.rv-updated{box-shadow:inset 0 0 0 2px var(--grey)}
.qn.rv-accepted{box-shadow:inset 0 0 0 2px var(--green)}
/* auditor feedback waiting for the client: caution mark instead of check / cross */
.qn.rv-reviewed{background:#FFF4E2}
.qn.rv-reviewed .m{color:#9A5B00;font-size:13px}
.qn.cur.rv-reviewed{background:var(--char)}
.qn.cur.rv-reviewed .m{color:#FFC46B}
.qnkey .k.rv{color:#9A5B00}
.revnote{border:1px solid #F3D9B1;border-left:4px solid var(--amber);background:#FFF8EE;border-radius:8px;padding:10px 14px;margin:12px 0;font-size:14px;color:var(--char)}
.revnote .btn.mini{margin-left:8px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.hint{font-size:12.5px;color:var(--grey);margin-top:4px}

.nav{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--rule);z-index:15}
.nav .in{max-width:1080px;margin:0 auto;padding:12px 22px;display:flex;gap:10px;align-items:center}
.nav .status{margin-left:auto;font-size:13.5px;color:var(--grey)}
.saved{color:var(--green);font-weight:600}

.finished{background:#fff;border:1px solid var(--rule);border-radius:12px;padding:40px;text-align:center;margin-top:24px}
.finished h2{color:var(--char);margin:0 0 10px}
@media (max-width:760px){
  .grid2{grid-template-columns:1fr}
  main{padding:0 16px 96px}
  .qtext{font-size:18.5px}
  .qhead,.panels,.answer{padding-left:18px;padding-right:18px}
}


/* ---- v0.3: scope screen ---- */
.scopecard{max-width:760px;margin:6vh auto;background:#fff;border:1px solid var(--rule);
border-radius:12px;padding:30px 34px 28px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.scopecard h1{font-size:23px;color:var(--char);margin:6px 0 6px}
.scopecard .lede{margin:0 0 18px;font-size:14.5px;color:var(--grey)}
.fwlist{display:grid;gap:10px}
.fw{display:flex;gap:13px;align-items:flex-start;border:1px solid var(--rule);border-radius:9px;
padding:13px 15px;cursor:pointer;background:#fff}
.fw:hover{border-color:var(--grey)}
.fw.on{border-color:var(--red);background:#FFF7F7;box-shadow:inset 0 0 0 1px var(--red)}
.fw.fixed{cursor:default;background:var(--band);border-color:var(--rule);box-shadow:none}
.fw input{margin:4px 0 0;width:16px;height:16px;accent-color:var(--red)}
.fwbody{display:flex;flex-direction:column;gap:2px;flex:1}
.fwname{font-weight:700;color:var(--char);font-size:15.5px}
.fwname em{font-style:normal;font-weight:600;font-size:11px;letter-spacing:.6px;text-transform:uppercase;
color:var(--red);margin-left:8px}
.fw.fixed .fwname em{color:var(--grey)}
.fwdesc{font-size:13.5px;color:var(--body)}
.fwn{font-size:12.5px;color:var(--grey);font-family:Consolas,monospace}
.scopesum{margin-top:16px;font-size:14px;color:var(--body)}
.scopesum b{color:var(--char)}
.lockmsg{margin-top:14px;padding:11px 14px;border-radius:8px;background:#FFF4E5;border:1px solid #F3D3A0;
font-size:13.5px;color:#7A4B00}
.scopebtns{display:flex;gap:10px;margin-top:18px}

/* ---- v0.3: framework chips in the progress box ---- */
.fwrow{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:12px;padding-top:10px;
border-top:1px dashed var(--rule);font-size:12.5px}
.fwrow .rl{font-weight:600;color:var(--grey);font-size:11px;letter-spacing:.7px;text-transform:uppercase;margin-right:4px}
.chip{background:var(--char);color:#fff;border-radius:14px;padding:3px 10px;font-size:12px}
.fwrow .chg{margin-left:auto;color:var(--red);font-weight:600;text-decoration:none;font-size:13px}
.fwrow .chg:hover{text-decoration:underline}

/* ---- v0.3: framework badges on the question ---- */
.qref{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.badges{display:inline-flex;gap:5px;flex-wrap:wrap}
.badge{font-family:Calibri,Carlito,"Segoe UI",system-ui,sans-serif;font-size:11px;font-weight:600;
letter-spacing:.3px;padding:2px 9px;border-radius:12px;background:var(--band);color:var(--body);
border:1px solid var(--rule)}
.badge.b-CSF2{background:#EAF1F8;color:#2B4F7A;border-color:#C9D9EA}
.badge.b-HIPAA-SEC,.badge.b-HIPAA-PRIV,.badge.b-HIPAA-BN{background:#FBECEC;color:var(--redd);border-color:#F0C8C8}

/* ---- v0.3: prior-year panel ---- */
.prior{margin:4px 26px 0;border:1px solid #CFE0D4;border-left:4px solid var(--green);border-radius:9px;
background:#F3F8F4;padding:12px 16px 12px}
.prior.none{background:var(--band);border-color:var(--rule);border-left-color:var(--grey);color:var(--grey);font-size:13.5px}
.prior .ptop{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.prior .rl{font-weight:700;color:var(--green);font-size:11.5px;letter-spacing:.7px;text-transform:uppercase}
.btn.mini{margin-left:auto;padding:6px 12px;font-size:13px;background:#fff;color:var(--char);border-color:var(--char)}
.btn.mini:hover{background:var(--band)}
.btn.mini:disabled{opacity:.55}
.pres{margin-top:8px;font-size:15px;color:var(--char)}
.pres .lead{font-weight:700;min-width:44px;display:inline-block}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:8px;font-size:13.5px}
.pgrid .pl{display:block;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--grey)}
.pgrid div div{white-space:pre-wrap}
.pmeta{margin-top:8px;font-size:12.5px;color:var(--grey)}
.pwarn{margin-top:8px;font-size:12.5px;color:#5B6E60}
@media (max-width:760px){
  .pgrid{grid-template-columns:1fr}
  .prior{margin-left:18px;margin-right:18px}
  .scopecard{padding:22px 18px}
}

/* ---- v0.4: two-column layout with question navigator ---- */
.cols{display:flex;gap:18px;align-items:flex-start}
.maincol{flex:1;min-width:0}
.qnav{width:clamp(210px,17vw,250px);flex:none;position:sticky;top:86px;background:#fff;border:1px solid var(--rule);
border-radius:12px;padding:12px 12px 10px;max-height:calc(100vh - 180px);display:flex;flex-direction:column}
.qnhead{display:flex;justify-content:space-between;align-items:baseline;gap:6px;font-size:12.5px;color:var(--grey);
padding-bottom:8px;border-bottom:1px solid var(--rule);margin-bottom:8px}
.qnhead b{color:var(--char);font-size:13px;line-height:1.25}
.qnhead span{white-space:nowrap}
.qnlist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;overflow-y:auto;overflow-x:hidden;padding-right:4px}
.qn{display:flex;align-items:center;justify-content:space-between;gap:3px;border:1px solid var(--rule);border-radius:7px;
background:#fff;padding:5px 7px;cursor:pointer;font-size:12.5px;font-weight:600;color:var(--char);line-height:1}
.qn:hover{border-color:var(--grey)}
.qn .m{font-size:11px;font-weight:700}
.qn.ok .m{color:var(--green)}
.qn.no .m{color:var(--red)}
.qn.cur{background:var(--char);color:#fff;border-color:var(--char)}
.qn.cur .m{color:#fff}
.qnkey{margin-top:8px;padding-top:8px;border-top:1px solid var(--rule);font-size:11px;color:var(--grey);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.qnkey .k{font-weight:700}
.qnkey .k.ok{color:var(--green)}
.qnkey .k.no{color:var(--red)}

/* ---- v0.4: section complete ---- */
.secdone{background:#fff;border:1px solid var(--rule);border-radius:12px;padding:28px 30px 26px}
.secdone h2{color:var(--char);margin:6px 0 6px;font-size:22px}
.sdsum{margin:0 0 18px;color:var(--body);font-size:14.5px}
.sdlist{display:grid;gap:8px}
.sd{display:flex;align-items:center;gap:12px;border:1px solid var(--rule);border-radius:9px;padding:10px 14px;font-size:14px}
.sd .sdn{width:24px;height:24px;border-radius:50%;background:var(--band);color:var(--grey);font-weight:700;font-size:12.5px;
display:inline-flex;align-items:center;justify-content:center;flex:none}
.sd .sdname{font-weight:600;color:var(--char);flex:1;min-width:0}
.sd .sdq{color:var(--grey);font-size:12.5px;font-family:Consolas,monospace;white-space:nowrap}
.sd .sdst{font-size:12px;font-weight:600;color:var(--grey);white-space:nowrap;min-width:120px;text-align:right}
.sd.full .sdn{background:#E6F0E9;color:var(--green)}
.sd.full .sdst{color:var(--green)}
.sd.here{background:#FCFCFD}
.sd.next{border-color:var(--red);background:#FFF7F7}
.sd.next .sdn{background:var(--red);color:#fff}
.sd.next .sdst{color:var(--red)}
.sd .btn.mini{margin-left:0}
.sdbtns{display:flex;gap:10px;margin-top:20px}
@media (max-width:900px){
  .cols{flex-direction:column}
  .qnav{width:100%;position:static;max-height:none}
  .qnlist{grid-template-columns:repeat(6,minmax(0,1fr))}
}

/* ---- v0.5: evidence documents ---- */
.attach{margin-top:18px;padding-top:14px;border-top:1px dashed var(--rule)}
.athead{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.athead label{margin:0}
.atlist{display:grid;gap:6px;margin:8px 0}
.at{display:flex;align-items:center;gap:10px;border:1px solid var(--rule);border-radius:8px;padding:7px 10px;background:#fff;font-size:14px}
.at .atn{flex:1;min-width:0;display:flex;gap:10px;align-items:baseline;overflow:hidden}
.at a,.drow a{color:var(--char);font-weight:600;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.at a:hover,.drow a:hover{color:var(--red);text-decoration:underline}
.ats{font-size:12px;color:var(--grey);white-space:nowrap}
.atx{border:none;background:none;color:var(--grey);cursor:pointer;font-size:13px;padding:2px 6px;border-radius:5px}
.atx:hover{color:var(--red);background:#FBECEC}
.atnone{font-size:13.5px;color:var(--grey);padding:4px 0}
.atctl{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:4px}
.btn.small{padding:7px 14px;font-size:14px;display:inline-block}
.atctl select{width:auto;max-width:360px;padding:7px 10px;font-size:14px}
.atstatus{font-size:13px;color:var(--grey)}
.fwrow .chg.docs{margin-right:16px}
.fwrow .chg.docs + .chg{margin-left:0}
.dcount{color:var(--grey);font-weight:600}
.doclib{background:#fff;border:1px solid var(--rule);border-radius:12px;padding:28px 30px 26px}
.doclib h2{color:var(--char);margin:6px 0 6px;font-size:22px}
.dctl{display:flex;gap:12px;align-items:center;margin:0 0 14px}
.dlist{display:grid;gap:8px}
.drow{display:flex;align-items:center;gap:14px;border:1px solid var(--rule);border-radius:9px;padding:10px 14px;font-size:14px}
.dmain{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.drefs{display:flex;gap:4px;flex-wrap:wrap;max-width:40%}
.rref{font-family:Consolas,monospace;font-size:11.5px;background:var(--band);border-radius:10px;padding:2px 8px;color:var(--char)}
.drow .btn.mini{margin-left:0}
@media (max-width:760px){.drow{flex-wrap:wrap}.drefs{max-width:100%}}

/* ---- v0.6: required HIPAA bundle on the start screen ---- */
.reqlist{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 2px}
.reqm{font-size:12.5px;background:#fff;border:1px solid #F0C8C8;border-radius:12px;padding:2px 9px;color:var(--char)}
.reqm b{color:var(--grey);font-weight:600;font-family:Consolas,monospace;font-size:11.5px}

/* ---- v0.6: overview / home ---- */
.home{background:#fff;border:1px solid var(--rule);border-radius:12px;padding:26px 30px 24px}
.hhead{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}

.home h2{color:var(--char);margin:6px 0 6px;font-size:22px}
/* scorecards: mirror the workbook Board Report */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin:4px 0 6px}
.scard{border:1px solid var(--rule);border-radius:10px;padding:12px 16px 8px;background:#FCFCFD}
.sch{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;color:var(--char);font-size:15px;
padding-bottom:8px;border-bottom:1px solid var(--rule);margin-bottom:6px}
.scbig{font-size:26px;color:var(--char)}
.cr{display:grid;grid-template-columns:1fr 76px 64px;gap:10px;align-items:baseline;padding:5px 0;font-size:13.5px;border-bottom:1px dashed var(--rule)}
.cr:last-child{border-bottom:none}
.cr .crn{color:var(--body)}
.cr .crp{display:block;font-size:11px;color:var(--grey);font-family:Consolas,monospace;white-space:nowrap;margin-top:1px}
.cr .crc{text-align:right;color:var(--body);font-weight:600}
.cr.crh{padding:2px 0 4px;border-bottom:1px solid var(--rule)}
.cr.crh .crc,.cr.crh .crs{font-size:10.5px;letter-spacing:.7px;text-transform:uppercase;color:var(--grey);font-weight:700}
.cr .crs{text-align:right;font-weight:700;color:var(--char)}
.cr.strong{border-top:1px solid var(--rule);border-bottom:none;margin-top:2px;padding-top:8px}
.cr.strong .crn{font-weight:700;color:var(--char)}
.cr.strong .crs{color:var(--red)}
.scsep{height:1px;background:var(--rule);margin:6px 0}
.hbtns{display:flex;gap:10px;margin:14px 0 18px;flex-wrap:wrap}
.hlist{display:grid;gap:8px}
.hs{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(110px,1.6fr) 74px 64px auto;gap:14px;align-items:center;
border:1px solid var(--rule);border-radius:9px;padding:10px 14px;font-size:14px}
.hsname{font-weight:600;color:var(--char);display:flex;flex-direction:column;gap:1px}
.hsst{font-size:11.5px;font-weight:600;color:var(--grey)}
.hs.full .hsst{color:var(--green)}
.hsbar{height:8px;background:var(--band);border-radius:5px;overflow:hidden}
.hsfill{height:100%;background:var(--red);border-radius:5px}
.hs.full .hsfill{background:var(--green)}
.hsv{font-weight:700;color:var(--char);text-align:right;line-height:1.15;white-space:nowrap}
.hsk{display:block;font-size:10.5px;letter-spacing:.7px;text-transform:uppercase;color:var(--grey);font-weight:700}
.hs .btn.mini{margin-left:0;min-width:84px}
.hnote{margin:18px 0 0;font-size:12.5px;color:var(--grey)}
.nav .later{margin-left:8px}
.fwrow .chg.lnkhome{margin-left:auto;margin-right:16px}
.fwrow .chg.lnkhome + .chg.docs{margin-left:0}
@media (max-width:760px){.hs{grid-template-columns:1fr 1fr;}.hsbar{grid-column:1/-1}}

/* ---- v0.7 document requests ---- */
.dh2{margin-top:30px!important}
.rlist{display:grid;gap:8px;margin-bottom:6px}
.rcat{font-size:12px;letter-spacing:.9px;text-transform:uppercase;color:var(--grey);font-weight:600;margin:14px 0 2px}
.rq{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--rule);border-radius:9px;padding:11px 14px;font-size:14px;background:#fff}
.rq.got{border-left:4px solid var(--green)}
.rq.off{opacity:.6}
.rqm{flex:1;min-width:0}
.rqn{color:var(--char);font-weight:600}
.rqp{margin-top:2px}
.rqr{font-size:12.5px;color:var(--grey);margin-top:2px}
.rtag{display:inline-block;font-size:11.5px;border-radius:10px;padding:1px 8px;margin:4px 6px 0 0;background:var(--band);color:var(--char)}
.rtag.doe{background:#FBECEC;color:var(--redd)}
.rst{font-size:12.5px;white-space:nowrap;font-weight:600}
.rst.ok{color:var(--green)}
.rst.no{color:var(--grey)}
.rfiles{font-size:12.5px;margin-top:4px;color:var(--body)}
.rside{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.rq .btn.mini{margin-left:0}
.rmore{background:none;border:none;color:var(--grey);cursor:pointer;font-size:13px;padding:6px 0;text-decoration:underline;font-family:inherit}
.dreqs{display:flex;gap:4px;flex-wrap:wrap;align-items:center;margin-top:4px}
.dreq{font-size:12px;background:#E6F0E9;color:var(--green);border-radius:10px;padding:2px 4px 2px 9px;display:inline-flex;align-items:center;gap:2px}
.dsel{width:auto!important;max-width:340px;padding:4px 8px!important;font-size:12.5px;border-radius:6px!important}
@media (max-width:760px){.rq{flex-wrap:wrap}.rside{align-items:flex-start}}
.rjump{margin:-10px 0 6px;font-size:13.5px}.rjump a{color:var(--red)}
/* ---- v0.7.1 documents on the question ---- */
.qreq{border:1px solid var(--rule);border-radius:9px;padding:10px 12px;margin:6px 0 10px;background:var(--band)}
.qrh{font-size:12px;letter-spacing:.9px;text-transform:uppercase;color:var(--grey);font-weight:600;margin-bottom:6px}
.qr{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--rule);border-radius:8px;padding:7px 10px;margin-top:6px;font-size:14px}
.qr.got{border-left:4px solid var(--green)}
.qrm{flex:1;min-width:0;display:flex;flex-direction:column}
.qrn{color:var(--char);font-weight:600}
.qrr{font-size:12px;color:var(--grey)}
.qr .btn.mini{margin-left:0}
.at.via{background:#F6FAF7}
@media (max-width:760px){.qr{flex-wrap:wrap}}
/* ---- v0.7.2 framework help ---- */
.fwhelp{border:1px solid var(--rule);border-radius:9px;background:#fff;padding:0 16px;margin:-4px 0 4px 30px;font-size:14px}
.fwhelp summary{cursor:pointer;color:var(--red);font-weight:600;padding:10px 0;font-size:14px}
.fwhelp[open]{padding-bottom:10px}
.fwhelp h4{color:var(--char);font-size:14.5px;margin:12px 0 4px}
.fwhelp p{margin:0 0 6px;color:var(--body)}
.fwhelp ul{margin:0 0 6px;padding-left:20px}
.fwhelp li{margin-bottom:4px}
/* ---- v0.7.3 additional-fee notices ---- */
.feelede{font-size:14px;color:var(--char);background:var(--band);border-radius:8px;padding:9px 12px;margin:-6px 0 16px}
.feenote{border:1px solid var(--rule);border-left:4px solid var(--red);background:#FFF7F7;border-radius:8px;padding:10px 12px;margin:10px 0 0;font-size:14px;color:var(--char)}
.at.via{flex-wrap:wrap}
.at.via .atn{flex-wrap:wrap;white-space:normal;overflow:visible}
.at.via .ats{white-space:normal}