/* Hashlock docs + verifier skin (public/docs.html, public/verify.html).
 *
 * Loaded after /ent/theme.css. Same palette and the same meaning for the two accents (violet = sealed / the proof
 * path, saffron = the one-time key being spent / the flywheel). The shape language is the square pass the operator
 * asked for on Explore (2026-10-09, "square edged like dos style"): a surface is a 1px ink box on the plate, no
 * radius, no shadow, no blur, no gradient. Martian Mono (narrow cut) for what a terminal would print: section
 * numbers, headings, table heads, formulas, addresses, byte counts. Instrument Sans for sentences.
 * /verify is served with a CSP that allows no third-party fonts, so every rule here must also read well in the
 * fallback stacks of --ent-font and --ent-mono.
 */
body.ent.hl{--ent-r-chip:0px;--ent-r-ctl:0px;--ent-r-panel:0px;font-size:16px;line-height:1.6}
body.hl *,body.hl *::before,body.hl *::after{border-radius:0!important;box-shadow:none!important;text-shadow:none!important}
body.hl :focus-visible{outline:2px solid var(--ent-ink);outline-offset:1px}
body.hl .m,body.hl code,body.hl kbd{font-family:var(--ent-mono);font-variation-settings:"wdth" 82;letter-spacing:0}
body.hl code{font-size:.84em;padding:1px 4px;border:1px solid var(--ent-rule-strong);background:var(--ent-sheet);overflow-wrap:anywhere}
body.hl p,body.hl li{max-width:70ch}

/* ---------- top bar ---------- */
.hl-top{border-bottom:1px solid var(--ent-ink);background:var(--ent-plate)}
.hl-top-in{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:56px}
.hl-top .ent-logo{font-size:19px}
.hl-nav{display:flex;align-items:stretch;gap:0;min-width:0}
.hl-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;color:var(--ent-ink-2);text-decoration:none;white-space:nowrap;
  font:500 11.5px/1 var(--ent-mono);font-variation-settings:"wdth" 82}
.hl-nav a:hover{color:var(--ent-ink);text-decoration:underline;text-underline-offset:4px}
.hl-nav a[aria-current="page"]{background:var(--ent-ink);color:var(--ent-on-ink);text-decoration:none}
body.hl .hl-nav a[aria-current="page"]:hover{color:var(--ent-on-ink)}
.hl-nav .ent-theme-btn{width:44px;height:44px;margin-left:8px;border:1px solid var(--ent-ink);background:var(--ent-sheet);color:var(--ent-ink);cursor:pointer}
.hl-nav .ent-theme-btn:hover{background:var(--ent-ink);color:var(--ent-on-ink)}
.hl-nav [data-ent-theme]{display:flex;align-items:center}
@media (max-width:719px){.hl-nav .hl-wide{display:none}}

/* ---------- page head ---------- */
.hl-head{padding-top:28px;padding-bottom:24px}
@media (min-width:960px){.hl-head{padding-top:48px;padding-bottom:36px}}
.hl-head .hl-kicker{font:500 12px/1.4 var(--ent-mono);font-variation-settings:"wdth" 82;color:var(--ent-ink-3);margin:0 0 12px}
body.hl h1{font-size:clamp(34px,4.2vw + 14px,60px);line-height:1.02;max-width:18ch}
body.hl .hl-lead{font-size:18px;line-height:1.5;color:var(--ent-ink-2);max-width:60ch;margin-top:16px}
@media (min-width:960px){body.hl .hl-lead{font-size:20px}}

/* Live status block: the values this page is about, read from the site's config at render time. */
.hl-status{margin:24px 0 0;border:1px solid var(--ent-ink);background:var(--ent-sheet);max-width:760px}
.hl-status > div{display:grid;gap:2px;padding:10px 12px;border-top:1px solid var(--ent-rule-strong)}
.hl-status > div:first-child{border-top:0}
@media (min-width:640px){.hl-status > div{grid-template-columns:150px minmax(0,1fr);gap:16px}}
.hl-status dt{font:500 11.5px/1.5 var(--ent-mono);font-variation-settings:"wdth" 82;color:var(--ent-ink-3)}
.hl-status dd{margin:0;font:400 12.5px/1.5 var(--ent-mono);font-variation-settings:"wdth" 82;color:var(--ent-ink);overflow-wrap:anywhere;min-width:0}
.hl-status dd a{color:inherit}
.hl-status dd.is-off{color:var(--ent-ink-3)}
.hl-status dd.is-warn{color:var(--ent-photon-ink)}
.hl-status dd.is-seal{color:var(--ent-ion-ink)}

/* ---------- layout: contents + document ---------- */
.hl-layout{display:grid;gap:0;padding-bottom:64px}
@media (min-width:1040px){.hl-layout{grid-template-columns:264px minmax(0,1fr);gap:56px;align-items:start}}

.hl-toc{position:sticky;top:0;z-index:20;margin:0 calc(var(--ent-gutter) * -1);background:var(--ent-plate);border-top:1px solid var(--ent-ink);border-bottom:1px solid var(--ent-ink)}
.hl-toc summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:0 10px;min-height:48px;padding:12px var(--ent-gutter) 10px;
  font:500 12px/1 var(--ent-mono);font-variation-settings:"wdth" 82}
.hl-toc summary::-webkit-details-marker{display:none}
.hl-toc summary .lbl::before{content:"+ "}
.hl-toc[open] summary .lbl::before{content:"- "}
.hl-toc .now{color:var(--ent-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hl-toc .pct{color:var(--ent-ink-2);min-width:4ch;text-align:right}
/* Scroll progress: 16 cells, one per position on a hash chain (0 to 15). The saffron cell is where you are. */
.hl-cells{grid-column:1 / -1;display:grid;grid-template-columns:repeat(16,1fr);gap:2px;margin-top:10px}
.hl-cells i{height:6px;border:1px solid var(--ent-ink);background:transparent}
.hl-cells i.on{background:var(--ent-ink)}
.hl-cells i.at{background:var(--ent-photon);border-color:var(--ent-photon)}
.hl-toc ol{list-style:none;margin:0;padding:4px 0 10px;max-height:60vh;overflow-y:auto;border-top:1px solid var(--ent-ink);counter-reset:t}
.hl-toc li{counter-increment:t;max-width:none}
.hl-toc ol a{display:grid;grid-template-columns:3ch minmax(0,1fr);gap:8px;align-items:center;min-height:40px;padding:0 var(--ent-gutter);text-decoration:none;color:var(--ent-ink-2);
  font:500 12px/1.3 var(--ent-mono);font-variation-settings:"wdth" 82}
.hl-toc ol a::before{content:counter(t);color:var(--ent-ink-3);text-align:right}
.hl-toc ol a:hover{color:var(--ent-ink);text-decoration:underline;text-underline-offset:4px}
.hl-toc ol a.is-on{background:var(--ent-ink);color:var(--ent-on-ink)}
.hl-toc ol a.is-on::before{color:var(--ent-on-ink)}
body.hl .hl-toc ol a.is-on:hover{color:var(--ent-on-ink)}
@media (min-width:1040px){
  .hl-toc{top:16px;margin:0;border:1px solid var(--ent-ink);background:var(--ent-sheet)}
  .hl-toc summary{pointer-events:none;padding:12px;min-height:40px;grid-template-columns:minmax(0,1fr) auto}
  .hl-toc summary .lbl::before,.hl-toc[open] summary .lbl::before{content:""}
  .hl-toc .now{display:none}
  .hl-toc ol{max-height:calc(100vh - 120px);padding:4px 0}
  .hl-toc ol a{min-height:32px;padding:0 12px}
}

/* ---------- document ---------- */
.hl-doc{min-width:0}
.hl-doc > section{padding:36px 0 8px;scroll-margin-top:76px}
@media (min-width:1040px){.hl-doc > section{scroll-margin-top:8px}.hl-doc > section:first-child{padding-top:0}}
body.hl .hl-doc h2{display:flex;align-items:baseline;gap:12px;padding-bottom:10px;margin-bottom:16px;border-bottom:1px solid var(--ent-ink);
  font:600 19px/1.25 var(--ent-mono);font-variation-settings:"wdth" 82;letter-spacing:0;font-stretch:normal}
body.hl .hl-doc h2 .n{flex:none;min-width:2.2ch;color:var(--ent-ink-3);font-weight:500}
body.hl .hl-doc h3{margin:28px 0 8px;font:600 14px/1.35 var(--ent-mono);font-variation-settings:"wdth" 82;letter-spacing:0;font-stretch:normal}
.hl-doc p{color:var(--ent-ink-2);overflow-wrap:break-word}
.hl-doc .m,.hl-doc a{overflow-wrap:anywhere}
.hl-doc span.m{font-size:.84em}
.hl-doc p:not(:first-child){margin-top:12px}
.hl-doc .hl-trio p{margin-top:0}
.hl-doc .hl-seq p{margin-top:4px}
.hl-doc .hl-bar + .hl-barkey + p{margin-top:16px}
.hl-doc p b,.hl-doc li b,.hl-doc td b{color:var(--ent-ink);font-weight:600}
.hl-doc ul,.hl-doc ol.txt{margin:12px 0 0;padding-left:20px;color:var(--ent-ink-2)}
.hl-doc ul li,.hl-doc ol.txt li{margin:6px 0}
.hl-doc ul{list-style:square}

/* Formula and code blocks. Lines are written to fit a phone; anything longer scrolls inside its own box. */
.hl-fx{margin:14px 0 0;padding:12px;border:1px solid var(--ent-ink);background:var(--ent-sheet);color:var(--ent-ink);overflow-x:auto;max-width:100%;
  font:500 12px/1.7 var(--ent-mono);font-variation-settings:"wdth" 82;white-space:pre;tab-size:2;-webkit-overflow-scrolling:touch}
@media (max-width:479px){.hl-fx{font-size:11px;padding:10px;font-variation-settings:"wdth" 75}}
.hl-fx .c{color:var(--ent-ink-3)}
.hl-fx .k{color:var(--ent-ion-ink)}
.hl-fx .s{color:var(--ent-photon-ink)}
body.hl .hl-cap{margin-top:8px;font-size:13px;line-height:1.5;color:var(--ent-ink-3)}

/* Callouts: a limit is stated in a saffron-edged box, a guarantee in a violet-edged one. */
.hl-note{margin:16px 0 0;padding:12px 14px;border:1px solid var(--ent-ink);border-left:6px solid var(--ent-photon);background:var(--ent-sheet);color:var(--ent-ink);font-size:15px;max-width:70ch}
.hl-note.is-seal{border-left-color:var(--ent-ion)}
.hl-note.is-off{border-left-color:var(--ent-ink-3);color:var(--ent-ink-2)}
.hl-note b{font-weight:600}

/* Tables. Narrow ones stay tables; .stack turns rows into blocks on phones; .scroll scrolls inside its box. */
.hl-tw{margin-top:14px;max-width:100%}
.hl-tw.scroll{overflow-x:auto;border:1px solid var(--ent-ink)}
.hl-tw.scroll .hl-t{border:0;min-width:520px}
.hl-t{width:100%;border-collapse:collapse;border:1px solid var(--ent-ink);background:var(--ent-sheet);font-size:14px;line-height:1.5}
.hl-t th,.hl-t td{text-align:left;vertical-align:top;padding:8px 10px;border-top:1px solid var(--ent-rule-strong);border-left:1px solid var(--ent-rule-strong);overflow-wrap:break-word}
.hl-t th:first-child,.hl-t td:first-child{border-left:0}
.hl-t thead th{border-top:0;border-bottom:1px solid var(--ent-ink);font:500 11.5px/1.4 var(--ent-mono);font-variation-settings:"wdth" 82;color:var(--ent-ink-3);white-space:nowrap}
.hl-t tbody th{font-weight:600;color:var(--ent-ink)}
.hl-t td{color:var(--ent-ink-2)}
.hl-t td.v,.hl-t th.v{font:500 12.5px/1.6 var(--ent-mono);font-variation-settings:"wdth" 82;color:var(--ent-ink)}
.hl-t td.v{overflow-wrap:anywhere}
.hl-t td.num{font:500 12.5px/1.6 var(--ent-mono);font-variation-settings:"wdth" 82;color:var(--ent-ink);text-align:right;white-space:nowrap}
.hl-t .safe{color:var(--ent-ion-ink)}
.hl-t .risk{color:var(--ent-photon-ink)}
@media (max-width:719px){
  .hl-t.stack thead{display:none}
  .hl-t.stack,.hl-t.stack tbody,.hl-t.stack tr,.hl-t.stack th,.hl-t.stack td{display:block;width:auto}
  .hl-t.stack tr{border-top:1px solid var(--ent-ink);padding:10px 0}
  .hl-t.stack tr:first-child{border-top:0}
  .hl-t.stack th,.hl-t.stack td{border:0;padding:2px 12px}
  .hl-t.stack td[data-h]::before{content:attr(data-h);display:block;margin-top:6px;font:500 11px/1.4 var(--ent-mono);font-variation-settings:"wdth" 82;color:var(--ent-ink-3)}
}

/* ---------- diagrams ---------- */
.hl-fig{margin:18px 0 0;padding:14px 12px 12px;border:1px solid var(--ent-ink);background:var(--ent-sheet);max-width:100%}
.hl-fig svg{display:block;width:100%;height:auto;overflow:visible}
.hl-fig figcaption{margin-top:10px;font-size:13px;line-height:1.5;color:var(--ent-ink-3)}
.hl-legend{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:12px;font:500 11px/1.5 var(--ent-mono);font-variation-settings:"wdth" 82;color:var(--ent-ink-2)}
.hl-legend i{display:inline-block;width:10px;height:10px;margin-right:6px;vertical-align:-1px;border:1px solid var(--ent-ink)}
.hl-legend .sec{background:transparent;border-style:dashed;border-color:var(--ent-ink-3)}
.hl-legend .sig{background:var(--ent-photon);border-color:var(--ent-photon)}
.hl-legend .ver{background:var(--ent-ink)}
.hl-legend .pub{background:var(--ent-ion);border-color:var(--ent-ion)}
.dg-t{font:500 10.5px var(--ent-mono);font-variation-settings:"wdth" 82;fill:var(--ent-ink-3)}
.dg-t.ink{fill:var(--ent-ink)}
.dg-t.on{fill:var(--ent-on-ink)}
.dg-t.onion{fill:var(--ent-on-ion)}
.dg-t.onph{fill:#1d1400}
.dg-ln{stroke:var(--ent-rule-strong);stroke-width:1}
.dg-ln.v{stroke:var(--ent-ink);stroke-width:1.5}
.dg-c{fill:var(--ent-plate);stroke:var(--ent-ink);stroke-width:1}
.dg-c.sec{fill:transparent;stroke:var(--ent-ink-3);stroke-dasharray:2 2}
.dg-c.sig{fill:var(--ent-photon);stroke:var(--ent-photon)}
.dg-c.ver{fill:var(--ent-ink);stroke:var(--ent-ink)}
.dg-c.pub{fill:var(--ent-ion);stroke:var(--ent-ion)}
.dg-c.dim{fill:transparent;stroke:var(--ent-rule-strong)}

/* Field strips: ADRS words and the signed message, drawn as boxes that wrap on a phone. */
body.hl .hl-bytes{display:flex;flex-wrap:wrap;gap:0;margin:14px 0 0;padding:0;list-style:none;border-left:1px solid var(--ent-ink);border-top:1px solid var(--ent-ink)}
body.hl .hl-bytes li{flex:1 1 var(--w,96px);min-width:var(--w,96px);max-width:none;margin:0;padding:8px 8px 9px;border-right:1px solid var(--ent-ink);border-bottom:1px solid var(--ent-ink);background:var(--ent-plate)}
.hl-bytes b{display:block;font:600 12px/1.35 var(--ent-mono);font-variation-settings:"wdth" 82;color:var(--ent-ink);overflow-wrap:anywhere}
.hl-bytes span{display:block;margin-top:2px;font:500 10.5px/1.4 var(--ent-mono);font-variation-settings:"wdth" 82;color:var(--ent-ink-3)}
.hl-bytes li.seal{background:var(--ent-ion-soft)}
.hl-bytes li.key{background:var(--ent-photon-soft)}
body.hl .hl-flowdown{margin:8px 0;font:500 11.5px/1.4 var(--ent-mono);font-variation-settings:"wdth" 82;color:var(--ent-ink-3)}

/* Sequence: numbered steps with three lanes (who acts). Lanes are columns on desktop and tags on phones. */
.hl-seq{list-style:none;margin:16px 0 0;padding:0;border:1px solid var(--ent-ink);background:var(--ent-sheet);counter-reset:q}
body.hl .hl-seq > li{counter-increment:q;max-width:none;display:grid;grid-template-columns:34px minmax(0,1fr);gap:0 12px;padding:12px;border-top:1px solid var(--ent-rule-strong);max-width:none;margin:0}
.hl-seq > li:first-child{border-top:0}
.hl-seq > li > *{grid-column:2}
.hl-seq > li:not(.hd)::before{grid-column:1}
body.hl .hl-seq > li.hd{display:none}
.hl-seq > li:not(.hd)::before{content:counter(q);grid-row:1 / span 3;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--ent-ink);background:var(--ent-plate);
  font:600 13px/1 var(--ent-mono);color:var(--ent-ink)}
body.hl .hl-seq > li.hd{counter-increment:none}
.hl-seq h4{margin:0;font:600 13.5px/1.4 var(--ent-mono);font-variation-settings:"wdth" 82;color:var(--ent-ink)}
.hl-seq p{margin:4px 0 0;font-size:14.5px;line-height:1.5;color:var(--ent-ink-2);max-width:none}
.hl-seq .lanes{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.hl-seq .lane{display:inline-flex;align-items:center;min-height:22px;padding:3px 7px;line-height:1.3;border:1px solid var(--ent-ink);font:500 10.5px/1.3 var(--ent-mono);font-variation-settings:"wdth" 82;color:var(--ent-ink);background:var(--ent-plate)}
.hl-seq .lane.vault{background:var(--ent-ion);border-color:var(--ent-ion);color:var(--ent-on-ion)}
.hl-seq .lane.off{display:none}
.hl-seq .prompt{color:var(--ent-photon-ink);font:500 11px/1.4 var(--ent-mono);font-variation-settings:"wdth" 82;margin-top:6px;display:block}
@media (min-width:860px){
  body.hl .hl-seq > li{grid-template-columns:34px minmax(0,1fr) 330px;align-items:start}
  body.hl .hl-seq > li.hd{display:grid;padding:8px 12px;border-bottom:1px solid var(--ent-ink);font:500 11px/1.4 var(--ent-mono);font-variation-settings:"wdth" 82;color:var(--ent-ink-3)}
  .hl-seq > li.hd > span:first-child{grid-column:1 / span 2}
  .hl-seq .lanes{grid-column:3;grid-row:1 / span 3;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:0}
  .hl-seq .lane{justify-content:center;min-height:30px;text-align:center}
  .hl-seq .lane.off{display:inline-flex;border-style:dashed;border-color:var(--ent-rule-strong);color:transparent;background:transparent}
  .hl-seq li.hd .lanes span{text-align:center}
}

/* Three boxes in a row (the three execute transactions; the three upgrade states). */
.hl-trio{display:grid;gap:0;margin-top:16px;border:1px solid var(--ent-ink);background:var(--ent-sheet)}
.hl-trio > div{padding:12px;border-top:1px solid var(--ent-ink);min-width:0}
.hl-trio > div:first-child{border-top:0}
@media (min-width:760px){.hl-trio{grid-template-columns:repeat(3,minmax(0,1fr))}.hl-trio > div{border-top:0;border-left:1px solid var(--ent-ink)}.hl-trio > div:first-child{border-left:0}}
.hl-trio h4{margin:0 0 6px;font:600 12.5px/1.4 var(--ent-mono);font-variation-settings:"wdth" 82;color:var(--ent-ink)}
.hl-trio p{font-size:14px;line-height:1.5;color:var(--ent-ink-2)}
.hl-trio .tag{display:inline-block;margin-bottom:8px;padding:2px 6px;border:1px solid var(--ent-ink);font:500 10.5px/1.4 var(--ent-mono);font-variation-settings:"wdth" 82;color:var(--ent-ink-3)}
.hl-trio > div.is-live{background:var(--ent-plate);outline:2px solid var(--ent-ink);outline-offset:-2px}
.hl-trio > div.is-live .tag{background:var(--ent-ink);color:var(--ent-on-ink)}

/* Split bars: solid blocks in a 1px frame. */
.hl-bar{display:flex;height:18px;margin-top:14px;border:1px solid var(--ent-ink);background:var(--ent-plate)}
.hl-bar span{display:block;height:100%}
.hl-bar .a{background:var(--ent-ion)}
.hl-bar .b{background:var(--ent-photon)}
.hl-bar .c{background:var(--ent-ink-3)}
.hl-barkey{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font:500 12px/1.5 var(--ent-mono);font-variation-settings:"wdth" 82;color:var(--ent-ink-2)}
.hl-barkey i{display:inline-block;width:10px;height:10px;margin-right:6px;vertical-align:-1px}
.hl-barkey b{color:var(--ent-ink);font-weight:600}

/* Buttons and inputs, square. */
body.hl .ent-btn{border:1px solid var(--ent-ink);font:600 12.5px/1 var(--ent-mono);font-variation-settings:"wdth" 82;min-height:44px}
body.hl .ent-btn--quiet{background:var(--ent-sheet)}
body.hl .ent-btn--quiet:hover{background:var(--ent-ink);color:var(--ent-on-ink)}
.hl-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.hl-foot{border-top:1px solid var(--ent-ink)}

/* ---------- verifier ---------- */
.hv-form{display:grid;gap:14px;margin-top:24px;padding:14px;border:1px solid var(--ent-ink);background:var(--ent-sheet);max-width:860px}
.hv-form label{display:block;font:500 11.5px/1.4 var(--ent-mono);font-variation-settings:"wdth" 82;color:var(--ent-ink-2);margin-bottom:6px}
.hv-form input{display:block;width:100%;min-height:44px;padding:0 10px;border:1px solid var(--ent-ink);background:var(--ent-plate);color:var(--ent-ink);
  font:500 13px/1 var(--ent-mono);font-variation-settings:"wdth" 82}
.hv-form input::placeholder{color:var(--ent-ink-3)}
.hv-form .hint{margin-top:6px;font-size:13px;line-height:1.45;color:var(--ent-ink-3);max-width:none}
.hv-form details summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font:500 11.5px/1 var(--ent-mono);font-variation-settings:"wdth" 82;color:var(--ent-ink-2)}
.hv-form details[open] summary{margin-bottom:4px}
.hv-form .more{display:grid;gap:14px}
.hv-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.hv-actions .st{font:500 12px/1.4 var(--ent-mono);font-variation-settings:"wdth" 82;color:var(--ent-ink-3)}

.hv-verdict{margin-top:24px;padding:16px 14px;border:1px solid var(--ent-ink);background:var(--ent-sheet);max-width:860px}
.hv-verdict .tag{display:inline-block;padding:3px 8px;border:1px solid var(--ent-ink);font:600 11.5px/1.4 var(--ent-mono);font-variation-settings:"wdth" 82;margin-bottom:10px}
.hv-verdict h2{font:600 clamp(19px,1.4vw + 14px,26px)/1.25 var(--ent-font);font-variation-settings:"wdth" 84;letter-spacing:-.01em;max-width:44ch}
.hv-verdict p{margin-top:8px;color:var(--ent-ink-2);font-size:15px}
.hv-verdict.is-sealed{border-color:var(--ent-ion);border-width:2px}
.hv-verdict.is-sealed .tag{background:var(--ent-ion);border-color:var(--ent-ion);color:var(--ent-on-ion)}
.hv-verdict.is-not{border-color:var(--ent-bad);border-width:2px}
.hv-verdict.is-not .tag{background:var(--ent-bad);border-color:var(--ent-bad);color:var(--ent-plate)}
.hv-verdict.is-unknown .tag{background:var(--ent-plate);color:var(--ent-ink-2)}

.hv-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px;max-width:860px}
body.hl .hv-check{margin:0;max-width:none;border:1px solid var(--ent-ink);background:var(--ent-sheet)}
.hv-check > header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:12px}
.hv-tag{display:inline-block;min-width:7ch;padding:3px 0;text-align:center;border:1px solid var(--ent-ink);font:600 11.5px/1.4 var(--ent-mono);font-variation-settings:"wdth" 82;color:var(--ent-ink)}
.hv-check.is-pass .hv-tag{background:var(--ent-ok);border-color:var(--ent-ok);color:var(--ent-plate)}
.hv-check.is-fail .hv-tag{background:var(--ent-bad);border-color:var(--ent-bad);color:var(--ent-plate)}
.hv-check.is-warn .hv-tag{background:var(--ent-photon);border-color:var(--ent-photon);color:#1d1400}
.hv-check.is-unknown .hv-tag,.hv-check.is-note .hv-tag{background:var(--ent-plate);color:var(--ent-ink-2)}
.hv-check.is-wait .hv-tag{border-style:dashed;color:var(--ent-ink-3)}
.hv-check h3{font:600 13.5px/1.4 var(--ent-mono);font-variation-settings:"wdth" 82;letter-spacing:0;font-stretch:normal;color:var(--ent-ink)}
.hv-check .sum{margin-top:4px;font-size:15px;line-height:1.5;color:var(--ent-ink-2);max-width:none}
.hv-rows{margin:0;border-top:1px solid var(--ent-rule-strong)}
.hv-rows > div{display:grid;gap:2px;padding:8px 12px;border-top:1px solid var(--ent-rule)}
.hv-rows > div:first-child{border-top:0}
@media (min-width:640px){.hv-rows > div{grid-template-columns:190px minmax(0,1fr);gap:14px}}
.hv-rows dt{font:500 11.5px/1.5 var(--ent-mono);font-variation-settings:"wdth" 82;color:var(--ent-ink-3)}
.hv-rows dd{margin:0;min-width:0;font:500 12.5px/1.5 var(--ent-mono);font-variation-settings:"wdth" 82;color:var(--ent-ink);overflow-wrap:anywhere}
.hv-rows dd a{color:inherit}
.hv-rows dd .sub{display:block;color:var(--ent-ink-3);font-size:11.5px}
.hv-rows dd .mine{color:var(--ent-ion-ink)}
.hv-keys{display:grid;grid-template-columns:repeat(32,1fr);gap:1px;margin-top:6px;max-width:420px}
.hv-keys i{height:8px;border:1px solid var(--ent-ink);background:transparent}
.hv-keys i.used{background:var(--ent-photon);border-color:var(--ent-photon)}
body.hl .hv-meta{margin-top:14px;font:500 11.5px/1.6 var(--ent-mono);font-variation-settings:"wdth" 82;color:var(--ent-ink-3);max-width:860px;overflow-wrap:anywhere}

@media (prefers-reduced-motion:reduce){body.hl *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
