/* The Ledger model at /ledger/model/, the compute console's concept in one screen. */
@font-face{font-family:"Archivo";font-weight:400;font-style:normal;font-display:swap;src:url(/assets/fonts/Archivo-400.woff2) format("woff2")}
@font-face{font-family:"Archivo";font-weight:500;font-style:normal;font-display:swap;src:url(/assets/fonts/Archivo-500.woff2) format("woff2")}
@font-face{font-family:"Archivo";font-weight:600;font-style:normal;font-display:swap;src:url(/assets/fonts/Archivo-600.woff2) format("woff2")}
@font-face{font-family:"Raleway";font-weight:300;font-style:normal;font-display:swap;src:url(/assets/fonts/Raleway-300.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-weight:400;font-style:normal;font-display:swap;src:url(/assets/fonts/JBMono-400.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-weight:500;font-style:normal;font-display:swap;src:url(/assets/fonts/JBMono-500.woff2) format("woff2")}
:root{color-scheme:dark;
--carbon:var(--dap-carbon);--graphite:var(--dap-graphite);--lift:#1a1e21;--warm:var(--dap-warm-white);--muted:var(--ink-muted);--blue:#7ea6d8;--sand:#cdb87f;
--font-d:var(--font-display);--font-s:var(--font-sans);--font-m:var(--font-mono);
--ease:cubic-bezier(.2,0,0,1);--t:220ms}
[hidden]{display:none!important}
html,body{height:100%}
body{margin:0;background:var(--carbon);color:var(--warm);font:13px/1.5 var(--font-s);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
*{box-sizing:border-box;border-radius:0}
a{color:inherit}
button,select,input{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:2px solid var(--warm);outline-offset:2px}
::selection{background:var(--graphite)}
.sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.cap{font:600 11px/1.3 var(--font-s);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0}
.code{font:400 12px/1.4 var(--font-m);letter-spacing:.01em}
.muted{color:var(--muted)}

#app{height:100%;min-height:680px;display:grid;grid-template-rows:56px minmax(0,1fr)}
.top{display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--hairline);padding-inline:max(20px,env(safe-area-inset-left,0px)) max(20px,env(safe-area-inset-right,0px));min-width:0}
.logo{flex:none;display:block}
.logo svg{width:180px;height:28px;display:block}
.tabs{position:relative;display:flex;gap:4px;height:100%;min-width:0}
.tab{position:relative;height:100%;padding:0 12px;color:var(--muted);font-size:13px;white-space:nowrap;transition:color var(--t) var(--ease)}
.tab:hover,.tab[aria-current="page"]{color:var(--warm)}
.tab:focus-visible{outline-offset:-4px}
#ind{position:absolute;bottom:-1px;left:0;height:1px;width:10px;background:var(--warm);transform-origin:left;transition:transform 320ms var(--ease),width 320ms var(--ease)}
.topr{margin-left:auto;display:flex;align-items:center;gap:16px;flex:none}
.note{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;white-space:nowrap}
.note i{width:6px;height:6px;border:1px solid var(--muted);transform:rotate(45deg)}
.search{display:inline-flex;align-items:center;gap:10px;height:32px;width:230px;padding:0 10px;border:1px solid var(--hairline);color:var(--muted);transition:border-color var(--t) var(--ease),color var(--t) var(--ease)}
.search:hover{border-color:var(--rule);color:var(--warm)}
.search span{flex:1;text-align:left}
.search kbd{font:400 11px var(--font-m);color:var(--muted)}

.body{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:0;position:relative}
.rail{border-right:1px solid var(--hairline);overflow-y:auto;padding:16px 0 24px;scrollbar-width:thin;scrollbar-color:var(--hairline) transparent}
.rtop{display:flex;align-items:center;justify-content:space-between;padding:0 20px 8px;min-height:28px}
.rtop b{font:300 20px/1 var(--font-d)}
.bare{color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--rule);min-height:24px;transition:color var(--t) var(--ease)}
.bare:hover{color:var(--warm)}
.rhead{display:flex;align-items:center;gap:8px;width:100%;min-height:36px;padding:0 20px;text-align:left;color:var(--muted)}
.rhead .cap{flex:1;transition:color var(--t) var(--ease)}
.rhead:hover .cap,.rhead[aria-expanded="true"] .cap{color:var(--warm)}
.rhead:focus-visible{outline-offset:-3px}
.rhead svg{transition:transform var(--t) var(--ease)}
.rhead[aria-expanded="true"] svg{transform:rotate(90deg)}
.rhead em{font:400 11px var(--font-m);color:var(--warm);font-style:normal}
.rbody{padding:0 8px 10px}
.fr{position:relative;display:flex;align-items:center;gap:10px;width:100%;height:30px;padding:0 12px;text-align:left;color:var(--muted);transition:color var(--t) var(--ease)}
.fr:hover{color:var(--warm)}
.fr:focus-visible{outline-offset:-2px}
.fr>i{position:absolute;left:12px;bottom:2px;height:1px;background:var(--hairline);max-width:calc(100% - 24px);width:0;transition:width 420ms var(--ease)}
.fr .bx{position:relative;width:9px;height:9px;border:1px solid var(--rule);flex:none;transition:background-color var(--t) var(--ease),border-color var(--t) var(--ease)}
.fr .nm{position:relative;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fr .ct{position:relative;font:400 11px var(--font-m)}
.fr[aria-pressed="true"]{color:var(--warm)}
.fr[aria-pressed="true"] .bx{background:var(--warm);border-color:var(--warm)}
.fr[data-empty="true"]:not([aria-pressed="true"]){opacity:.5}

main{min-width:0;min-height:0;position:relative}
.pane{height:100%;min-height:0}
.pane.enter{animation:fade 320ms var(--ease)}
@keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
#v-model{display:grid;grid-template-columns:minmax(0,1fr) 288px}
.mcol{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0}
.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:0;padding:0;border-bottom:1px solid var(--hairline)}
.kpis li{display:grid;grid-template-columns:minmax(0,1fr) 52px;grid-template-rows:auto auto auto;column-gap:8px;padding:14px 20px 12px;min-width:0}
.kpis li>span[id^=sp-]{grid-column:2;grid-row:2/4;align-self:center}
.kpis li+li{border-left:1px solid var(--hairline)}
.kpis .cap{grid-column:1/-1;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kv{font:400 30px/1 var(--font-s);letter-spacing:-.02em;margin:0;white-space:nowrap}
.ks{grid-column:1;font-size:12px;color:var(--muted);margin:5px 0 0;white-space:nowrap}
.spark{display:block;width:52px;height:24px;overflow:visible}

.stage{position:relative;min-height:0;overflow:hidden;background:var(--carbon)}
.glw{position:absolute;inset:0}
#gl{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}
#gl:active{cursor:grabbing}
#gl:focus-visible{outline-offset:-3px}
.overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.lhead{position:absolute;display:none;transform:translate(-50%,-50%);text-align:center;font-weight:500;font-size:13px;white-space:nowrap}
.lhead.show{display:block}.lhead i{display:block;font:400 11px var(--font-m);color:var(--muted);font-style:normal}
.index{transition:opacity var(--t) var(--ease),visibility var(--t) var(--ease)}.index.off{opacity:0;visibility:hidden}
.lnode{position:absolute;display:none;transform:translate(-50%,0);padding:2px 7px;background:var(--carbon);border:1px solid var(--rule);font:400 11px var(--font-m);white-space:nowrap}
.lnode.show{display:block}
.lrow{position:absolute;display:none;transform:translate(0,-50%);font-size:12px;color:var(--muted);white-space:nowrap;pointer-events:auto;padding:2px 0 2px 10px;cursor:default;transition:color var(--t) var(--ease)}
.lrow.show{display:block}.lrow.on,.lrow:hover{color:var(--warm)}
.lrow i{font:400 11px var(--font-m);font-style:normal;margin-left:8px}
.index{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:172px;display:flex;flex-direction:column;z-index:2}
.index::before{content:"";position:absolute;left:3px;top:14px;bottom:30px;width:1px;background:var(--hairline)}
.ix{position:relative;display:block;width:100%;text-align:left;padding:9px 0 9px 20px;min-height:58px;color:var(--muted);transition:color var(--t) var(--ease)}
.ix::before{content:"";position:absolute;left:0;top:15px;width:7px;height:7px;background:var(--carbon);border:1px solid var(--rule);transition:background-color var(--t) var(--ease),border-color var(--t) var(--ease)}
.ix b{display:flex;justify-content:space-between;gap:8px;font-weight:500;font-size:13px;line-height:1.4}
.ix b span{font:400 11px var(--font-m);line-height:18px}
.ix .tr{display:block;font:400 12px/1.4 var(--font-m);color:var(--warm);min-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ix .tr small{font:inherit;color:var(--muted)}
.ix:hover,.ix[aria-pressed="true"]{color:var(--warm)}
.ix[data-lit="true"]::before{background:var(--warm);border-color:var(--warm)}
.ix:focus-visible{outline-offset:2px}
.tools{position:absolute;right:20px;top:16px;display:flex;gap:8px;z-index:2}
.seg{display:inline-flex;border:1px solid var(--hairline);background:var(--carbon)}
.seg button{height:28px;padding:0 10px;color:var(--muted);font-size:12px;white-space:nowrap;transition:color var(--t) var(--ease),background-color var(--t) var(--ease)}
.seg button+button{border-left:1px solid var(--hairline)}
.seg button:hover{color:var(--warm)}
.seg button[aria-pressed="true"]{background:var(--warm);color:var(--carbon)}
.seg button:focus-visible{outline-offset:-3px}
.icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--hairline);background:var(--carbon);color:var(--muted);transition:color var(--t) var(--ease),border-color var(--t) var(--ease)}
.icon:hover{color:var(--warm);border-color:var(--rule)}
.legend{position:absolute;right:20px;bottom:12px;display:flex;gap:14px;font-size:12px;color:var(--muted);pointer-events:none;z-index:2;flex-wrap:wrap;justify-content:flex-end}
.legend span{display:inline-flex;align-items:center;gap:6px}
.none{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;pointer-events:none;z-index:3}
.none>*{pointer-events:auto}
.none p{margin:0;font:300 20px var(--font-d)}
.nogl{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;color:var(--muted);text-align:center}

.time{display:grid;grid-template-columns:32px minmax(0,1fr) 92px;gap:14px;align-items:center;padding:8px 20px;border-top:1px solid var(--hairline)}
.pbtn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--hairline);color:var(--warm);transition:border-color var(--t) var(--ease)}
.pbtn:hover{border-color:var(--rule)}
.scrub{position:relative;height:36px}
.bars{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;align-items:end;pointer-events:none}
.bars div{display:flex;flex-direction:column;justify-content:flex-end;height:100%;gap:3px}
.bars i{display:block;background:var(--hairline);transition:background-color var(--t) var(--ease),height 420ms var(--ease);min-height:1px}
.bars div[data-on="true"] i{background:var(--rule)}
.bars div[data-now="true"] i{background:var(--muted)}
.bars div[data-now="true"] span{color:var(--warm)}
.bars span{font:400 10px/1 var(--font-m);color:var(--muted)}
.scrub input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.scrub:has(input:focus-visible){outline:2px solid var(--warm);outline-offset:2px}
.wk{font-size:12px;color:var(--muted);text-align:right;white-space:nowrap}

.read{border-left:1px solid var(--hairline);display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;min-width:0}
.insp{padding:16px 20px 18px;border-bottom:1px solid var(--hairline);min-height:176px}
.insp .row{display:flex;justify-content:space-between;align-items:center;min-height:24px}
.insp h2{font:400 28px/1.15 var(--font-m);letter-spacing:-.02em;margin:10px 0 6px}
.insp p{margin:0;color:var(--muted);max-width:32ch}
.pair{display:grid;grid-template-columns:1fr 1fr;margin-top:14px}
.pair b{display:block;font:500 15px/1.3 var(--font-s)}
.pair span{font-size:12px;color:var(--muted)}
.fams{display:flex;flex-direction:column;min-height:0;padding:14px 8px 8px}
.fhead{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:0 12px 8px}
.flist{overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:var(--hairline) transparent}
.fb{display:grid;grid-template-columns:42px minmax(0,1fr) 34px;gap:10px;align-items:center;width:100%;height:30px;padding:0 12px;text-align:left;color:var(--muted);transition:color var(--t) var(--ease)}
.fb:hover,.fb[aria-pressed="true"]{color:var(--warm)}
.fb:focus-visible{outline-offset:-2px}
.fb u{display:block;height:2px;background:var(--hairline);position:relative;text-decoration:none}
.fb u i{position:absolute;left:0;top:0;bottom:0;background:var(--rule);transition:width 420ms var(--ease),background-color var(--t) var(--ease)}
.fb:hover u i,.fb[aria-pressed="true"] u i{background:var(--warm)}
.fb .n{text-align:right;font:400 11px var(--font-m)}

.sheet{height:100%;overflow-y:auto;padding:28px 32px 40px;scrollbar-width:thin;scrollbar-color:var(--hairline) transparent}
.vh{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 32px;flex-wrap:wrap;margin-bottom:20px}
.vh h2{font:300 32px/1.15 var(--font-d);margin:0;text-wrap:balance}
.vh p{margin:6px 0 0;color:var(--muted);max-width:62ch}
.ctl{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ctl label{font-size:12px;color:var(--muted)}
.tw{overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--hairline) transparent}
.gt{width:100%;border-collapse:collapse}
.gt th{position:sticky;top:0;background:var(--carbon);text-align:left;font:600 11px/1.3 var(--font-s);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:0 16px 10px 0;border-bottom:1px solid var(--rule);white-space:nowrap;z-index:1}
.gt th button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;min-height:24px;display:inline-flex;gap:4px;align-items:center;transition:color var(--t) var(--ease)}
.gt th button:hover,.gt th[aria-sort] button{color:var(--warm)}
.gt td{padding:11px 16px 11px 0;border-bottom:1px solid var(--hairline);white-space:nowrap;transition:background-color var(--t) var(--ease)}
.gt tbody tr:hover td{background:var(--lift)}
.gt .num{text-align:right}
.gt th:last-child,.gt td:last-child{padding-right:0}
.lnk{font:400 12.5px var(--font-m);text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:3px;min-height:24px;display:inline-flex;align-items:center;transition:text-decoration-color var(--t) var(--ease)}
.lnk:hover{text-decoration-color:var(--warm)}
.res{display:inline-flex;align-items:center;gap:8px}
.res i{width:7px;height:7px;flex:none}
.mix{display:flex;gap:1px;height:6px;width:96px;background:none}
.mix i{display:block;height:100%}
.keyrow{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.keyrow span{display:inline-flex;align-items:center;gap:6px}
.keyrow i{width:9px;height:9px}
.bar{display:block;height:2px;min-width:120px;background:var(--hairline);position:relative}
.bar i{position:absolute;left:0;top:0;bottom:0;background:var(--warm)}
.strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--rule);border-bottom:1px solid var(--hairline);margin-bottom:28px}
.strip>div+div{border-left:1px solid var(--hairline)}
.stg{display:block;width:100%;padding:14px 16px 16px;text-align:left;transition:background-color var(--t) var(--ease)}
.stg:hover{background:var(--lift)}
.stg .kv{margin-top:10px}
.stg p:last-child{margin:6px 0 0;color:var(--muted);font-size:12px}
.block{margin-bottom:32px}
.block h3{font:500 15px/1.3 var(--font-s);margin:0 0 2px}
.block>p{margin:0 0 12px;color:var(--muted)}
.chart{overflow-x:auto}
.chart svg{display:block;width:100%;min-width:680px;height:auto}
.chart text{fill:var(--muted);font:11px var(--font-m)}
.chart text.n{fill:var(--warm);font:13px var(--font-s)}
.chart text.v{fill:var(--muted);font:11px var(--font-m)}
.sk path{transition:stroke-opacity var(--t) var(--ease)}
.sk:hover path{stroke-opacity:.14}
.sk path:hover{stroke-opacity:.72}
.hit line{opacity:0;transition:opacity var(--t) var(--ease)}
.hit:hover line{opacity:1}
.prose{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-bottom:36px}
.prose h3{font:500 15px/1.3 var(--font-s);margin:0 0 6px}
.prose p{margin:0;color:var(--muted);line-height:1.6}
.stampline{font:400 11px var(--font-m);color:var(--muted);margin:12px 0 0}

.tip{position:fixed;z-index:40;pointer-events:none;background:var(--carbon);border:1px solid var(--rule);padding:7px 9px;font-size:12px;max-width:280px}
.tip b{display:block;font-weight:500}.tip span{color:var(--muted);font:400 11px var(--font-m)}
.scrim{position:fixed;inset:0;z-index:50;background:var(--panel-carbon-72);animation:fade 160ms var(--ease)}
.palette{position:fixed;left:50%;top:14vh;z-index:51;width:min(560px,calc(100vw - 32px));transform:translateX(-50%);background:var(--lift);border:1px solid var(--rule)}
.palette input{width:100%;height:52px;border:0;border-bottom:1px solid var(--hairline);background:transparent;padding:0 16px;font-size:15px;outline:0}
.palette input::placeholder{color:var(--muted)}
.palette ul{list-style:none;margin:0;padding:6px;max-height:42vh;overflow-y:auto}
.palette li button{display:flex;justify-content:space-between;gap:12px;width:100%;min-height:34px;padding:4px 10px;text-align:left;font:400 12.5px var(--font-m)}
.palette li button:hover,.palette li button:focus-visible{background:var(--graphite);outline:0}
.palette li span{color:var(--muted);font:400 12px var(--font-s)}
.empty{padding:20px;color:var(--muted);text-align:center}
.ftoggle{display:none}

@media (max-width:1240px){#v-model{grid-template-columns:minmax(0,1fr) 248px}.kv{font-size:26px}.kpis li{padding-inline:14px}.kpis li>span[id^=sp-]{display:none}.kpis li{grid-template-columns:minmax(0,1fr)}.search{width:44px;justify-content:center}.search span,.search kbd{display:none}}
@media (max-width:1023px){
 html,body{height:auto}#app{height:auto;display:block;min-height:100%}
 .top{height:auto;min-height:56px;flex-wrap:wrap;gap:0 10px;padding-top:10px}
 .topr{display:contents}.ftoggle{margin-left:auto;order:2}.search{order:3;width:36px;justify-content:center}.search span,.search kbd{display:none}
 .tabs{order:4;flex:1 1 100%;height:44px;overflow-x:auto;margin-inline:-12px;scrollbar-width:none}
 .note{order:5;flex:1 1 100%;padding-bottom:8px}
 .body{display:block}.pane{height:auto}
 .ftoggle{display:inline-flex;align-items:center;height:32px;padding:0 10px;border:1px solid var(--hairline);font-size:12px}
 .rail{position:absolute;left:0;top:0;width:min(280px,86vw);max-height:80vh;z-index:30;background:var(--carbon);border:1px solid var(--rule);display:none}
 .rail.open{display:block}
 #v-model{display:block}.mcol{display:block}
 .stage{overflow:visible;display:flex;flex-direction:column}.glw{order:1}.legend{order:2;position:static;justify-content:flex-start;padding:8px max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px))}.index{order:3}.glw{position:relative;height:min(92vw,560px);min-height:360px;overflow:hidden}
 .read{border-left:0;display:block;border-top:1px solid var(--hairline)}
 .kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.kpis li{grid-column:span 2}.kpis li:nth-child(n+4){grid-column:span 3;border-top:1px solid var(--hairline)}.kpis li:nth-child(4){border-left:0}
 .index{position:static;transform:none;width:auto;display:block;border-top:1px solid var(--hairline)}
 .index::before{display:none}.index.off{opacity:1;visibility:visible}
 .ix{display:flex;align-items:center;gap:12px;min-height:44px;padding:6px max(16px,env(safe-area-inset-right,0px)) 6px max(16px,env(safe-area-inset-left,0px))}.ix::before{display:none}.ix+.ix{border-top:1px solid var(--hairline)}
 .ix b{flex:1}.ix .tr{min-height:0}
 .sheet{padding:24px max(16px,env(safe-area-inset-right,0px)) 32px max(16px,env(safe-area-inset-left,0px));height:auto}
 .prose{grid-template-columns:minmax(0,1fr);gap:20px}
 .time{padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px))}
}
@media (max-width:640px){
 .logo svg{width:150px;height:24px}
 .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpis li,.kpis li:nth-child(n+4){grid-column:span 1;padding:12px 16px;border-left:0;border-top:0}.kpis li:nth-child(even){border-left:1px solid var(--hairline)}.kpis li:nth-child(n+3){border-top:1px solid var(--hairline)}.kpis li:last-child{grid-column:1/-1}
 .strip{grid-template-columns:repeat(2,minmax(0,1fr))}.strip>div:nth-child(odd){border-left:0}.strip>div:nth-child(n+3){border-top:1px solid var(--hairline)}
 .tools{right:16px;top:12px;left:16px;justify-content:flex-end;flex-wrap:wrap}.legend{gap:6px 12px}
 .time{grid-template-columns:32px minmax(0,1fr)}.wk{display:none}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:0ms!important;animation-duration:0ms!important}}
.select{height:30px;padding:0 8px;background:var(--carbon);border:1px solid var(--hairline);font-size:12.5px}
#insp:focus{outline:0}
.gt .rank{width:48px}.gt .share{width:36%}.gt .wrapc{white-space:normal}
.fsum{font-size:12px}
.skip{position:absolute;left:-9999px;top:8px;z-index:60;background:var(--warm);color:var(--carbon);padding:8px 12px}
.skip:focus{left:8px}
.nojs{padding:32px;max-width:62ch}
