/* Biobased LCA Atlas: herbarium sheet meets lab notebook */
:root{
  --paper:#EDF0EA; --sheet:#F7F9F5; --panel:#E3E8E0;
  --ink:#1D2A22; --ink-2:#4B5B51; --rule:#C7CFC2; --moss:#4F6D3A;
  --fossil:#44505E; --bio:#6E8F3E; --bench:#A6782B;
  --s-S:#2E6B4F; --s-D:#2F7A78; --s-P:#6B7FA8; --s-A:#A6782B; --s-G:#C9A227; --s-I:#9AA59A;
  --serif:"Spectral", Georgia, "Times New Roman", serif;
  --sans:"Source Sans 3", "Segoe UI", system-ui, sans-serif;
  --radius:3px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.55 var(--sans);font-variant-numeric:tabular-nums}
a{color:var(--moss);text-underline-offset:2px}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--s-D);outline-offset:2px}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.2;margin:0 0 .5em}
h1{font-size:clamp(1.9rem,3.2vw,2.7rem);letter-spacing:-.01em}
h2{font-size:1.45rem;margin-top:1.8em}
h3{font-size:1.1rem}
p{margin:0 0 .9em}
small{font-size:.82em}
code,pre{font-family:ui-monospace,Consolas,monospace;font-size:.86em}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.narrow{max-width:460px}
.muted{color:var(--ink-2)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:8px 12px}
.skip:focus{left:8px;z-index:10}

/* header / footer */
header.site{border-bottom:1px solid var(--rule);background:var(--sheet)}
.site-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:600 1.12rem var(--serif)}
.brand-mark{width:26px;height:26px;color:var(--moss)}
.main-nav{display:flex;gap:4px;flex-wrap:wrap}
.main-nav a{padding:6px 10px;color:var(--ink);text-decoration:none;border-radius:var(--radius);font-weight:600;font-size:.95rem}
.main-nav a[aria-current="page"]{background:var(--ink);color:var(--sheet)}
.main-nav a:hover{background:var(--panel)}
.main-nav a[aria-current="page"]:hover{background:var(--ink)}
.nav-admin{margin-left:8px;border:1px solid var(--rule)}
main{padding-bottom:48px}
footer.site{border-top:1px solid var(--rule);background:var(--sheet);font-size:.9rem;color:var(--ink-2)}
.foot-row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}
.foot-row p{margin:0}

/* intro */
.intro{padding-top:40px}
.lede{font:400 1.2rem/1.55 var(--serif);max-width:68ch;color:var(--ink)}
.scope{display:flex;flex-wrap:wrap;gap:8px 28px;margin:18px 0;padding:12px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.scope div{min-width:150px}
.scope dt{font-size:.82rem;color:var(--ink-2)}
.scope dd{margin:0;font-weight:600}
.legend{list-style:none;display:flex;flex-wrap:wrap;gap:6px 16px;padding:0;margin:10px 0;font-size:.88rem}
.note-block{margin-top:10px}
.note-block p{max-width:75ch}

/* provenance badges */
.st{display:inline-block;min-width:1.6em;text-align:center;padding:1px 6px;border-radius:2px;font-size:.74rem;font-weight:700;color:#fff;line-height:1.5;vertical-align:1px}
.st-S{background:var(--s-S)}.st-D{background:var(--s-D)}.st-P{background:var(--s-P)}.st-A{background:var(--s-A)}.st-I{background:var(--s-I)}
.st-G{color:var(--ink);background:repeating-linear-gradient(135deg,var(--s-G) 0 5px,#E7D27A 5px 10px)}
.st-bg-S{background:var(--s-S)}.st-bg-D{background:var(--s-D)}.st-bg-P{background:var(--s-P)}.st-bg-A{background:var(--s-A)}.st-bg-I{background:var(--s-I)}
.st-bg-G{background:repeating-linear-gradient(135deg,var(--s-G) 0 4px,#E7D27A 4px 8px)}
.st-bd-S{border-left-color:var(--s-S)!important}.st-bd-D{border-left-color:var(--s-D)!important}.st-bd-P{border-left-color:var(--s-P)!important}
.st-bd-A{border-left-color:var(--s-A)!important}.st-bd-G{border-left-color:var(--s-G)!important}.st-bd-I{border-left-color:var(--s-I)!important}

/* specimen sheets */
.specimens{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;margin-top:26px}
.specimen{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--radius)}
.specimen-link{display:block;color:inherit;text-decoration:none;padding:12px}
.specimen-link:hover{background:#fff}
.specimen img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:2px}
.specimen-body{padding:12px 4px 4px}
.specimen h2{margin:0;font-size:1.05rem;font-style:italic;font-weight:400;color:var(--ink-2)}
.specimen .product{font:600 1.25rem/1.25 var(--serif);margin:.15em 0 .3em}
.specimen .feed{font-size:.9rem;color:var(--ink-2);margin-bottom:.8em}
.figs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 10px;padding:10px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.figs dt{font-size:.74rem;color:var(--ink-2);line-height:1.25}
.figs dd{margin:2px 0 0;font:600 1.15rem var(--serif)}
.figs small{font:400 .72rem var(--sans);color:var(--ink-2)}
.cov-caption{font-size:.78rem;color:var(--ink-2);margin:0 0 4px}
.cov{display:flex;height:8px;border-radius:2px;overflow:hidden;background:var(--panel)}
.cov-seg{display:block;height:100%}
.du{font-size:.78rem;color:var(--ink-2);margin:.7em 0 0}

/* material head */
.mat-head{display:grid;grid-template-columns:minmax(220px,380px) 1fr;gap:28px;padding-top:30px;align-items:start}
.mat-img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);border:1px solid var(--rule)}
.crumb{font-size:.88rem;color:var(--ink-2)}
.mat-head .feed{font-style:italic;color:var(--ink-2)}
.summary{max-width:70ch}
.keyfigs{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0;margin-top:22px;border-top:2px solid var(--ink);border-bottom:1px solid var(--rule)}
.kf{padding:14px 16px 14px 0;display:flex;flex-direction:column;gap:2px}
.kf+.kf{padding-left:16px;border-left:1px solid var(--rule)}
.kf-v{font:700 2rem/1.1 var(--serif)}
.kf-main .kf-v{font-size:2.6rem;color:var(--fossil)}
.kf-u{font-size:.86rem}
.kf-n{font-size:.8rem;color:var(--ink-2)}

/* life-cycle strip */
.hint{font-size:.9rem;color:var(--ink-2);max-width:78ch}
.strip{display:grid;grid-template-columns:2.4fr repeat(4,1fr);gap:0;border:1px solid var(--rule);border-radius:var(--radius);background:var(--sheet);overflow-x:auto}
.lane{padding:12px;min-width:170px}
.lane+.lane{border-left:1px dashed var(--rule)}
.lane-h{display:flex;align-items:baseline;gap:8px;margin:0 0 8px;font-size:1rem}
.lane-k{font:700 1.6rem var(--serif);color:var(--moss)}
.lane-t{font:400 .82rem var(--sans);color:var(--ink-2)}
.stage{font-size:.76rem;color:var(--ink-2);margin:10px 0 4px;font-style:italic}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.lane:first-child .chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.chip{display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid var(--rule);border-left:4px solid var(--s-I);border-radius:2px;background:#fff;color:var(--ink);text-decoration:none;font-size:.84rem;line-height:1.3}
.chip:hover{background:var(--panel)}
.chip em{margin-left:auto;font-style:normal;font-weight:700;color:var(--fossil);font-size:.78rem}
.dot{flex:0 0 8px;height:8px;border-radius:50%}

/* charts */
.two-col{display:grid;grid-template-columns:1.25fr 1fr;gap:34px}
.chart-box{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--radius);padding:10px}
.chart{width:100%;height:auto;display:block;font-family:var(--sans)}
.chart .grid{stroke:var(--rule);stroke-width:1}
.chart .tick,.chart .sub{font-size:11px;fill:var(--ink-2)}
.chart .lab{font-size:13px;font-weight:600;fill:var(--ink)}
.chart .val{font-size:12px;fill:var(--ink)}
.chart .val-bio{fill:var(--bio)}
.chart .axis{stroke:var(--ink);stroke-width:1.5}
.chart .axis-t{font-size:12px;fill:var(--ink-2)}
.chart .bar-mod rect,.chart rect.bar-mod{fill:var(--fossil)}
.chart rect.bar-bio{fill:var(--bio)}
.chart .bar-res rect{fill:var(--s-G);fill-opacity:.55;stroke:var(--bench);stroke-dasharray:4 3}
.chart .whisk{stroke:var(--ink);stroke-width:1.4}
.chart .bench{stroke:var(--bench);stroke-width:2;stroke-dasharray:5 4}
.chart .bench-t{font-size:11px;fill:var(--bench);font-weight:700}
.toggle{display:inline-flex;gap:8px;align-items:center;margin-bottom:8px;font-weight:600}
.residual{display:none}
body.show-residual p.residual{display:block}
body.show-residual tr.residual{display:table-row}
body.show-residual g.residual{display:inline}
.residual-note{background:#F3ECD3;border-left:4px solid var(--s-G);padding:10px 12px;font-size:.92rem}

/* facts */
.facts{margin:0}
.facts dt{font-weight:700;margin-top:12px}
.facts dd{margin:2px 0 0}

/* tables */
.table-scroll{overflow-x:auto;border:1px solid var(--rule);border-radius:var(--radius);background:var(--sheet)}
table.data{width:100%;border-collapse:collapse;font-size:.88rem}
.data th,.data td{padding:7px 9px;text-align:left;vertical-align:top;border-bottom:1px solid var(--rule)}
.data thead th{background:var(--panel);font-weight:700;position:sticky;top:0}
.data .num{text-align:right;white-space:nowrap}
.data .note{color:var(--ink-2);min-width:220px}
.data tfoot th{background:var(--panel)}
.proc-h th{background:#fff;font-weight:400;border-top:2px solid var(--ink-2)}
.proc-h .mod{display:inline-block;font:700 .8rem var(--serif);background:var(--ink);color:var(--sheet);padding:0 6px;border-radius:2px;margin-right:4px}
.proc-g{float:right;font-weight:700;color:var(--fossil)}
tr.state-gap td{background:#FBF6E4}
tr.state-lci td,tr.state-info td{color:var(--ink-2)}
.gapv{color:#8A6D00;font-weight:700}
.tag{display:inline-block;font-size:.7rem;border:1px solid var(--rule);border-radius:2px;padding:0 5px;color:var(--ink-2);vertical-align:1px}
.ref{white-space:nowrap}
tbody.flash th,tbody.flash td{animation:flash 1.6s ease-out}
@keyframes flash{from{background:#DCE8C8}to{background:inherit}}
@media (prefers-reduced-motion:reduce){tbody.flash th,tbody.flash td{animation:none;background:#DCE8C8}}

/* inventory tools */
.inv-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.inv-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.inv-tools input[type=search]{padding:7px 10px;border:1px solid var(--rule);border-radius:var(--radius);min-width:220px;font:inherit;background:#fff}
.filters{border:0;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.filters label{display:inline-flex;align-items:center;gap:3px;font-size:.85rem}

/* buttons and forms */
.btn,.btn-sm{display:inline-block;font:600 .95rem var(--sans);border:1px solid var(--ink);background:var(--ink);color:var(--sheet);border-radius:var(--radius);padding:9px 16px;cursor:pointer;text-decoration:none}
.btn-sm{font-size:.82rem;padding:5px 10px;background:var(--sheet);color:var(--ink)}
.btn:hover{background:var(--moss);border-color:var(--moss);color:#fff}
.btn-sm:hover{background:var(--panel);color:var(--ink)}
.btn-sm.danger{border-color:#8B3A2B;color:#8B3A2B}
.form{display:flex;flex-direction:column;gap:12px;max-width:560px}
.form fieldset{border:1px solid var(--rule);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:10px}
.form label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:.92rem}
.form label.check{flex-direction:row;align-items:flex-start;gap:8px;font-weight:400}
.form input:not([type=checkbox]):not([type=radio]),.form textarea,.form select{font:inherit;padding:8px 10px;border:1px solid var(--rule);border-radius:var(--radius);background:#fff;color:var(--ink)}
.ok-box,.err-box{padding:10px 14px;border-radius:var(--radius);border-left:4px solid}
.ok-box{background:#E1EDDC;border-color:var(--s-S)}
.err-box{background:#F6E2DC;border-color:#8B3A2B}
.err-box p{margin:.2em 0}
.err-list li{color:#8B3A2B}
.warn-list li{color:#6E5500}
.compare-ctl{display:flex;flex-wrap:wrap;gap:8px 20px;margin:14px 0}
.compare-ctl select{font:inherit;padding:4px 8px}
.actions{white-space:nowrap}
.actions form{display:inline}
.admin-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-top:30px}
.admin-grid{margin-top:10px}
details{margin:8px 0}
summary{cursor:pointer;font-weight:600}
pre.code{background:var(--sheet);border:1px solid var(--rule);padding:10px;overflow-x:auto;border-radius:var(--radius)}
.log{list-style:none;padding:0;margin:0;font-size:.86rem}
.log li{padding:4px 0;border-bottom:1px solid var(--rule)}

/* references, prose */
.reflist{padding-left:1.4em;font-size:.92rem}
.reflist li{margin-bottom:8px;max-width:95ch}
.reflist li:target{background:#F3ECD3}
.reflist.long{list-style:none;padding:0}
.ref-id{display:inline-block;font:700 .78rem var(--sans);background:var(--ink);color:var(--sheet);padding:0 6px;border-radius:2px}
.prose{max-width:80ch}
.install{padding-top:30px;max-width:720px}
.checks li.ok{color:var(--s-S)}.checks li.bad{color:#8B3A2B;font-weight:700}

@media (max-width:900px){
  .two-col,.mat-head{grid-template-columns:1fr}
  .strip{grid-template-columns:repeat(5,minmax(230px,1fr))}
  .lane:first-child .chips{display:flex}
  .figs{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:520px){
  .kf+.kf{border-left:0;padding-left:0;border-top:1px solid var(--rule)}
  .figs dd{font-size:1rem}
}

/* ---------- home: hero and carbon ledger ---------- */
.hero{padding-top:52px;padding-bottom:6px}
.hero h1{max-width:20ch;font-size:clamp(2rem,4.2vw,3.2rem);line-height:1.08;font-weight:700}
.hero .lede{margin-top:14px}
.ledger{margin-top:28px}
.ledger-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;border-bottom:2px solid var(--ink);padding-bottom:8px}
.ledger-head h2{margin:0}
.ledger-key{margin:0;font-size:.88rem;color:var(--ink-2);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.key{display:inline-block;width:14px;height:10px;border-radius:2px;margin-left:10px}
.key-bio{background:var(--bio)}.key-fos{background:var(--fossil)}
.ledger-list{list-style:none;margin:0;padding:0}
.ledger-list li{border-bottom:1px solid var(--rule)}
.ledger-row{display:grid;grid-template-columns:96px minmax(180px,1.3fr) minmax(240px,3fr) 84px 96px;gap:16px;align-items:center;padding:12px 6px;color:var(--ink);text-decoration:none}
.ledger-row:hover{background:var(--sheet)}
.ledger-row img{width:96px;height:64px;object-fit:cover;border-radius:2px;display:block}
.lr-name{display:flex;flex-direction:column;line-height:1.25}
.lr-name strong{font:600 1.05rem var(--serif)}
.lr-name span{font-size:.84rem;color:var(--ink-2);margin-top:2px}
.lr-bars{display:grid;grid-template-columns:1fr 1fr;height:22px}
.half-bio{border-right:1.5px solid var(--ink)}
.half{position:relative;display:flex;align-items:center}
.half-bio{justify-content:flex-end}
.bar{display:block;height:16px}
.bar.bio{background:var(--bio);border-radius:2px 0 0 2px}
.bar.fos{background:var(--fossil);border-radius:0 2px 2px 0}
.bar-range{position:absolute;top:50%;height:0;border-top:1.5px solid var(--fossil)}
.lr-num{display:flex;flex-direction:column;text-align:right;font:600 .95rem var(--sans);line-height:1.3}
.n-bio{color:var(--bio)}.n-bio::before{content:"\2212 "}
.n-fos{color:var(--fossil)}.n-fos::before{content:"+ "}
.lr-data{font-size:.8rem;color:var(--ink-2)}
.read{margin-top:18px}
.read-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 36px}
.read-grid h3{margin:.4em 0 .3em}
.read-grid p{max-width:60ch}

/* material page additions */
.in-short{margin-top:18px}
.in-short p{font:400 1.12rem/1.6 var(--serif);max-width:78ch;border-left:4px solid var(--moss);padding:6px 0 6px 16px;margin:0}
.plain-list{max-width:80ch;padding-left:1.2em}
.plain-list li{margin-bottom:4px}
.inv-head .hint{margin:0}
.kf-u sub,.lede sub,.in-short sub{font-size:.7em}

@media (max-width:760px){
  .ledger-row{grid-template-columns:72px 1fr auto;grid-template-areas:"img name num" "bars bars bars" "data data data";gap:8px 12px}
  .ledger-row img{width:72px;height:48px;grid-area:img}
  .lr-name{grid-area:name}.lr-num{grid-area:num}.lr-bars{grid-area:bars}.lr-data{grid-area:data}
  .read-grid{grid-template-columns:1fr}
  .main-nav{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}
  .main-nav a{white-space:nowrap}
}

/* ---------- v1.1: spacing, compare, module bars, mobile ---------- */
.page-top{padding-top:40px}
.cmp{margin-top:8px}
.cmp-key{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.84rem;color:var(--ink-2);padding:10px 0;border-bottom:2px solid var(--ink)}
.cmp-key span{display:inline-flex;align-items:center;gap:6px}
.sw{display:inline-block;width:14px;height:10px;border-radius:2px;font-style:normal}
.sw-bio{background:var(--bio)}
.sw-A1{background:#2F3A46}.sw-A2{background:#56677C}.sw-A3{background:#7E8FA4}.sw-A4{background:#A6B3C3}.sw-A5{background:#CBD3DD}
.sw-res{background:repeating-linear-gradient(135deg,var(--s-G) 0 4px,#E7D27A 4px 8px)}
.cmp-list{list-style:none;margin:0;padding:0}
.cmp-list li{border-bottom:1px solid var(--rule)}
.cmp-row{display:grid;grid-template-columns:minmax(190px,240px) 1fr 92px;gap:18px;align-items:center;padding:12px 6px;color:var(--ink);text-decoration:none}
.cmp-row:hover{background:var(--sheet)}
.cmp-name{display:flex;flex-direction:column;line-height:1.25}
.cmp-name strong{font:600 1rem var(--serif)}
.cmp-name span{font-size:.82rem;color:var(--ink-2);margin-top:2px}
.cmp-bars{display:grid;height:22px}
.stack{display:flex;height:16px;width:100%}
.seg{display:block;height:100%}
.seg:last-child{border-radius:0 2px 2px 0}
.cmp-num{display:flex;flex-direction:column;text-align:right;font:600 .95rem var(--sans);line-height:1.3}
fieldset.unit-switch{display:inline-flex;margin:0;padding:0;border:1px solid var(--ink);border-radius:var(--radius);overflow:hidden}
fieldset.unit-switch label{position:relative;cursor:pointer}
fieldset.unit-switch input{position:absolute;opacity:0;inset:0;cursor:pointer}
fieldset.unit-switch span{display:block;padding:6px 14px;font-weight:600;font-size:.9rem}
fieldset.unit-switch input:checked+span{background:var(--ink);color:var(--sheet)}
fieldset.unit-switch input:focus-visible+span{outline:3px solid var(--s-D);outline-offset:-3px}
.check-inline{display:inline-flex;gap:8px;align-items:center;font-size:.92rem}
.compare-ctl{align-items:center}
.cmp-table td small{font-size:.78rem}

/* module bars on material page */
.mbars{list-style:none;margin:0;padding:4px 2px}
.mb-row{display:grid;grid-template-columns:minmax(120px,190px) 1fr 58px;gap:12px;align-items:center;padding:7px 0;border-bottom:1px dashed var(--rule)}
.mb-row:last-child{border-bottom:0}
.mb-lab{font-size:.84rem;line-height:1.25;color:var(--ink-2)}
.mb-lab strong{display:block;color:var(--ink);font:700 .95rem var(--serif)}
.mb-track{position:relative;height:18px;background:linear-gradient(var(--rule),var(--rule)) left center/100% 1px no-repeat}
.mb-bar{position:absolute;left:0;top:2px;height:14px;background:var(--fossil);border-radius:0 2px 2px 0;min-width:1px}
.mb-range{position:absolute;top:50%;height:8px;margin-top:-4px;border:1.5px solid var(--ink);border-width:0 1.5px;background:linear-gradient(var(--ink),var(--ink)) center/100% 1.5px no-repeat}
.mb-val{text-align:right;font-weight:700;font-size:.92rem}
.mb-sub{border-top:2px solid var(--ink-2);border-bottom:0;margin-top:4px}
.mb-sub .mb-bar{background:#2F3A46}
.mb-res .mb-bar{background:repeating-linear-gradient(135deg,var(--s-G) 0 5px,#E7D27A 5px 10px)}
.mb-bench{position:absolute;top:-6px;bottom:-6px;border-left:2px dashed var(--bench)}
.mb-bench span{position:absolute;right:4px;top:-2px;font-size:.72rem;font-weight:700;color:var(--bench);white-space:nowrap;background:var(--sheet);padding:0 3px}
body.show-residual li.residual{display:grid}

@media (max-width:760px){
  .cmp-row{grid-template-columns:1fr auto;grid-template-areas:"name num" "bars bars";gap:8px 12px}
  .cmp-name{grid-area:name}.cmp-num{grid-area:num}.cmp-bars{grid-area:bars}
  .strip{grid-template-columns:1fr;overflow:visible}
  .lane{min-width:0}
  .lane+.lane{border-left:0;border-top:1px dashed var(--rule)}
  .lane:first-child .chips{display:grid;grid-template-columns:1fr}
  .mb-row{grid-template-columns:1fr 56px;grid-template-areas:"lab val" "track track";gap:4px 10px}
  .mb-lab{grid-area:lab}.mb-val{grid-area:val}.mb-track{grid-area:track}
  .mat-head{padding-top:20px}
  .kf-main .kf-v{font-size:2.1rem}
  .page-top{padding-top:24px}
}