/* ledger-pages.css, P04-S08-PH02. Built by a script from JADE's signed design CSS: PH01 shell.css (hash 46e8d78b426dc1e4, lines 8 to 9, 34 to 38, 63 to 128, 137 to 152) and PH02 ledger-verify.css (hash 53e45858cbc458bc), every class renamed with the prefix lg-. The tokens come from .ts-scope in terminal-shell.css. The one change to the design: the shimmer runs three passes, as live-components.css rules (BUILD_MAP line 8). */
.lg-mono{font-family:var(--font-mono)}
.lg-wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--gutter)}
.lg-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);padding:0 var(--sp-4);border-radius:var(--r-2);font:700 var(--fs-base)/1.2 var(--font-text);text-decoration:none;text-align:center;border:1px solid transparent;cursor:pointer}
.lg-btn-primary{background:var(--teal);color:var(--teal-ink)}
.lg-btn-primary:hover{background:var(--teal-bright);color:var(--teal-ink)}
.lg-btn-secondary{background:transparent;color:var(--teal);border-color:var(--edge)}
.lg-btn-secondary:hover{background:var(--bg-2);color:var(--teal-bright)}
.lg-ls{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-2);display:flex;flex-direction:column;min-width:0}
.lg-ls-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--sp-2) var(--sp-4);padding:var(--sp-4) var(--sp-4) var(--sp-3);border-bottom:1px solid var(--line)}
.lg-ls-head h2{font:700 var(--fs-lg)/1.2 var(--font-text);color:var(--text-1)}
.lg-ls-head p{font-size:var(--fs-sm);color:var(--text-2)}
.lg-filt{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line)}
.lg-filt-l{font:600 var(--fs-xs) var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-right:var(--sp-2)}
.lg-chip{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 var(--sp-3);border:1px solid var(--edge);border-radius:var(--r-2);background:transparent;color:var(--text-2);font:600 var(--fs-sm) var(--font-text);cursor:pointer}
.lg-chip[aria-pressed="true"]{background:var(--bg-3);color:var(--text-1);border-color:var(--teal)}
.lg-chip[aria-pressed="true"]::before{content:"";width:8px;height:8px;margin-right:6px;background:var(--teal)}
.lg-fresh{padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sm);color:var(--text-2);border-bottom:1px solid var(--line)}
.lg-fresh.lg-stale{color:var(--text-1);border-left:3px solid var(--amber);padding-left:calc(var(--sp-4) - 3px)}
.lg-rows{list-style:none;margin:0;padding:0;max-height:25rem;overflow:auto}
.lg-rows:focus-visible{outline-offset:-3px}
.lg-cols,.lg-row{display:grid;grid-template-columns:7.5rem minmax(0,1.4fr) 9.5rem 9.5rem 7.5rem 6.75rem 8.5rem;gap:var(--sp-3);align-items:center;padding:var(--sp-3) var(--sp-4)}
.lg-cols{font:600 var(--fs-xs) var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg-1);z-index:2}
.lg-row{border-bottom:1px solid var(--line);color:var(--text-1);font-size:var(--fs-sm)}
.lg-row:hover{background:var(--bg-2)}
.lg-row .lg-lab{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:600}
.lg-row .lg-mk{color:var(--text-2)}
.lg-row .lg-tm,.lg-row .lg-fp{font-family:var(--font-mono);font-size:var(--fs-xs)}
.lg-row .lg-fp{color:var(--text-1);letter-spacing:.04em}
.lg-row .lg-vl a{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--teal);font-weight:600}
.lg-row .lg-vl{justify-self:end}
.lg-st{display:inline-flex;align-items:center;gap:6px;font:700 var(--fs-xs) var(--font-mono);letter-spacing:.06em;text-transform:uppercase}
.lg-st::before{content:"";width:10px;height:10px;flex:none}
.lg-st-sealed{color:var(--text-1)}
.lg-st-sealed::before{background:var(--text-1)}
.lg-st-revealed{color:var(--teal)}
.lg-st-revealed::before{border:2px solid var(--teal);background:transparent}
.lg-row-masked .lg-lab{color:var(--text-2);font-style:italic}
.lg-row-more{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--line)}
.lg-row-more a{display:inline-flex;align-items:center;min-height:var(--tap)}
.lg-notice{margin:var(--sp-2) var(--sp-4);padding:var(--sp-2) var(--sp-3);border:1px solid var(--teal);border-radius:var(--r-1);background:var(--bg-3);color:var(--text-1);font-size:var(--fs-sm)}
.lg-notice button{background:none;border:0;color:var(--teal);font:inherit;font-weight:700;cursor:pointer;min-height:var(--tap);padding:0 var(--sp-2)}
.lg-msg{padding:var(--sp-6) var(--sp-4);color:var(--text-1);display:grid;gap:var(--sp-3);justify-items:start}
.lg-msg-box{border:1px dashed var(--line-strong);padding:var(--sp-5)}
.lg-skel{display:grid;gap:0}
.lg-skel i{display:block;height:2.75rem;margin:0;border-bottom:1px solid var(--line);background:linear-gradient(90deg,var(--bg-2),var(--bg-3),var(--bg-2));background-size:200% 100%}
.lg-sk-cap{padding:var(--sp-3) var(--sp-4);color:var(--text-2);font-size:var(--fs-sm)}
.lg-err-line{display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap;color:var(--text-1)}
.lg-err-line::before{content:"";width:12px;height:12px;background:var(--danger);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);flex:none}
@media (prefers-reduced-motion:no-preference){.lg-skel i{animation:sh 1.6s linear 3}@keyframes sh{to{background-position:-200% 0}}}
/* hero */
.lg-hero{padding:var(--sp-6) 0 var(--sp-5)}
.lg-hero-grid{display:grid;gap:var(--sp-5);grid-template-columns:minmax(0,1fr)}
@media (min-width:1024px){.lg-hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--sp-6);align-items:start}}
.lg-hero h1{font:800 var(--fs-h1)/1.08 var(--font-text);letter-spacing:-.02em;color:var(--text-1);max-width:18ch}
.lg-hero .lg-sub{margin-top:var(--sp-4);font-size:var(--fs-lg);line-height:1.55;color:var(--text-2);max-width:32rem}
.lg-hero .lg-proof{margin-top:var(--sp-4);padding-left:var(--sp-4);border-left:3px solid var(--teal);color:var(--text-1);max-width:32rem}
.lg-hero .lg-acts{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-5)}
.lg-entry{display:grid;gap:var(--sp-3);grid-template-columns:minmax(0,1fr);margin-top:var(--sp-5)}
@media (min-width:768px){.lg-entry{grid-template-columns:repeat(3,minmax(0,1fr))}}
.lg-ep{display:grid;gap:var(--sp-2);padding:var(--sp-4);background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-2)}
.lg-ep .lg-ft{font:700 var(--fs-lg) var(--font-mono);color:var(--text-1)}
.lg-ep .lg-fa{font-size:var(--fs-sm);color:var(--text-2)}
.lg-ep a{display:inline-flex;align-items:center;min-height:var(--tap);font-weight:700}
.lg-ep-first{border-color:var(--teal)}
.lg-ep-mark{justify-self:start;font:700 var(--fs-xs) var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--teal);border:1px solid var(--teal);padding:1px 6px}
.lg-lines{display:grid;gap:var(--sp-2);margin-top:var(--sp-5);max-width:60rem}
.lg-lines p{color:var(--text-2)}
.lg-plans{margin-top:var(--sp-5);padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-2);background:var(--bg-1);display:grid;gap:var(--sp-3);max-width:60rem}
.lg-plans .lg-acts{margin-top:0}
.lg-prods{display:grid;gap:var(--sp-3);grid-template-columns:minmax(0,1fr)}
@media (min-width:768px){.lg-prods{grid-template-columns:repeat(3,minmax(0,1fr))}}
.lg-prod{padding:var(--sp-5);background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-2);display:grid;gap:var(--sp-3);align-content:start}
.lg-prod h2{font:700 var(--fs-lg) var(--font-mono);color:var(--text-1);letter-spacing:.06em}
.lg-ls{container-type:inline-size}
.lg-row .lg-meta{display:none}
/* the strip adapts to its own width, not the screen's: three layouts */
@container (max-width:859px){
  .lg-cols,.lg-row{grid-template-columns:6.5rem minmax(0,1.3fr) 9rem 6.75rem 8.5rem}
  .lg-cols .lg-c-ev,.lg-row .lg-ev,.lg-cols .lg-c-vl,.lg-row .lg-vl{display:none}
}
@container (max-width:559px){
  .lg-cols{display:none}
  .lg-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'lab st' 'meta meta';gap:var(--sp-1) var(--sp-3);padding:var(--sp-3) var(--sp-4)}
  .lg-row .lg-mk,.lg-row .lg-tm,.lg-row .lg-fp,.lg-row .lg-ev,.lg-row .lg-vl{display:none}
  .lg-row .lg-lab{grid-area:lab}
  .lg-row .lg-st{grid-area:st;justify-self:end}
  .lg-row .lg-meta{grid-area:meta;display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-3);color:var(--text-2);font-size:var(--fs-xs)}
  .lg-row .lg-meta .lg-pm{color:var(--text-1);font-weight:700}
}

.lg-chip{min-width:var(--tap);justify-content:center}
/* PH02: ledger page, drawer, verify tool, explainer */
.lg-pg{padding-block:var(--sp-6) var(--sp-5)}
.lg-pg h1{font:800 var(--fs-h1)/1.1 var(--font-text);letter-spacing:-.02em;color:var(--text-1);max-width:24ch}
.lg-pg .lg-lede{margin-top:var(--sp-4);font-size:var(--fs-lg);line-height:1.55;color:var(--text-1);max-width:40rem}
.lg-pg ul.lg-plain,.lg-pg ol.lg-plain{margin:var(--sp-3) 0 0;padding-left:1.25rem;color:var(--text-2);max-width:40rem}
.lg-pg ul.lg-plain li,.lg-pg ol.lg-plain li{margin:var(--sp-1) 0}
.lg-sec{margin-top:var(--sp-6)}
.lg-sec>h2{font:700 var(--fs-xl)/1.2 var(--font-text);color:var(--text-1);margin-bottom:var(--sp-3)}
.lg-sec>h3{font:700 var(--fs-lg)/1.25 var(--font-text);color:var(--text-1);margin:var(--sp-5) 0 var(--sp-2)}
.lg-sec p{max-width:44rem;margin-top:var(--sp-2)}
.lg-free{margin-top:var(--sp-4);padding-left:var(--sp-4);border-left:3px solid var(--teal);color:var(--text-1);max-width:40rem}
/* explorer */
.lg-xp{display:grid;gap:var(--sp-3);padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-2);background:var(--bg-1)}
.lg-xp-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3)}
.lg-xp-row .lg-filt-l{flex:0 0 10rem}
@media (max-width:599px){.lg-xp-row .lg-filt-l{flex-basis:100%}}
.lg-sel{min-height:var(--tap);padding:0 var(--sp-3);background:var(--bg-2);color:var(--text-1);border:1px solid var(--edge);border-radius:var(--r-2);font:600 var(--fs-sm) var(--font-text)}
.lg-count{color:var(--text-2);font-size:var(--fs-sm);padding:var(--sp-2) 0}
.lg-dayg{margin-top:var(--sp-4)}
.lg-dayh{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);background:var(--bg-3);border-block:1px solid var(--line-strong);font:700 var(--fs-sm) var(--font-mono);letter-spacing:.06em;color:var(--text-1);text-transform:uppercase}
.lg-dayh .lg-cnt{font-weight:600;color:var(--text-2);text-transform:none;letter-spacing:0}
.lg-ls.lg-page .lg-rows{max-height:none;overflow:visible}
.lg-row.lg-sel-row{background:var(--bg-3);box-shadow:inset 3px 0 0 var(--teal)}
.lg-row .lg-rb{all:unset}
.lg-more-wrap{padding:var(--sp-4);display:flex;justify-content:center}
/* docked drawer */
.lg-dock{display:grid;gap:var(--sp-5);grid-template-columns:minmax(0,1fr);align-items:start}
@media (min-width:1100px){.lg-dock:has(.lg-drawer:not([hidden])){grid-template-columns:minmax(0,1fr) 26rem}.lg-dock .lg-drawer{position:sticky;top:var(--sp-4)}}
.lg-drawer{background:var(--bg-2);border:1px solid var(--line-strong);border-radius:var(--r-2);display:grid;gap:0;min-width:0}
.lg-dr-h{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line)}
.lg-dr-h h2{font:700 var(--fs-lg)/1.2 var(--font-text);color:var(--text-1)}
.lg-dr-x{min-height:var(--tap);min-width:var(--tap);padding:0 var(--sp-3);background:transparent;color:var(--text-1);border:1px solid var(--edge);border-radius:var(--r-2);font:600 var(--fs-sm) var(--font-text);cursor:pointer}
.lg-dr-b{display:grid;gap:var(--sp-4);padding:var(--sp-4)}
.lg-kv{display:grid;gap:var(--sp-3);margin:0}
.lg-kv>div{display:grid;gap:2px}
.lg-kv dt{font:600 var(--fs-xs) var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.lg-kv dd{margin:0;color:var(--text-1);font-size:var(--fs-sm)}
.lg-fpfull{display:block;font:500 var(--fs-sm)/1.45 var(--font-mono);color:var(--text-1);word-break:break-all;overflow-wrap:anywhere;padding:var(--sp-2) var(--sp-3);background:var(--bg-0);border:1px solid var(--line);border-radius:var(--r-1)}
.lg-fprow{display:grid;gap:var(--sp-2)}
.lg-btn-sm{min-height:var(--tap);padding:0 var(--sp-3);font-size:var(--fs-sm);width:auto}
.lg-callout{padding:var(--sp-3);border:1px solid var(--line-strong);border-radius:var(--r-1);background:var(--bg-1);color:var(--text-1);font-size:var(--fs-sm)}
.lg-callout.lg-amber{border-left:3px solid var(--amber)}
.lg-callout.lg-teal{border-left:3px solid var(--teal)}
.lg-callout.lg-plain{border-left:3px solid var(--edge)}
.lg-otl{display:grid;gap:2px}
.lg-frame{position:relative;height:36rem;max-width:24.5rem;overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--r-2);background:var(--bg-0)}
.lg-frame .lg-under{padding:var(--sp-3);opacity:.5}
.lg-frame .lg-sheet{position:absolute;left:0;right:0;bottom:0;max-height:88%;overflow:auto;background:var(--bg-2);border-top:2px solid var(--teal);border-radius:var(--r-2) var(--r-2) 0 0}
.lg-sheet-grab{width:2.5rem;height:4px;background:var(--edge);border-radius:2px;margin:var(--sp-2) auto 0}
.lg-demo-grid{display:grid;gap:var(--sp-5);grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.lg-demo-grid.lg-two{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* gap list */
.lg-gaps{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--r-2);background:var(--bg-1)}
.lg-gaps li{display:grid;gap:var(--sp-1) var(--sp-4);grid-template-columns:7.5rem minmax(0,1fr) 9.5rem 6rem;align-items:start;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line);color:var(--text-1);font-size:var(--fs-sm)}
.lg-gaps li:last-child{border-bottom:0}
.lg-gaps .lg-why{color:var(--text-2)}
.lg-gaps .lg-tm{font:500 var(--fs-xs) var(--font-mono)}
.lg-gs{font:700 var(--fs-xs) var(--font-mono);letter-spacing:.06em;text-transform:uppercase;display:inline-flex;gap:6px;align-items:center}
.lg-gs-open::before{content:"";width:10px;height:10px;background:var(--amber);clip-path:polygon(50% 0,100% 100%,0 100%)}
.lg-gs-closed::before{content:"";width:10px;height:10px;border:2px solid var(--text-2);border-radius:50%}
@media (max-width:767px){.lg-gaps li{grid-template-columns:minmax(0,1fr)}}
/* verify */
.lg-vform{display:grid;gap:var(--sp-4);margin-top:var(--sp-5);max-width:44rem}
.lg-fld{display:grid;gap:var(--sp-1)}
.lg-fld label{font-weight:700;color:var(--text-1)}
.lg-fld .lg-hint{font-size:var(--fs-sm);color:var(--text-2)}
.lg-inp{width:100%;min-height:var(--tap);padding:var(--sp-2) var(--sp-3);background:var(--bg-0);color:var(--text-1);border:1px solid var(--edge);border-radius:var(--r-1);font:500 var(--fs-base)/1.4 var(--font-mono)}
textarea.lg-inp{min-height:7rem;resize:vertical}
.lg-inp[aria-invalid="true"]{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber)}
.lg-ferr{display:flex;gap:var(--sp-2);align-items:flex-start;color:var(--text-1);font-size:var(--fs-sm)}
.lg-ferr::before{content:"";flex:none;width:10px;height:10px;margin-top:.4em;background:var(--amber);clip-path:polygon(50% 0,100% 100%,0 100%)}
.lg-opt{border:1px solid var(--line);border-radius:var(--r-2);background:var(--bg-1);padding:var(--sp-4);display:grid;gap:var(--sp-3)}
.lg-opt-h{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);align-items:baseline;justify-content:space-between}
.lg-privacy{font-size:var(--fs-sm);color:var(--text-1);display:inline-flex;gap:var(--sp-2);align-items:center}
.lg-privacy::before{content:"";width:10px;height:10px;border:2px solid var(--teal);flex:none}
.lg-vact{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center}
.lg-vact .lg-btn{width:auto}
.lg-res{margin-top:var(--sp-5);max-width:60rem;border:1px solid var(--line-strong);border-radius:var(--r-2);background:var(--bg-1);overflow:hidden}
.lg-res-h{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp-3);align-items:start;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--line)}
.lg-res-h h2{font:700 var(--fs-lg)/1.4 var(--font-text);color:var(--text-1)}
.lg-res-h h2:focus{outline:3px solid var(--focus);outline-offset:4px}
.lg-res-h .lg-sub{margin-top:var(--sp-2);color:var(--text-2);font-size:var(--fs-sm)}
.lg-shape{display:inline-block;width:18px;height:18px;margin-top:.2em;flex:none}
.lg-sh-match{background:var(--teal);border-radius:50%}
.lg-sh-nomatch{background:var(--amber);clip-path:polygon(50% 0,100% 100%,0 100%)}
.lg-sh-notyet{background:var(--text-1)}
.lg-sh-notfound{background:var(--text-2);height:6px;margin-top:.65em}
.lg-sh-pending{border:3px solid var(--teal);border-radius:50%;background:radial-gradient(circle,var(--teal) 0 2.5px,transparent 3px)}
.lg-sh-error{background:var(--danger);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.lg-res-match{border-top:3px solid var(--teal)}
.lg-res-nomatch{border-top:3px solid var(--amber)}
.lg-res-notyet,.lg-res-notfound{border-top:3px solid var(--edge)}
.lg-res-pending{border-top:3px solid var(--teal)}
.lg-res-error{border-top:3px solid var(--danger)}
.lg-res-overdue{border-top-color:var(--amber)}
.lg-res-b{padding:var(--sp-5);display:grid;gap:var(--sp-5)}
.lg-res-b h3{font:700 var(--fs-base)/1.3 var(--font-text);color:var(--text-1)}
.lg-res-b>section>h3{margin-bottom:var(--sp-3)}
.lg-stat-line{padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--line);color:var(--text-2);font-size:var(--fs-sm)}
/* steps */
.lg-steps{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:s}
.lg-steps>li{position:relative;border:1px solid var(--line);background:var(--bg-2);margin-top:-1px}
.lg-steps>li:first-child{border-radius:var(--r-2) var(--r-2) 0 0}
.lg-steps>li:last-child{border-radius:0 0 var(--r-2) var(--r-2)}
.lg-steps>li.lg-sfail{background:var(--bg-3);border-left:4px solid var(--amber)}
.lg-steps summary{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;gap:var(--sp-3);align-items:center;min-height:var(--tap);padding:var(--sp-2) var(--sp-4);cursor:pointer;list-style:none;color:var(--text-1);font-weight:600}
.lg-steps summary::-webkit-details-marker{display:none}
.lg-steps summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--text-2);border-bottom:2px solid var(--text-2);transform:rotate(45deg);margin-left:var(--sp-2);justify-self:end;grid-column:4;grid-row:1}
.lg-steps details[open]>summary::after{transform:rotate(225deg)}
.lg-steps summary{grid-template-columns:2rem minmax(0,1fr) auto 1rem}
.lg-sn{font:700 var(--fs-sm) var(--font-mono);color:var(--text-2)}
.lg-sw{display:inline-flex;gap:6px;align-items:center;font:700 var(--fs-xs) var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.lg-sw::before{content:"";width:10px;height:10px;flex:none}
.lg-sw-p{color:var(--teal)}
.lg-sw-p::before{background:var(--teal);border-radius:50%}
.lg-sw-f{color:var(--amber)}
.lg-sw-f::before{background:var(--amber);clip-path:polygon(50% 0,100% 100%,0 100%)}
.lg-sw-n{color:var(--text-2)}
.lg-sw-n::before{height:2px;margin-top:0;background:var(--text-2);width:10px}
.lg-sw-w{color:var(--text-1)}
.lg-sw-w::before{border:2px solid var(--text-1);border-radius:50%}
.lg-sd{padding:var(--sp-3) var(--sp-4) var(--sp-4) calc(2rem + var(--sp-4) + var(--sp-3));border-top:1px solid var(--line);display:grid;gap:var(--sp-3);background:var(--bg-1)}
.lg-sd dl{margin:0;display:grid;gap:var(--sp-3)}
.lg-sd dt{font:600 var(--fs-xs) var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.lg-sd dd{margin:0;color:var(--text-1)}
.lg-hx{font:500 var(--fs-sm)/1.45 var(--font-mono);word-break:break-all;overflow-wrap:anywhere;user-select:all}
.lg-cmp{display:grid;gap:var(--sp-3);grid-template-columns:minmax(0,1fr)}
@media (min-width:768px){.lg-cmp{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lg-cmp>div{padding:var(--sp-3);border:1px solid var(--line);border-radius:var(--r-1);background:var(--bg-0)}
.lg-cmp .lg-diff{border-color:var(--amber)}
/* times */
.lg-times{display:grid;gap:var(--sp-4);grid-template-columns:minmax(0,1fr);margin:0}
@media (min-width:768px){.lg-times{grid-template-columns:repeat(3,minmax(0,1fr))}}
.lg-times>div{padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-2);background:var(--bg-2);display:grid;gap:var(--sp-2);align-content:start}
.lg-times dt{font:600 var(--fs-xs) var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.lg-times dd{margin:0;color:var(--text-1)}
.lg-tv{font:700 var(--fs-lg) var(--font-text);color:var(--text-1)}
.lg-rawt{font-size:var(--fs-xs);color:var(--text-2);display:block}
.lg-rawv{user-select:all;color:var(--text-1)}
.lg-times .lg-wait{display:inline-flex;gap:var(--sp-2);align-items:center;color:var(--text-1);font-weight:600}
.lg-times .lg-wait::before{content:"";width:12px;height:12px;border:2px solid var(--text-1);border-radius:50%;flex:none}
.lg-margins{display:grid;gap:var(--sp-1);color:var(--text-1);font-size:var(--fs-sm);margin-top:var(--sp-3)}
.lg-note-below{margin-top:var(--sp-3);padding-left:var(--sp-4);border-left:3px solid var(--edge);color:var(--text-1);font-size:var(--fs-sm);max-width:44rem}
/* anchors */
.lg-anch{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-2)}
.lg-anch li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-1) var(--sp-4);padding:var(--sp-3) var(--sp-4);border:1px solid var(--line);border-radius:var(--r-1);background:var(--bg-2);color:var(--text-1);font-size:var(--fs-sm)}
.lg-anch .lg-own{color:var(--text-2)}
/* shows and does not show: two equal panels */
.lg-twin{display:grid;gap:var(--sp-4);grid-template-columns:minmax(0,1fr)}
@media (min-width:768px){.lg-twin{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lg-twin>div{padding:var(--sp-5);border:1px solid var(--line-strong);border-top:3px solid var(--edge);border-radius:var(--r-2);background:var(--bg-1);display:grid;gap:var(--sp-3);align-content:start}
.lg-twin h3{font:700 var(--fs-lg)/1.25 var(--font-text);color:var(--text-1);display:flex;gap:var(--sp-3);align-items:center}
.lg-twin h3::before{content:"";width:12px;height:12px;background:var(--text-1);flex:none}
.lg-twin p{color:var(--text-1);margin:0;max-width:none}
.lg-twin-one{padding:var(--sp-5);border:1px solid var(--line-strong);border-top:3px solid var(--edge);border-radius:var(--r-2);background:var(--bg-1);display:grid;gap:var(--sp-3)}
.lg-twin-one h2,.lg-twin-one h3{font:700 var(--fs-lg)/1.25 var(--font-text);color:var(--text-1)}
.lg-twin-one p{color:var(--text-1);margin:0;max-width:none}
/* chain walk */
.lg-walk{display:grid;gap:var(--sp-3);padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-2);background:var(--bg-2)}
.lg-walk-row{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center}
.lg-walk .lg-inp{width:7rem}
.lg-walk label{font-weight:600;color:var(--text-1)}
.lg-bar2{height:8px;border-radius:4px;background:var(--bg-0);border:1px solid var(--line-strong);overflow:hidden}
.lg-bar2>i{display:block;height:100%;background:var(--teal)}
.lg-walk-line{color:var(--text-1);font-size:var(--fs-sm)}
/* recipe */
.lg-recipe{margin:var(--sp-3) 0 0;padding:var(--sp-4);background:var(--bg-0);border:1px solid var(--line-strong);border-radius:var(--r-2);overflow-x:auto;font:500 .8125rem/1.55 var(--font-mono);color:var(--text-1);tab-size:4}
.lg-recipe:focus-visible{outline-offset:2px}
.lg-rhead{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center;justify-content:space-between;margin-top:var(--sp-3)}
/* explainer track */
.lg-track{list-style:none;margin:var(--sp-5) 0 0;padding:0;display:grid;gap:0;max-width:44rem;counter-reset:t}
.lg-track li{position:relative;padding:var(--sp-3) 0 var(--sp-3) 3rem;color:var(--text-1);font-weight:600}
.lg-track li::before{counter-increment:t;content:counter(t);position:absolute;left:0;top:50%;transform:translateY(-50%);width:2rem;height:2rem;border:2px solid var(--teal);border-radius:50%;display:grid;place-items:center;font:700 var(--fs-sm) var(--font-mono);color:var(--text-1);background:var(--bg-1)}
.lg-track li::after{content:"";position:absolute;left:calc(1rem - 1px);top:calc(50% + 1rem);bottom:calc(-50% + 1rem);width:2px;background:var(--line-strong)}
.lg-track li:last-child::after{display:none}
.lg-track li span{display:block;font-weight:400;color:var(--text-2);font-size:var(--fs-sm)}
.lg-read{max-width:44rem}
.lg-read h2{font:700 var(--fs-xl)/1.2 var(--font-text);color:var(--text-1);margin:var(--sp-6) 0 var(--sp-2)}
.lg-read p{margin-top:var(--sp-2);color:var(--text-1);font-size:1rem;line-height:1.65}
.lg-noscript-box{padding:var(--sp-4);border:1px dashed var(--line-strong);color:var(--text-1);border-radius:var(--r-2);max-width:44rem}
.lg-hist{display:grid;gap:var(--sp-3);margin-top:var(--sp-4)}
@media (max-width:767px){.lg-res-h,.lg-res-b{padding:var(--sp-4)}.lg-sd{padding-left:var(--sp-4)}.lg-steps summary{grid-template-columns:1.5rem minmax(0,1fr) auto 1rem;padding-inline:var(--sp-3)}}


/* ---- hand written part, P04-S08-PH02. It styles the markup that scripts draw (the tape rows, the explorer, the verify result)
   from the design values above. No new host, no font file, no image. ---- */
.lg [hidden]{display:none!important}
.lg{color:var(--text-2)}
.lg-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.lg .lg-hero{padding:var(--sp-6) 0 var(--sp-5)}
.lg a{color:var(--teal)}
.lg .lg-btn-primary,.lg .lg-btn-primary:hover{color:var(--teal-ink)}
.lg .lg-btn{text-decoration:none}

/* tape rows: the S05 tape draws li > span.stream-cell[data-field] and a.stream-verify */
.lg-ls [data-tape="list"]{list-style:none;margin:0;padding:0;max-height:25rem;overflow:auto}
.lg-ls.lg-page [data-tape="list"]{max-height:none;overflow:visible}
.lg-ls [data-tape="list"]>li{display:grid;grid-template-columns:7.5rem minmax(0,1.4fr) 9.5rem 9.5rem 7.5rem 6.75rem 8.5rem;gap:var(--sp-3);align-items:center;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line);color:var(--text-1);font-size:var(--fs-sm)}
.lg-ls [data-tape="list"]>li:hover{background:var(--bg-2)}
.lg-ls .stream-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.lg-ls [data-field="product"]{color:var(--text-2)}
.lg-ls [data-field="label"]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:600}
.lg-ls [data-field="committed"],.lg-ls [data-field="event"],.lg-ls [data-field="prefix"]{font-family:var(--font-mono);font-size:var(--fs-xs)}
.lg-ls [data-field="prefix"] code{color:var(--text-1);letter-spacing:.04em;font-family:inherit}
.lg-ls [data-field="state"]{display:inline-flex;align-items:center;gap:6px;font:700 var(--fs-xs) var(--font-mono);letter-spacing:.06em;text-transform:uppercase}
.lg-ls [data-field="state"]::before{content:"";width:10px;height:10px;flex:none}
.lg-ls li[data-state="sealed"] [data-field="state"]{color:var(--text-1)}
.lg-ls li[data-state="sealed"] [data-field="state"]::before{background:var(--text-1)}
.lg-ls li[data-state="revealed"] [data-field="state"]{color:var(--teal)}
.lg-ls li[data-state="revealed"] [data-field="state"]::before{border:2px solid var(--teal);background:transparent}
.lg-ls .stream-verify{display:inline-flex;align-items:center;justify-self:end;min-height:var(--tap);color:var(--teal);font-weight:600}
.lg-ls li.lg-sel{background:var(--bg-3);box-shadow:inset 3px 0 0 var(--teal)}
.lg-ls .lg-open{all:unset;display:contents;cursor:pointer}
.lg-cols{display:grid;grid-template-columns:7.5rem minmax(0,1.4fr) 9.5rem 9.5rem 7.5rem 6.75rem 8.5rem;gap:var(--sp-3);align-items:center;padding:var(--sp-3) var(--sp-4);font:600 var(--fs-xs) var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--line);background:var(--bg-1)}
.lg-ls [data-tape="status"],.lg-ls [data-tape="freshness"]{padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sm);color:var(--text-2);border-bottom:1px solid var(--line);margin:0}
.lg-ls [data-tape="status"]{color:var(--text-1);border-left:3px solid var(--amber)}
.lg-ls [data-tape="empty"]{padding:var(--sp-5) var(--sp-4);color:var(--text-1);margin:0}
.lg-ls [data-tape="notice"],.lg-ls [data-tape="retry"],.lg-ls .lg-act{display:inline-flex;align-items:center;min-height:var(--tap);margin:var(--sp-2) var(--sp-4);padding:0 var(--sp-3);border:1px solid var(--teal);border-radius:var(--r-1);background:var(--bg-3);color:var(--text-1);font:700 var(--fs-sm) var(--font-text);cursor:pointer}
.lg-ls [data-tape="retry"]{border-color:var(--edge);color:var(--teal);background:transparent}
.lg-ls [data-tape="older"],.lg-ls .lg-older{display:inline-flex;align-items:center;min-height:var(--tap);margin:var(--sp-1) var(--sp-4) var(--sp-3)}
.lg-ls .lg-msg-line{padding:var(--sp-4);color:var(--text-1);margin:0}
.lg-ls .lg-err-line{display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap;padding:var(--sp-4);color:var(--text-1)}
.lg-ls .lg-err-line::before{content:"";width:12px;height:12px;background:var(--danger);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);flex:none}
.lg-ls [data-tape="list"]>li.stream-row-enter{animation:lgenter var(--motion-enter,180ms) ease-out 1}
@keyframes lgenter{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.lg-ls [data-tape="list"]>li.stream-row-enter{animation:none}}
@container (max-width:859px){
  .lg-cols,.lg-ls [data-tape="list"]>li{grid-template-columns:6.5rem minmax(0,1.3fr) 9rem 6.75rem 8.5rem}
  .lg-cols .lg-c-ev,.lg-cols .lg-c-vl,.lg-ls [data-tape="list"]>li [data-field="event"],.lg-ls [data-tape="list"]>li .stream-verify{display:none}
}
/* the phone row is two lines, as the design draws it: entry and state, then market, commit time and fingerprint.
   The cells are flex items that wrap, so the commit time and the fingerprint never share a spot. */
@container (max-width:559px){
  .lg-cols{display:none}
  .lg-ls [data-tape="list"]>li{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--sp-3)}
  .lg-ls [data-tape="list"]>li::before{content:"";order:3;flex:0 0 100%;height:0}
  .lg-ls [data-tape="list"]>li [data-field="label"]{order:1;flex:1 1 0;min-width:0}
  .lg-ls [data-tape="list"]>li [data-field="state"]{order:2;flex:none;margin-left:auto}
  .lg-ls [data-tape="list"]>li [data-field="product"],.lg-ls [data-tape="list"]>li [data-field="committed"],.lg-ls [data-tape="list"]>li [data-field="prefix"]{order:4;flex:0 1 auto;margin-top:var(--sp-1);color:var(--text-2);font-size:var(--fs-xs)}
  .lg-ls [data-tape="list"]>li [data-field="product"]{color:var(--text-1);font-weight:700}
  .lg-ls [data-tape="list"]>li [data-field="event"],.lg-ls [data-tape="list"]>li .stream-verify{display:none}
}

/* filters drawn by the page scripts */
.lg-ls .lg-filt button.lg-chip{font:600 var(--fs-sm) var(--font-text)}

/* explorer */
.lg-dayg{margin-top:var(--sp-4)}
.lg-rowbtn{display:block;width:100%;text-align:left;background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer}
.lg-dr-link{display:inline-flex;align-items:center;min-height:var(--tap);font-weight:700}
/* the two Try again buttons on the explorer page are one design button, lg-btn lg-btn-secondary, 44 pixels high; only the margin differs */
.lg-ls .lg-btn[data-lg="retry"]{margin:var(--sp-2) var(--sp-4)}
.lg-sec .lg-btn[data-lg="gap-retry"]{margin:var(--sp-2) 0}

/* verify page: the result card is drawn from the script's data attributes */
.lg #result{margin-top:var(--sp-5);max-width:60rem;border:1px solid var(--line-strong);border-radius:var(--r-2);background:var(--bg-1);overflow:hidden;padding:0 var(--sp-5) var(--sp-5)}
.lg #result[data-result="MATCH"],.lg #result[data-result="ANCHOR_PENDING"]{border-top:3px solid var(--teal)}
.lg #result[data-result="NO_MATCH"]{border-top:3px solid var(--amber)}
.lg #result[data-result="NOT_YET_REVEALED"],.lg #result[data-result="ENTRY_NOT_FOUND"]{border-top:3px solid var(--edge)}
.lg #result-heading{font:700 var(--fs-lg)/1.4 var(--font-text);color:var(--text-1);margin:var(--sp-5) 0 var(--sp-2);display:flex;gap:var(--sp-3);align-items:flex-start}
.lg #result-heading::before{content:"";flex:none;width:18px;height:18px;margin-top:.2em;background:var(--text-1)}
.lg #result[data-result="MATCH"] #result-heading::before{background:var(--teal);border-radius:50%}
.lg #result[data-result="NO_MATCH"] #result-heading::before{background:var(--amber);clip-path:polygon(50% 0,100% 100%,0 100%)}
.lg #result[data-result="NOT_YET_REVEALED"] #result-heading::before{background:var(--text-1)}
.lg #result[data-result="ENTRY_NOT_FOUND"] #result-heading::before{background:var(--text-2);height:6px;margin-top:.65em}
.lg #result[data-result="ANCHOR_PENDING"] #result-heading::before{border:3px solid var(--teal);border-radius:50%;background:radial-gradient(circle,var(--teal) 0 2.5px,transparent 3px)}
.lg #result-heading:focus{outline:3px solid var(--focus);outline-offset:4px}
.lg #result-lines p,.lg #result-notes p,.lg #outside-note,.lg #outside-source,.lg #lag-line{margin:var(--sp-2) 0 0;color:var(--text-2);font-size:var(--fs-sm);max-width:44rem}
.lg #steps-section{margin-top:var(--sp-5)}
.lg #steps-heading,.lg #anchors-heading,.lg .lg-sec>h2{font:700 var(--fs-lg)/1.25 var(--font-text);color:var(--text-1);margin:0 0 var(--sp-3)}
.lg #step-list{list-style:none;margin:0;padding:0;display:grid;gap:0}
.lg #step-list>li{border:1px solid var(--line);background:var(--bg-2);margin-top:-1px;padding:var(--sp-3) var(--sp-4);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-2) var(--sp-3);align-items:center}
.lg #step-list>li:first-child{border-radius:var(--r-2) var(--r-2) 0 0}
.lg #step-list>li:last-child{border-radius:0 0 var(--r-2) var(--r-2)}
.lg #step-list>li[data-outcome="failed"]{background:var(--bg-3);border-left:4px solid var(--amber)}
.lg .step-name{color:var(--text-1);font-weight:600}
.lg .step-status{display:inline-flex;gap:6px;align-items:center;font:700 var(--fs-xs) var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--text-2)}
.lg .step-status::before{content:"";width:10px;height:10px;flex:none;background:var(--text-2);height:2px}
.lg li[data-outcome="passed"] .step-status{color:var(--teal)}
.lg li[data-outcome="passed"] .step-status::before{background:var(--teal);border-radius:50%;height:10px}
.lg li[data-outcome="failed"] .step-status{color:var(--amber)}
.lg li[data-outcome="failed"] .step-status::before{background:var(--amber);clip-path:polygon(50% 0,100% 100%,0 100%);height:10px}
.lg li[data-outcome="waiting"] .step-status{color:var(--text-1)}
.lg li[data-outcome="waiting"] .step-status::before{background:transparent;border:2px solid var(--text-1);border-radius:50%;height:10px}
.lg .step-data{grid-column:1/-1;margin:0;display:grid;gap:var(--sp-2);font-size:var(--fs-sm)}
.lg .step-data:empty{display:none}
.lg .step-data dt,.lg #times-list dt,.lg #summary-list dt,.lg #details-list dt{font:600 var(--fs-xs) var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.lg .step-data dd,.lg #times-list dd,.lg #summary-list dd,.lg #details-list dd{margin:0;color:var(--text-1);overflow-wrap:anywhere}
.lg #times-list,.lg #summary-list,.lg #details-list{display:grid;gap:var(--sp-2);margin:var(--sp-4) 0 0}
.lg #times-list time{font:700 var(--fs-lg) var(--font-text);color:var(--text-1)}
.lg .raw,.lg .hash,.lg #details-text,.lg #fingerprint-value{font:500 var(--fs-sm)/1.45 var(--font-mono);word-break:break-all;overflow-wrap:anywhere;color:var(--text-1)}
.lg .raw-label{font-size:var(--fs-xs);color:var(--text-2)}
.lg #details-text{display:block;white-space:pre-wrap;padding:var(--sp-2) var(--sp-3);background:var(--bg-0);border:1px solid var(--line);border-radius:var(--r-1)}
.lg #anchor-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-2)}
.lg #anchor-list>li{padding:var(--sp-3) var(--sp-4);border:1px solid var(--line);border-radius:var(--r-1);background:var(--bg-2);color:var(--text-1);font-size:var(--fs-sm)}
.lg #chain-controls{margin-top:var(--sp-4);padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-2);background:var(--bg-2);display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center}
.lg #chain-controls p{margin:0}
.lg #chain-controls label{font-weight:600;color:var(--text-1)}
.lg #chain-progress{color:var(--text-1);font-size:var(--fs-sm);flex-basis:100%}
.lg #page-error{margin-top:var(--sp-4);padding:var(--sp-4);border:1px solid var(--line-strong);border-left:4px solid var(--danger);border-radius:var(--r-2);background:var(--bg-1);color:var(--text-1);max-width:44rem}
.lg #page-error p{margin:0 0 var(--sp-2)}
.lg #status{padding:var(--sp-2) 0;color:var(--text-2);font-size:var(--fs-sm);max-width:44rem;min-height:1.5em}
.lg #entry-error:not(:empty){display:flex;gap:var(--sp-2);align-items:flex-start;color:var(--text-1);font-size:var(--fs-sm);margin:0}
.lg #entry-error:not(:empty)::before{content:"";flex:none;width:10px;height:10px;margin-top:.4em;background:var(--amber);clip-path:polygon(50% 0,100% 100%,0 100%)}
.lg #pasted-area{border:1px solid var(--line);border-radius:var(--r-2);background:var(--bg-1);padding:var(--sp-4);display:grid;gap:var(--sp-3)}
.lg #pasted-area p{margin:0}
.lg #pasted-privacy{font-size:var(--fs-sm);color:var(--text-1)}
.lg #pasted-hint{font-size:var(--fs-sm);color:var(--text-2)}
.lg button.lg-btn,.lg button.lg-btn-sm{font:700 var(--fs-base)/1.2 var(--font-text)}
.lg #verify-form{display:grid;gap:var(--sp-4);margin-top:var(--sp-5);max-width:44rem}
.lg #verify-form p{margin:0}
.lg #entry-label{font-weight:700;color:var(--text-1);display:block;margin-bottom:var(--sp-1)}
.lg #entry-hint{font-size:var(--fs-sm);color:var(--text-2)}
.lg #pasted-label{font-weight:700;color:var(--text-1)}
.lg #command-line-code{margin:var(--sp-3) 0 0;padding:var(--sp-4);background:var(--bg-0);border:1px solid var(--line-strong);border-radius:var(--r-2);overflow-x:auto;font:500 .8125rem/1.55 var(--font-mono);color:var(--text-1);tab-size:4}
.lg #command-line-code code{font:inherit;color:inherit}
.lg #instructions ol,.lg #how-it-works ol{margin:var(--sp-3) 0 0;padding-left:1.25rem;color:var(--text-2);max-width:40rem}
.lg #instructions li,.lg #how-it-works li{margin:var(--sp-1) 0}
.lg #explanation,.lg #command-line,.lg #how-it-works{margin-top:var(--sp-6)}
.lg #explanation>h2,.lg #command-line>h2,.lg #how-it-works>h2{font:700 var(--fs-xl)/1.2 var(--font-text);color:var(--text-1);margin:0 0 var(--sp-3)}
.lg #how-it-works>h3{font:700 var(--fs-lg)/1.25 var(--font-text);color:var(--text-1);margin:var(--sp-5) 0 var(--sp-2)}
.lg #explanation p,.lg #command-line p,.lg #how-it-works p,.lg #instructions p{max-width:44rem;margin-top:var(--sp-2)}
.lg #explanation{padding:var(--sp-5);border:1px solid var(--line-strong);border-top:3px solid var(--edge);border-radius:var(--r-2);background:var(--bg-1)}
.lg .skip-link{position:absolute;left:var(--sp-3);top:-4rem;z-index:50;background:var(--bg-3);color:var(--text-1);border:1px solid var(--focus);padding:var(--sp-3) var(--sp-4);min-height:var(--tap)}
.lg .skip-link:focus{top:var(--sp-2)}
.lg-noscript{padding:var(--sp-4);border:1px dashed var(--line-strong);color:var(--text-1);border-radius:var(--r-2);max-width:44rem}
.lg-ls .lg-noscript{margin:var(--sp-4)}
@media (max-width:767px){.lg #result{padding:0 var(--sp-4) var(--sp-4)}}
html:has(.lg-bg){background:#060a10}
.lg noscript p{padding:var(--sp-4);border:1px dashed var(--line-strong);color:var(--text-1);border-radius:var(--r-2);max-width:44rem}
@media (max-width:1099px){.lg-dock .lg-drawer{position:fixed;left:0;right:0;bottom:0;max-height:80vh;overflow:auto;z-index:40;border-top:2px solid var(--teal);border-radius:var(--r-2) var(--r-2) 0 0}}
.lg-explainer{margin-top:var(--sp-6)}
.lg-cmd{margin:0;font-size:var(--fs-sm)}
.lg-explainer h2,.lg-explainer h3{margin-top:var(--sp-5)}