/* Subcontractor CMMC Tracker: a supplier qualification card file. White visible-record cards in a pale grey file tray,
   warm carbon ink, IBM Plex Sans Condensed for the printed card forms, Onest for reading, Space Mono for every typed value.
   Blue is the date signal on each card's 24-month scale; green is only the crosswalk reach bar. See design-brief.md. */
:root{--tray:#e8eaec;--card:#ffffff;--ink:#23201c;--ink2:#4f4a43;--ink3:#6b655c;--rule:#23201c;--hair:#d3d6da;--feint:#dbe4f6;--sig:#2456c9;--reach:#2f7d45;--reach2:#a9d3b3;--gap:#8a3b12;
  --cond:'IBM Plex Sans Condensed',system-ui,sans-serif;--body:'Onest',system-ui,sans-serif;--mono:'Space Mono',ui-monospace,Menlo,monospace}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--tray);color:var(--ink);font:16px/1.55 var(--body);text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}
a{color:var(--ink);text-decoration-color:#9aa0a8;text-underline-offset:2px}a:hover{text-decoration-color:var(--ink)}
code,.d,.n,.id,.tv,.ln{font-family:var(--mono);word-spacing:-.32em}
code{font-size:.84em;background:#f1f2f4;padding:0 3px;border-radius:2px;overflow-wrap:anywhere}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px}
h1,h2,h3{font-family:var(--cond);font-weight:700;letter-spacing:-.005em;line-height:1.15;margin:0}
h1{font-size:42px;margin:6px 0 14px;max-width:21em}
h2{font-size:24px}h3{font-size:18px}
.hint{color:var(--ink3);font-size:14px;line-height:1.45}
.eyebrow{font:600 14px/1.3 var(--cond);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.eyebrow a{color:var(--ink2)}
/* the drawer label holder */
.drawer{background:var(--tray);border-bottom:2px solid var(--rule)}
header.site{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;padding:12px 0}
header.site .brand{font:700 19px/1 var(--cond);text-decoration:none;border:1.5px solid var(--ink);padding:7px 11px;background:var(--card);border-radius:2px;letter-spacing:.01em}
header.site .brand em{font-style:normal;font-weight:500}
header.site .docline{font:400 13px var(--mono);color:var(--ink2)}
header.site nav{margin-left:auto;display:flex;flex-wrap:wrap;gap:4px 16px;font:600 15px var(--cond)}
header.site nav a{text-decoration:none;padding:2px 0;border-bottom:2px solid transparent}header.site nav a:hover,header.site nav a[aria-current]{border-bottom-color:var(--ink)}
#nav-auth{display:inline-flex;gap:16px}
/* hero */
.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:40px;padding:34px 0 26px;align-items:start}
.lede{font-size:18px;line-height:1.55;max-width:44em;margin:0 0 18px}
.cta{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;margin:0 0 20px}.cta .hint{flex-basis:100%}
.reads{border-top:1px solid var(--hair)}
.reads p{margin:0;padding:11px 0;border-bottom:1px solid var(--hair);font-size:15px;line-height:1.5}
.reads .asof{font-family:var(--mono);font-size:12.5px;color:var(--ink2)}
.btn{display:inline-flex;align-items:center;gap:8px;font:600 16px/1 var(--cond);background:var(--ink);color:#fff;border:1.5px solid var(--ink);padding:11px 16px;border-radius:2px;cursor:pointer;text-decoration:none}
.btn:hover{background:#000}.btn.ghost{background:var(--card);color:var(--ink)}.btn.ghost:hover{background:#f4f5f6}.btn.small{font-size:14px;padding:8px 11px}
.btn[disabled]{opacity:.6}
.plan-tag{font:400 11px/1 var(--mono);border:1px solid currentColor;padding:2px 4px;border-radius:2px;opacity:.85}
figure.person{margin:18px 0 0}figure.person img{width:100%;height:auto;display:block;border-radius:2px;filter:saturate(.9)}
figure.person figcaption{font-size:15px;line-height:1.5;color:var(--ink);padding:10px 0 0;max-width:36em}
/* the first-screen excerpt: five cards of the specimen */
.specimen{background:var(--card);border:1px solid var(--hair);border-top:2px solid var(--rule);padding:14px 16px 12px;border-radius:2px}
.specimen .legend{display:flex;justify-content:space-between;gap:10px;font:600 13px var(--cond);letter-spacing:.05em;text-transform:uppercase;color:var(--ink2);margin-bottom:8px}
.specimen .xrow{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--hair)}
.specimen .xrow .nm{font:600 15px/1.25 var(--cond)}.specimen .xrow .id{font-size:12.5px;color:var(--ink2);display:block}
.specimen .xrow .nx{font-size:13px}.specimen .cap{margin:10px 0 2px;font-size:16px;line-height:1.45}  .specimen .clean{font:400 12.5px var(--mono);color:var(--ink3)}.specimen .capsub{margin:0;font-size:13px;color:var(--ink2)}
/* explain */
.explain{padding:18px 0 8px}
.explain .form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.explain .form>div{background:var(--card);border-top:2px solid var(--rule);padding:14px 16px;border-radius:2px}
.explain .k{font:700 13px var(--mono);color:var(--ink2)}.explain h3{margin:4px 0 6px}.explain p{margin:0;font-size:15px}
.explain h2{margin:6px 0 10px}.wide{max-width:52em}
.notice{background:var(--card);border-left:2px solid var(--rule);padding:12px 14px;margin:14px 0;font-size:15px}
.notice.gate{border-left-color:var(--sig)}
/* the tool */
.tool{background:var(--card);border:1px solid var(--hair);border-top:2px solid var(--rule);border-radius:2px;padding:14px 16px;margin:18px 0 12px}
.tool .bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.tool .bar .hint{flex:1 1 520px;color:var(--ink2)}.spacer{flex:1}
textarea.paste{width:100%;min-height:190px;margin:12px 0;font:13px/1.5 var(--mono);color:var(--ink);background:#fff;border:1px solid #b9bec5;border-radius:2px;padding:10px 12px;resize:vertical;
  background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 18.5px,var(--feint) 18.5px,var(--feint) 19.5px);background-position:0 9px}
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#actions{margin:6px 0 4px}
/* the result */
.leadline{font:600 24px/1.3 var(--cond);margin:22px 0 12px;max-width:40em}.leadline .n{font-family:var(--mono);font-weight:700}
.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:var(--card);border-top:2px solid var(--rule);border-radius:2px}
.summary>div{padding:12px 14px;border-right:1px solid var(--hair)}.summary>div:last-child{border-right:0}
.summary .n{font-size:30px;font-weight:700;line-height:1.1}.summary .l{font:600 15px/1.25 var(--cond);margin-top:4px}.summary .sub{display:block;font:400 13px/1.35 var(--body);color:var(--ink3);margin-top:2px}
dl.asat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px;margin:12px 0 0;font-size:14px}
dl.asat div{padding:8px 0;border-bottom:1px solid #cfd3d8}dl.asat dt{font:600 13px var(--cond);letter-spacing:.05em;text-transform:uppercase;color:var(--ink2)}dl.asat dd{margin:2px 0 0}
.sec-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 18px;margin:30px 0 10px;border-bottom:2px solid var(--rule);padding-bottom:6px}
.folio{font:400 13px var(--mono);color:var(--ink2)}
.keyrow{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--ink2)}.kk{display:inline-flex;align-items:center;gap:6px}
.kk .sig{position:static;display:inline-block;width:8px;height:14px;background:var(--sig);border-radius:1px}
.kk .lapse{position:static;display:inline-block;width:18px;height:12px}
/* the cards */
ol.cards{list-style:none;margin:0;padding:0;display:grid;gap:0}
li.card{background:var(--card);border:1px solid #cdd1d6;border-radius:2px;margin:0 0 -1px;position:relative;cursor:pointer}
li.card:hover{border-color:#9aa0a8;z-index:1}
.card .edge{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.5fr) minmax(0,1fr);gap:8px 18px;align-items:center;padding:10px 14px 9px;border-bottom:2px solid var(--rule)}
.card .who{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;min-width:0}
.card .nm{font:600 17px/1.2 var(--cond)}.card .id{font-size:13px}.card .ln{font-size:12.5px;color:var(--ink3)}
.scale{position:relative;height:16px;border-bottom:1px solid var(--ink);margin:2px 0 0}
.scale .ticks{display:none}.scale .ticks span{position:absolute;bottom:-17px;transform:translateX(-50%);font:400 11.5px var(--mono);color:var(--ink3)}
.scale .ticks span:first-child{transform:none}.scale .ticks span:last-child{transform:translateX(-100%)}
.scale .win{position:absolute;left:0;top:0;bottom:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 3px,#e6e8ec 3px,#e6e8ec 4px)}
.scale .lapse{position:absolute;left:-14px;top:2px;width:10px;height:12px;border:1px solid transparent}
.lapse.on{border-color:var(--ink);background:repeating-linear-gradient(135deg,var(--ink) 0,var(--ink) 1.5px,transparent 1.5px,transparent 4px)}
.scale .sig{position:absolute;top:-2px;width:8px;height:18px;margin-left:-4px;background:var(--sig);border-radius:1px}
.card .nx{font-size:13.5px;margin-top:8px}.nx-k{font:600 12.5px var(--cond);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);margin-right:4px}
.card .when{padding-left:16px;min-width:0}
.notches{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}
.nt{display:inline-flex;align-items:stretch;border:1.5px solid var(--ink);border-radius:2px;font-size:12.5px;line-height:1;background:var(--card)}
.nt b{font:700 12.5px var(--mono);background:var(--ink);color:#fff;padding:4px 5px}.nt i{font:500 12.5px var(--cond);font-style:normal;padding:4px 6px}
.nt.ask{border-style:dashed}.nt.ask b{background:var(--card);color:var(--ink);border-right:1.5px dashed var(--ink)}
.keyrow .nt i{display:none}
dl.face{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0;margin:0;padding:6px 14px 8px}
dl.face div{padding:3px 8px 4px 0;min-width:0;border-bottom:1px solid var(--feint)}dl.face dt{font:600 12.5px var(--cond);letter-spacing:.04em;text-transform:uppercase;color:var(--ink2)}
dl.face dd{margin:0;font-size:13.5px;overflow-wrap:anywhere}.tv{font-size:13px}
dl.face .fwc{grid-column:span 1}
.gap{color:var(--gap);font-style:italic;font-size:13px}
.card .toggle{position:absolute;right:10px;bottom:6px;width:10px;height:10px;border-right:1.5px solid var(--ink3);border-bottom:1.5px solid var(--ink3);transform:rotate(45deg)}
.card.open .toggle{transform:rotate(-135deg);bottom:2px}
.card .why{display:none;border-top:1px solid var(--hair);padding:8px 14px 14px;font-size:14px}
.card.open .why{display:block}
.why>div{display:grid;grid-template-columns:190px minmax(0,1fr);gap:4px 14px;padding:5px 0;border-bottom:1px solid #eceef0}
.why .k{font:600 13px var(--cond);letter-spacing:.03em;color:var(--ink2);text-transform:uppercase}
.why .rl{display:inline}.cref{font:400 12.5px var(--mono);white-space:nowrap;margin-right:8px;word-spacing:-.32em}
.pasted{font:12.5px var(--mono);overflow-wrap:anywhere}
.reach{display:flex;height:12px;border:1px solid var(--ink);margin:8px 0 4px;max-width:440px;background:#fff}
.reach .h{background:var(--reach)}.reach .m{background:repeating-linear-gradient(135deg,var(--reach) 0,var(--reach) 1.5px,var(--reach2) 1.5px,var(--reach2) 4px)}
.reach-key{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:13px;color:var(--ink2)}.reach-key b{display:inline-block;width:12px;height:10px;border:1px solid var(--ink);margin-right:5px;vertical-align:-1px}
.reach-key b.h{background:var(--reach)}.reach-key b.m{background:repeating-linear-gradient(135deg,var(--reach) 0,var(--reach) 1.5px,var(--reach2) 1.5px,var(--reach2) 4px)}.reach-key b.o{background:#fff}
/* findings */
.finds details{background:var(--card);border:1px solid #cdd1d6;border-radius:2px;margin:0 0 -1px}
.finds summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 14px;cursor:pointer;list-style:none}
.finds summary::-webkit-details-marker{display:none}
.finds .fname{font:600 17px/1.25 var(--cond)}.finds .cnt{font:400 13px var(--mono);color:var(--ink2)}
.fbody{padding:0 14px 14px;font-size:15px}.fbody>p{max-width:56em}
.items{margin:8px 0;padding-left:18px}.items li{margin:0 0 6px}.items .nm{font-family:var(--cond);font-weight:600}.items .id{font-size:12.5px;color:var(--ink2)}
.rule,.ctrl{border:1px solid var(--hair);border-left:2px solid var(--ink);padding:9px 12px;margin:8px 0;background:#fbfbfc;border-radius:2px}
.rule .rh,.ctrl .ch{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}.rule .rs{font-size:13px;color:var(--ink3)}.ctrl .ttl{font:600 15px var(--cond)}
.q{font-size:14.5px}p.q{margin:6px 0}.rule .rt,.ctrl .ev{font-size:13.5px;color:var(--ink2)}.ctrl .ev>div{margin:3px 0}.src{font-size:13px}
.ask{margin:10px 0 0}.locked{font-size:14px;color:var(--ink2)}.fl-note{font-size:14px}
/* shares */
.twin{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.share-grid{background:var(--card);border-top:2px solid var(--rule);border-radius:2px}
.srow{display:grid;grid-template-columns:minmax(0,1fr) 70px 90px;gap:8px;padding:6px 12px;border-bottom:1px solid #eceef0;font-size:14px;align-items:center}
.srow .c{font-family:var(--mono);text-align:right;font-size:13.5px}.srow.head{font:600 13px var(--cond);letter-spacing:.04em;text-transform:uppercase;color:var(--ink2)}.srow.head .c{font-family:var(--cond)}
.srow.tot{border-top:2px solid var(--rule);font-weight:600}.srow.rem{color:var(--ink2)}
.mb{display:block;height:8px;background:var(--sig);margin-left:auto;border-radius:1px}
/* inner pages */
.crumb a{color:var(--ink2)}
table.plain{width:100%;border-collapse:collapse;background:var(--card);font-size:14.5px}table.plain th{font:600 13px var(--cond);letter-spacing:.04em;text-transform:uppercase;color:var(--ink2);text-align:left;border-bottom:2px solid var(--rule);padding:8px 10px}
table.plain td{padding:8px 10px;border-bottom:1px solid #e3e5e8;vertical-align:top}td.d,td .d{font-family:var(--mono);font-size:13px;white-space:nowrap}
.tablewrap{overflow-x:auto;max-width:100%}
ul.idx{list-style:none;padding:0;margin:8px 0;background:var(--card);border-top:2px solid var(--rule)}ul.idx li{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;border-bottom:1px solid #e3e5e8}ul.idx li span{color:var(--ink2);font-size:14px;text-align:right}
.prose{max-width:48em;padding:10px 0 30px}.prose p{margin:0 0 14px}
.pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:10px 0}
.pricing>div{background:var(--card);border-top:2px solid var(--rule);border-radius:2px;padding:16px 18px;display:flex;flex-direction:column}
.pricing .price{font:700 34px var(--mono);margin:6px 0 0}.pricing .price small{font-size:14px;margin-right:4px}.pricing .per{color:var(--ink3);font-size:14px}.pricing ul{padding-left:18px;flex:1}.pricing .btn{align-self:flex-start}
blockquote.rq{margin:8px 0;padding:8px 12px;border-left:2px solid var(--ink);background:var(--card)}
.btnrow{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
/* the subcontractor form */
.form-page{padding:26px 28px 40px;max-width:860px}
.consent-top{padding:4px 0 10px;font-size:15px;border-bottom:1px solid var(--hair)}
.subform fieldset{background:var(--card);border:1px solid #cdd1d6;border-top:2px solid var(--rule);border-radius:2px;margin:14px 0;padding:10px 16px 12px}
.subform legend{font:700 16px var(--cond);background:var(--card);padding:0 6px;margin-left:-6px}
.fld{padding:8px 0;border-bottom:1px solid #eceef0}.fld label{display:block;font:600 15px var(--cond)}
.fld input,.fld select{font:15px var(--mono);border:1px solid #9aa0a8;border-radius:2px;padding:7px 9px;margin:4px 0;max-width:100%;width:340px;background:#fff;color:var(--ink)}
.help{margin:2px 0 0;font-size:13.5px;color:var(--ink2)}.help .rule{display:block;border:0;background:none;padding:0;margin:2px 0 0;color:var(--ink3);font-size:13px}
.subform .ticks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;margin:8px 0}.subform .ticks label{font-size:15px}
.consent{display:block;margin:12px 0 4px;font-size:15px}
.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.err{color:var(--gap);font-size:13.5px;margin:3px 0 0}
.sent{background:var(--card);border-top:2px solid var(--rule);padding:14px 16px;border-radius:2px}.sent h2{margin:0 0 8px}.sent dl.face{grid-template-columns:repeat(3,minmax(0,1fr));padding:6px 0}
/* app */
.list .item{display:flex;justify-content:space-between;gap:12px;background:var(--card);padding:12px 14px;border-bottom:1px solid var(--hair);text-decoration:none}.list .meta{font:13px var(--mono);color:var(--ink2)}
.links{background:var(--card);border-top:2px solid var(--rule);padding:12px 14px;margin:14px 0;border-radius:2px}.links input.url{font:13px var(--mono);width:100%;max-width:560px;padding:7px 9px;border:1px solid #9aa0a8;border-radius:2px}
.modal{position:fixed;inset:0;background:rgba(20,20,20,.45);display:none;align-items:center;justify-content:center;z-index:50;padding:16px}.modal.open{display:flex}
.modal .box{background:var(--card);max-width:460px;width:100%;padding:18px 20px;border-top:2px solid var(--rule);border-radius:2px}.modal .legend{font:700 20px var(--cond);margin-bottom:6px}
.modal input{font:15px var(--body);width:100%;padding:9px 10px;border:1px solid #9aa0a8;border-radius:2px}.ok{color:var(--reach)}.err{color:var(--gap)}
footer.site{display:flex;flex-wrap:wrap;gap:6px 16px;padding:26px 28px 40px;margin-top:30px;border-top:2px solid var(--rule);font-size:13.5px;color:var(--ink2)}
footer.site a{color:var(--ink2)}footer.site span{flex-basis:100%}footer.site span:first-child{flex-basis:auto;font-weight:600;color:var(--ink)}
@media (max-width:1000px){.hero{grid-template-columns:1fr;gap:18px}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.summary>div:nth-child(2){border-right:0}.summary>div:nth-child(-n+2){border-bottom:1px solid var(--hair)}
  .card .edge{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.card .notches{grid-column:1/-1;justify-content:flex-start}dl.face{grid-template-columns:repeat(4,minmax(0,1fr))}.explain .form{grid-template-columns:1fr}.pricing{grid-template-columns:1fr}dl.asat{grid-template-columns:1fr}}
@media (max-width:640px){.wrap{padding:0 16px}h1{font-size:30px}.lede{font-size:16.5px}header.site nav{margin-left:0;gap:4px 12px;font-size:14px}header.site .docline{display:none}
  .card .edge{grid-template-columns:1fr}.card .when{padding-left:14px}dl.face{grid-template-columns:repeat(2,minmax(0,1fr))}.why>div{grid-template-columns:1fr;gap:2px}.twin{grid-template-columns:1fr}
  .leadline{font-size:20px}.summary .n{font-size:26px}.specimen .xrow{grid-template-columns:minmax(0,1fr) auto}.specimen .xrow .nx{grid-column:1/-1;order:3}.srow{grid-template-columns:minmax(0,1fr) 54px 70px}
  .form-page{padding:18px 16px 30px}.fld input,.fld select{width:100%}.subform .ticks{grid-template-columns:1fr}.sent dl.face{grid-template-columns:1fr 1fr}footer.site{padding:22px 16px 34px}}
@media print{.drawer,.tool,#actions,.no-print,footer.site,figure.person,.cta{display:none}body{background:#fff}.card .why{display:block}}

/* one shared month axis above the card file, instead of labels on every card */
.axis{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.5fr) minmax(0,1fr);gap:0 18px;padding:0 14px 4px;}
.axis .scale{border-bottom:0;height:18px;margin-left:16px}.axis .ticks{display:block}.axis .scale .ticks span{bottom:2px}
.axis .lbl{font:600 12.5px var(--cond);letter-spacing:.05em;text-transform:uppercase;color:var(--ink2);align-self:end;padding-bottom:3px}
.notches{align-items:center}.notches .nt{white-space:nowrap}
details.rt{margin:6px 0}details.rt>summary{cursor:pointer;font:600 14px var(--cond);color:var(--ink2);padding:4px 0;list-style:none}details.rt>summary::before{content:'+ ';}details.rt[open]>summary::before{content:'- '}
@media (max-width:1000px){.axis{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.axis .spacer3{display:none}}
@media (max-width:640px){.axis{display:none}.scale .ticks{display:block}header.site .brand{font-size:17px;padding:6px 9px}}

.card:not(.open) dl.face{display:none}
.tv{font-family:var(--body);word-spacing:normal;font-variant-numeric:tabular-nums}
.specimen .xrow .nx{white-space:nowrap;text-align:right}.specimen .clean{display:inline-block;min-width:24px;text-align:right}
.nt{height:24px}.nt b,.nt i{display:inline-flex;align-items:center}
details.rt>summary{font:500 14px var(--body)}
.sent h2+p+dl+h2,.sent h2:not(:first-child){font-size:18px;margin-top:18px}.sent dl.face div{border-bottom-color:var(--hair)}
@media (max-width:640px){.card .nx{margin-top:22px}}

.specimen .xrow{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 104px}.specimen .xrow .nx{white-space:normal;text-align:right}.specimen .xrow .notches{justify-content:flex-end}
.nt.ask b{border-right:0}.nt.ask{border-width:1.5px}
.card .toggle{bottom:auto;top:22px}.card.open .toggle{bottom:auto;top:26px}
.card .ln{font-family:var(--body);word-spacing:normal}
.card .edge{padding-right:34px}
.fld input,.fld select{width:100%;max-width:520px}
.form-page header .docline,.drawer .docline{font-family:var(--body);font-size:14px}
@media (max-width:640px){header.site nav a[href="/levels/"],header.site nav a[href="/families/"],header.site nav a[href="/frameworks/"]{display:none}}
.scale .sig.beyond{border-right:3px double var(--card)}
.rv{display:inline-flex;align-items:center;gap:6px;margin-left:6px;font-size:12.5px;color:var(--ink2)}.rv select{font:500 13px var(--cond);border:1px solid #9aa0a8;border-radius:2px;padding:2px 4px;background:#fff;color:var(--ink)}.rv-by{font-size:12px}