/* Threshold · built on the M4 Night Desk language, over H6 Lintel. Tokens come from pk/packages/M4_night_desk.py unchanged. */
:root{--bg:#121110;--surface:#181715;--raised:#1E1D1A;--line:#2F2D29;--line-strong:#6F6B63;--ink:#E8E4DB;--ink-2:#BFBAB0;--ink-3:#A39E94;--brand:#E8E4DB;--on-brand:#121110;--brand-ink:#E8E4DB;--brand-tint:#2A2824;--accent:#78CC52;--accent-ink:#78CC52;--on-accent:#121110;--yes:#78CC52;--yes-tint:#23221E;--caution:#8F8A81;--caution-tint:#23221E;--no:#E8E4DB;--no-tint:#2A2824;--focus:#78CC52;--lintel:#0C0C0B;--on-lintel:#E8E4DB;--lamp:#78CC52;color-scheme:dark}
:root[data-theme="light"]{--bg:#F0EEE8;--surface:#F6F5F1;--raised:#FCFBF9;--line:#DAD7CF;--line-strong:#7A766D;--ink:#151412;--ink-2:#3B3934;--ink-3:#57544D;--brand:#151412;--on-brand:#F6F5F1;--brand-ink:#151412;--brand-tint:#E4E2DB;--accent:#2E6B19;--accent-ink:#2E6B19;--on-accent:#FFFFFF;--yes:#2E6B19;--yes-tint:#E3ECD8;--caution:#66625A;--caution-tint:#E8E6E0;--no:#151412;--no-tint:#E6E4DD;--focus:#2E6B19;--lintel:#151412;--on-lintel:#F0EEE8;--lamp:#78CC52;color-scheme:light}
:root{--f-display:"Brygada 1918", Georgia, serif;--f-text:"Geologica", system-ui, sans-serif;--f-ui:"Geologica", system-ui, sans-serif;--f-mono:"Source Code Pro", ui-monospace, monospace;--f-readable:"Atkinson Hyperlegible Next", system-ui, sans-serif;--fvs-display:normal;--fvs-text:normal;--fvs-ui:normal;--fvs-mono:normal;--w-display:600;--w-text:400;--w-ui:520;--lh-text:1.5;--track-display:-0.01em;--measure:66ch;--t-cap:12px;--t-sm:14px;--t-base:16px;--t-lg:19px;--t-xl:24px;--t-2xl:32px;--t-3xl:44px;--t-hero:68px}
:root[data-font="readable"]{--f-text:var(--f-readable);--f-ui:var(--f-readable);--fvs-text:normal;--fvs-ui:normal}
:root{--r-1:2px;--r-2:3px;--r-3:6px;--r-pill:999px;--bw:1px;--shadow:none;--s-0:0px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--dur-hover:120ms;--dur-press:0ms;--dur-disclose:200ms;--ease:cubic-bezier(.25,.6,.25,1)}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-text);font-variation-settings:var(--fvs-text);font-weight:var(--w-text);font-size:var(--t-base);line-height:var(--lh-text)}
a{color:var(--brand-ink);text-underline-offset:.18em}
code,kbd,pre{font-family:var(--f-mono);font-variation-settings:var(--fvs-mono)}
.pk-wrap{max-width:1120px;margin:0 auto;padding-inline:24px}
.pk-bar{border-bottom:var(--bw) solid var(--line);background:var(--surface);font-family:var(--f-ui);font-variation-settings:var(--fvs-ui);font-size:var(--t-sm)}
.pk-bar .pk-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding-block:10px}
.pk-bar .pk-id{font-weight:600;color:var(--ink)}
.pk-bar .pk-id span{color:var(--ink-2);font-weight:400}
.pk-bar nav{display:flex;flex-wrap:wrap;gap:4px 14px;order:5;flex-basis:100%;min-width:0;padding-top:2px}
.pk-bar .pk-id{flex:1;min-width:min(100%,260px)}
.pk-bar nav a{color:var(--ink-2);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.pk-bar .pk-sib a{display:inline-flex;align-items:center;min-height:44px}
.pk-bar nav a:hover{color:var(--ink);text-decoration:underline}
.pk-tg{display:inline-flex;gap:2px;padding:2px;border:var(--bw) solid var(--line-strong);border-radius:var(--r-pill)}
.pk-tg button{all:unset;cursor:pointer;box-sizing:border-box;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:5px 14px;border-radius:var(--r-pill);font-family:var(--f-ui);font-size:var(--t-sm);color:var(--ink-2)}
.pk-tg button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.pk-tg button:focus-visible,.k-btn:focus-visible,a:focus-visible,.pk-play:focus-visible,.k-field input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.pk-sib{display:flex;gap:10px;font-family:var(--f-ui)}
.pk-sib a{color:var(--ink-2)}
section.pk{padding-block:clamp(40px,6vw,72px);border-top:var(--bw) solid var(--line)}
.pk-h{font-family:var(--f-ui);font-variation-settings:var(--fvs-ui);font-size:var(--t-cap);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin:0 0 6px;font-weight:600}
.pk-t{font-family:var(--f-display);font-variation-settings:var(--fvs-display);font-weight:var(--w-display);font-size:var(--t-2xl);line-height:1.1;letter-spacing:var(--track-display);margin:0 0 18px;text-wrap:balance}
.pk-lede{max-width:var(--measure);color:var(--ink-2);margin:0 0 28px}
.pk-grid{display:grid;gap:18px}
@media (min-width:760px){.pk-2{grid-template-columns:1fr 1fr}.pk-3{grid-template-columns:repeat(3,1fr)}}
/* kit */
.k-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px}
.k-btn{font-family:var(--f-ui);font-variation-settings:var(--fvs-ui);font-weight:var(--w-ui);font-size:var(--t-base);line-height:1.2;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--r-2);border:var(--bw) solid transparent;cursor:pointer;text-decoration:none;transition:background var(--dur-hover) var(--ease),color var(--dur-hover) var(--ease),border-color var(--dur-hover) var(--ease)}
.k-btn-primary{background:var(--brand);color:var(--on-brand)}
.k-btn-secondary{background:transparent;color:var(--brand-ink);border-color:var(--brand-ink)}
.k-btn-quiet{background:transparent;color:var(--brand-ink);text-decoration:underline;text-underline-offset:.2em;padding-inline:6px}
.k-btn[disabled]{background:var(--raised);color:var(--ink-3);border-color:var(--line-strong);cursor:not-allowed}
.k-btn.is-focus{outline:3px solid var(--focus);outline-offset:2px}
.k-yn{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:420px}
.k-yn .k-btn{width:100%}
.k-yn.k-opts{grid-template-columns:1fr 1fr;max-width:520px}
.k-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.k-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-ui);font-variation-settings:var(--fvs-ui);font-size:var(--t-sm);font-weight:600;padding:5px 11px;border-radius:var(--r-pill);background:var(--raised);color:var(--ink);border:var(--bw) solid var(--line)}
.k-chip svg{width:14px;height:14px;flex:none}
.k-chip-yes{background:var(--yes-tint);color:var(--yes);border-color:transparent}
.k-chip-caution{background:var(--caution-tint);color:var(--caution);border-color:transparent}
.k-chip-no{background:var(--no-tint);color:var(--no);border-color:transparent}
.k-field{display:grid;gap:6px;max-width:460px;margin-bottom:16px;font-family:var(--f-ui)}
.k-field label{font-weight:600;font-size:var(--t-sm);color:var(--ink)}
.k-field input{font:inherit;font-family:var(--f-ui);font-size:var(--t-base);padding:11px 13px;border-radius:var(--r-1);border:var(--bw) solid var(--line-strong);background:var(--surface);color:var(--ink)}
.k-field small{font-size:var(--t-sm);color:var(--ink-2)}
.k-field.is-error input{border-color:var(--no);border-width:2px}
.k-field.is-error small{color:var(--no);font-weight:600}
.k-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-2);background:var(--raised);border:var(--bw) solid var(--line);font-size:var(--t-sm);max-width:560px;margin-bottom:10px;font-family:var(--f-ui)}
.k-note svg{width:18px;height:18px;flex:none;margin-top:1px}
.k-note-yes{background:var(--yes-tint);border-color:transparent;color:var(--yes)}
.k-note-yes b,.k-note-no b{color:inherit}
.k-note-no{background:var(--no-tint);border-color:transparent;color:var(--no)}
.k-kit-grid{display:grid;gap:28px}
@media (min-width:860px){.k-kit-grid{grid-template-columns:1fr 1fr}}
.k-kit-grid > div{min-width:0}
.k-kit-grid h3{font-family:var(--f-ui);font-size:var(--t-sm);font-weight:600;color:var(--ink-2);margin:0 0 10px}
/* sheet */
.pk-sw{border-radius:var(--r-3);padding:18px;border:1px solid}
.pk-sw h4{margin:0 0 12px;font-family:var(--f-ui);font-size:var(--t-sm);font-weight:600}
.pk-sw .g{margin:0 0 12px}
.pk-sw .g p{margin:0 0 6px;font-family:var(--f-ui);font-size:var(--t-cap);letter-spacing:.1em;text-transform:uppercase}
.pk-sw ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.pk-sw li{display:flex;gap:8px;align-items:center;font-family:var(--f-mono);font-size:12px;line-height:1.3}
.pk-sw li i{width:30px;height:30px;border-radius:6px;flex:none;border:1px solid rgb(128 128 128 / .35)}
.pk-sw li b{display:block;font-family:var(--f-ui);font-size:12.5px;font-weight:600}
.pk-table{width:100%;border-collapse:collapse;font-family:var(--f-ui);font-size:var(--t-sm);font-variant-numeric:tabular-nums}
.pk-table th,.pk-table td{text-align:left;padding:7px 10px;border-bottom:var(--bw) solid var(--line);vertical-align:top}
.pk-table th{color:var(--ink-2);font-weight:600}
.pk-scroll{overflow-x:auto}
.pk-ok{color:var(--ink);font-weight:600}.pk-bad{color:var(--no);font-weight:700}
.pk-type .spec{border-bottom:var(--bw) solid var(--line);padding-block:14px}
.pk-type .spec small{display:block;font-family:var(--f-ui);font-size:var(--t-cap);color:var(--ink-2);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.pk-scale{display:grid;gap:6px}
.pk-scale div{display:flex;gap:16px;align-items:baseline;border-bottom:var(--bw) dashed var(--line);padding-block:4px;overflow:hidden}
.pk-scale code{font-size:12px;color:var(--ink-2);min-width:140px;flex:none}
.pk-scale span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-radii{display:flex;flex-wrap:wrap;gap:14px}
.pk-radii div{width:92px;height:64px;background:var(--brand-tint);border:var(--bw) solid var(--brand-ink);display:flex;align-items:flex-end;padding:6px;font-family:var(--f-mono);font-size:11px;color:var(--brand-ink)}
.pk-space{display:grid;gap:5px}
.pk-space div{display:flex;align-items:center;gap:12px;font-family:var(--f-mono);font-size:12px;color:var(--ink-2)}
.pk-space i{display:block;height:12px;background:var(--brand);border-radius:2px}
.pk-marks{display:flex;flex-wrap:wrap;gap:22px;align-items:flex-end}
.pk-marks figure{margin:0;display:grid;gap:6px;justify-items:center;font-family:var(--f-mono);font-size:11px;color:var(--ink-2)}
.pk-marks .tile{display:grid;place-items:center;border-radius:var(--r-2)}
.pk-lock{display:flex;flex-wrap:wrap;gap:16px;margin-top:22px}
.pk-lock div{padding:22px 26px;border-radius:var(--r-3)}
.pk-voice ul{margin:0;padding-left:1.1em}
.pk-voice li{margin-bottom:6px}
.pk-hl{font-family:var(--f-display);font-variation-settings:var(--fvs-display);font-weight:var(--w-display);font-size:var(--t-xl);line-height:1.2;margin:0 0 10px;letter-spacing:var(--track-display)}
.pk-code{background:var(--raised);border:var(--bw) solid var(--line);border-radius:var(--r-2);padding:14px 16px;font-size:12.5px;line-height:1.55;overflow-x:auto;white-space:pre;color:var(--ink)}
.pk-call{border:var(--bw) solid var(--line-strong);border-radius:var(--r-3);padding:20px 22px;background:var(--surface)}
.pk-call h3{margin:0 0 8px;font-family:var(--f-ui);font-size:var(--t-base)}
.pk-call ul{margin:0 0 6px;padding-left:1.1em}
.pk-motion-demo{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:22px;border:var(--bw) dashed var(--line-strong);border-radius:var(--r-3);margin-top:14px;min-height:120px}
.pk-play{font-family:var(--f-ui);font-size:var(--t-sm);font-weight:600;padding:8px 14px;border-radius:var(--r-pill);border:var(--bw) solid var(--ink-2);background:transparent;color:var(--ink);cursor:pointer}
.pk-foot{padding-block:28px 48px;font-family:var(--f-ui);font-size:var(--t-sm);color:var(--ink-2);border-top:var(--bw) solid var(--line)}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}

/* M4 package CSS (Lintel, relit) */

/* Lintel (H6). Tokens only. */
body{font-feature-settings:"kern","liga","tnum"}
h1,h2,h3,.pk-t,.pk-hl{font-feature-settings:"kern","liga","lnum"}
.pk-h{font-family:var(--f-display);font-weight:600;letter-spacing:.18em;font-size:12.5px}
.pk-t{font-weight:600}
.pk-t em,.pk-type em,.pk-hl em{font-style:italic;font-weight:560;color:var(--brand-ink)}
/* the inscription: capitals cut into a lintel */
.h6-inscr{font-family:var(--f-display);font-weight:600;font-size:var(--t-cap);letter-spacing:.18em;text-transform:uppercase;margin:0;line-height:1.3}
/* the doorway glyph */
.h6-dw{flex:none;overflow:visible}
.h6-dw .dw-frame{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:square}
.h6-dw.dw-wait .dw-frame,.h6-dw.dw-dormant .dw-frame{stroke-dasharray:2.2 1.8}
.h6-dw.dw-lapsed .dw-frame{stroke-dasharray:.1 2.4;stroke-linecap:round;stroke-width:1.9}
.h6-dw .dw-fill{fill:var(--yes);transform-box:fill-box;transform-origin:50% 100%}
.h6-dw .dw-shut{fill:currentColor;opacity:.2}
.h6-dw .dw-bar{stroke:currentColor;stroke-width:1.6;fill:none}
.h6-dw .dw-out{stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.h6-dw .dw-quiet{fill:var(--brand-tint)}
.h6-dw.is-crossing .dw-fill,.sig.is-playing .dw-fill{animation:h6cross 420ms var(--ease) both}
@keyframes h6cross{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media (prefers-reduced-motion: reduce){.h6-dw .dw-fill{animation:none!important}}
.h6-dw-xl{width:64px;height:72px}
.h6-sigdemo{display:inline-flex;color:var(--ink)}
.h6-sigcap{font-family:var(--f-ui);font-size:var(--t-base);color:var(--ink-2)}
.h6-sigcap b{color:var(--ink);font-weight:600}
/* a status: glyph and word */
.h6-st{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-ui);font-size:var(--t-sm);font-weight:560;line-height:1.25;color:var(--ink-2);padding:3px 9px 3px 7px;border:1px solid var(--line-strong);border-radius:var(--r-1);background:var(--raised);white-space:nowrap}
.h6-st .h6-dw{width:14px;height:16px}
.h6-st.st-wait,.h6-st.st-dormant{color:var(--caution);border:1px dashed var(--caution);background:var(--caution-tint)}
.h6-st.st-lapsed{color:var(--caution);border:1px dotted var(--caution);background:transparent}
.h6-st.st-in{color:var(--yes);border-color:var(--yes);background:var(--yes-tint)}
.h6-st.st-no{color:var(--no);border-color:var(--no);background:var(--no-tint)}
.h6-st.st-left{color:var(--ink-2)}
.h6-st.st-active{color:var(--ink-2)}
/* panes: lintel, body, sill */
.h6-pane{background:var(--raised);border:1px solid var(--line);border-top:0;border-radius:0 0 var(--r-1) var(--r-1);min-width:0}
.h6-lin{background:var(--lintel);color:var(--on-lintel);padding:9px 14px 8px;display:flex;align-items:baseline;gap:6px 12px;flex-wrap:wrap;border-radius:var(--r-1) var(--r-1) 0 0}
.h6-lin .h6-inscr{color:var(--on-lintel)}
.h6-lin small{font-family:var(--f-ui);font-size:var(--t-sm);opacity:.9;margin-left:auto}
.h6-sill{background:var(--sill);border-top:1px solid var(--line-strong);padding:10px 14px;display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center}
.h6-sill p{margin:0;font-family:var(--f-ui);font-size:var(--t-sm);color:var(--ink-2)}
.h6-body{padding:6px 14px 12px}
/* rows */
.h6-rows{list-style:none;margin:0;padding:0}
.h6-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 12px;align-items:center;min-height:52px;padding:8px 12px 8px 14px;border-top:1px solid var(--line);position:relative;font-family:var(--f-ui);font-size:15px}
.h6-row:first-child{border-top:0}
.h6-row .who{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;min-width:0}
.h6-row .who b{font-weight:600;color:var(--ink)}
.h6-row .meta{grid-column:2/4;font-size:var(--t-sm);color:var(--ink-2);margin-top:-2px}
.h6-row.is-open{background:var(--surface);box-shadow:inset 4px 0 0 var(--ink)}
.h6-grp{display:flex;align-items:center;gap:10px;padding:14px 14px 6px;margin:0;border-top:1px solid var(--line-strong)}
.h6-grp:first-child{border-top:0}
.h6-grp .h6-inscr{color:var(--ink-2)}
.h6-grp .n{font-family:var(--f-ui);font-size:var(--t-sm);color:var(--ink-3);margin-left:auto}
/* portraits and monograms hang in a door frame: heavy top, stone sill */
.h6-ava{display:inline-grid;place-items:center;width:36px;height:45px;flex:none;overflow:hidden;background:var(--sill);border-top:3px solid var(--ink);border-bottom:2px solid var(--line-strong);border-radius:1px}
.h6-ava svg{width:100%;height:100%;display:block}
.h6-mono{font-family:var(--f-display);font-weight:600;font-size:15px;letter-spacing:.04em;color:var(--ink)}
.h6-ava.lg{width:88px;height:110px}.h6-ava.lg.h6-mono{font-size:32px}
/* the curation clock */
.h6-clock{display:grid;gap:6px;font-family:var(--f-ui);font-size:var(--t-sm);color:var(--ink-2)}
.h6-clock b{color:var(--ink);font-weight:600}
.h6-meter{display:block;height:4px;background:var(--line);border-radius:1px;overflow:hidden;max-width:340px}
.h6-meter span{display:block;height:100%;background:var(--ink-3)}
/* facts */
.h6-facts{display:grid;grid-template-columns:minmax(110px,auto) 1fr;margin:0;font-family:var(--f-ui);font-size:var(--t-sm)}
.h6-facts dt,.h6-facts dd{padding:7px 0;border-top:1px solid var(--line)}
.h6-facts dt{color:var(--ink-2);padding-right:14px}
.h6-facts dd{margin:0;color:var(--ink);overflow-wrap:anywhere}
/* kit, restyled */
.k-btn{border-radius:var(--r-1);font-size:15.5px;padding:11px 18px;min-height:44px;font-weight:560;letter-spacing:.005em}
.k-btn-primary:hover{background:var(--ink);color:var(--bg)}
.k-btn-secondary{border-width:1.5px;color:var(--brand-ink);border-color:var(--brand-ink);background:var(--raised)}
.k-btn-secondary:hover{background:var(--brand-tint)}
.k-btn-quiet{color:var(--brand-ink)}
.k-yn{max-width:440px;gap:8px}
.k-chip{border-radius:var(--r-1);font-weight:560}
.k-chip-yes{border:1px solid var(--yes)}
.k-chip-caution{background:var(--caution-tint);border:1px dashed var(--caution)}
.k-chip-no{border:1px solid var(--no)}
.k-ver,.kd-level{display:inline-flex;align-items:center;gap:5px;font-family:var(--f-ui);font-size:13.5px;font-weight:500;line-height:1.3;color:var(--ink-2);padding:1px 7px 2px 6px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-1);white-space:nowrap}
.k-ver svg,.kd-level svg{width:14px;height:14px;flex:none;color:var(--brand-ink)}
.k-ver-unverified,.kd-level[data-level="unverified"]{color:var(--caution);border:1px dashed var(--caution);background:transparent}
.k-ver-unverified svg,.kd-level[data-level="unverified"] svg{color:var(--caution)}
.k-note{border-radius:var(--r-1);background:var(--surface);border-color:var(--line);border-left:4px solid var(--ink-3)}
.k-note-yes{background:var(--yes-tint);border:1px solid var(--yes);border-left-width:4px}
.k-note-no{background:var(--no-tint);border:1px solid var(--no);border-left-width:4px}
.k-field input,.k-field select,.k-field textarea{border-radius:var(--r-1);background:var(--raised)}
.k-field.is-error small::before{content:"\00D7";display:inline-block;font-weight:700;margin-right:6px}
.pk-radii div{background:var(--sill)}
.pk-ok{color:var(--ink-2)}
/* hero: a doorway, seen straight on */
.h6-hero{padding-block:clamp(26px,4vw,48px) 0}
.h6-door{display:grid;grid-template-columns:clamp(14px,2.4vw,30px) minmax(0,1fr) clamp(14px,2.4vw,30px);grid-template-rows:auto 1fr auto}
.h6-door-lin{grid-column:1/-1;background:var(--lintel);color:var(--on-lintel);padding:14px clamp(16px,3vw,34px);display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-inline:calc(-1 * clamp(0px,1.4vw,18px));border-radius:var(--r-1)}
.h6-door-lin svg{width:34px;height:34px;flex:none}
.h6-door-lin .h6-inscr{font-size:15px;color:var(--on-lintel)}
.h6-door-lin span{font-family:var(--f-ui);font-size:var(--t-sm);opacity:.92}
.h6-jamb{background:var(--lintel)}
.h6-open{background:var(--raised);padding:clamp(22px,4vw,48px) clamp(18px,4vw,52px) clamp(22px,3vw,36px);min-width:0;display:grid;gap:26px}
@media (min-width:900px){.h6-open{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;column-gap:48px}}
.h6-hero h1{font-family:var(--f-display);font-weight:600;font-size:clamp(40px,6.4vw,var(--t-hero));line-height:1.02;letter-spacing:-.018em;margin:0 0 18px;color:var(--ink);text-wrap:balance}
.h6-hero h1 em{font-style:italic;font-weight:560;color:var(--brand-ink)}
.h6-lede{font-size:var(--t-lg);line-height:1.5;color:var(--ink-2);margin:0 0 22px;max-width:34em}
.h6-ctas{display:flex;flex-wrap:wrap;gap:10px}
.h6-sill-band{grid-column:1/-1;background:var(--sill);border-top:2px solid var(--line-strong);padding:12px clamp(16px,3vw,34px);display:flex;flex-wrap:wrap;gap:6px 26px;font-family:var(--f-ui);font-size:var(--t-sm);color:var(--ink-2);margin-inline:calc(-1 * clamp(0px,1.4vw,18px))}
.h6-sill-band b{color:var(--ink);font-weight:600}
.h6-step{height:10px;background:var(--line-strong);opacity:.35;margin-inline:calc(-1 * clamp(0px,2.6vw,34px));border-radius:0 0 2px 2px}
.h6-places{display:grid;gap:0;border:1px solid var(--line);background:var(--surface);border-radius:var(--r-1)}
.h6-place{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;padding:12px 14px;border-top:1px solid var(--line);align-items:start}
.h6-place:first-child{border-top:0}
.h6-place p{margin:0;font-family:var(--f-ui);font-size:var(--t-sm);color:var(--ink-2);grid-column:2}
.h6-place .h6-st{grid-column:1/-1;justify-self:start}
/* feature: the desk in three panes */
.h6-desk{display:grid;gap:14px;align-items:start}
@media (min-width:1000px){.h6-desk{grid-template-columns:250px minmax(0,1fr) minmax(0,1.05fr)}}
.h6-desk .h6-row{font-size:14.5px}
.h6-poolrow .meta{grid-column:2/4}
.h6-who{display:flex;align-items:center;gap:14px;padding:14px 14px 4px}
.h6-who h3{font-family:var(--f-display);font-weight:600;font-size:var(--t-xl);line-height:1.15;margin:0 0 4px}
.h6-win{font-family:var(--f-ui);font-size:var(--t-base);margin:10px 0 6px;color:var(--ink)}
.h6-demo{border:1px dashed var(--line-strong);border-radius:var(--r-1);padding:12px 14px;margin:12px 0 0;background:var(--surface)}
.h6-demo .h6-inscr{color:var(--ink-2);margin-bottom:8px}
@media (max-width:560px){
 .h6-door{grid-template-columns:8px minmax(0,1fr) 8px}
 .h6-door-lin,.h6-sill-band{margin-inline:0}
 .h6-hero h1{font-size:clamp(36px,10.5vw,46px)}
 .h6-facts{grid-template-columns:1fr}.h6-facts dt{padding-bottom:0}.h6-facts dd{border-top:0;padding-top:2px}
 .h6-row{padding-inline:10px}
}

/* Night Desk (M4). Lintel's structure, relit. Tokens only. */
:root{--sill:var(--surface)}
body{text-rendering:optimizeLegibility}
/* bands: the darkest black at night, solid black by day */
.h6-lin{border-bottom:1px solid var(--line-strong)}
.h6-lin .h6-inscr{color:var(--lamp)}
.pk-h,.h6-grp .h6-inscr,.h6-demo .h6-inscr,.m4-places .h6-inscr{color:var(--accent-ink)}
.h6-grp .n{color:var(--accent-ink);font-weight:600}
.h6-pane:last-child .h6-lin{box-shadow:inset 0 3px 0 var(--lamp)}
a{text-decoration-color:var(--accent)}
.h6-sill{border-top:1px solid var(--line-strong)}
/* the lamp line: the row you are working on */
.h6-row.is-open{background:var(--surface);box-shadow:inset 4px 0 0 var(--accent)}
.h6-grp{border-top-color:var(--line)}
/* the lit doorway is the only green state */
.h6-st.st-in{font-weight:600}
.h6-st.st-no{border-width:1.5px}
.h6-dw .dw-shut{opacity:.28}
/* portraits: a heavy top edge in the ink, softened at night */
.h6-ava{border-top-color:var(--ink-2)}
/* Yes and No: the ink, filled and outlined */
.k-btn-primary:hover{background:var(--ink-2);color:var(--bg)}
.k-btn-secondary{border-width:1.5px;color:var(--brand-ink);border-color:var(--brand-ink);background:transparent}
.k-btn-secondary:hover{background:var(--brand-tint)}
/* hero: the desk after hours */
.m4-hero{padding-block:clamp(22px,4vw,44px) 8px}
.m4-room{background:var(--raised);border:1px solid var(--line);border-radius:var(--r-1);overflow:hidden}
.m4-band{background:var(--lintel);color:var(--on-lintel);display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px clamp(16px,3vw,28px);box-shadow:inset 0 -3px 0 var(--lamp)}
.m4-band svg{width:32px;height:32px;flex:none;--accent:var(--lamp)}
.m4-band .h6-inscr{font-size:15px;letter-spacing:.24em;color:var(--on-lintel)}
.m4-band span{font-family:var(--f-ui);font-size:var(--t-sm);color:var(--on-lintel);opacity:.9}
.m4-desk{display:grid;gap:26px;padding:clamp(22px,4vw,44px) clamp(18px,4vw,44px)}
@media (min-width:980px){.m4-desk{grid-template-columns:132px minmax(0,1.3fr) minmax(0,1fr);column-gap:40px;align-items:start}}
.m4-lamp{display:grid;justify-items:start;gap:10px;color:var(--ink)}
.m4-lamp svg{width:112px;height:112px}
.m4-lamp p{margin:0;font-family:var(--f-ui);font-size:var(--t-sm);color:var(--ink-2);max-width:14em}
.m4-hero h1{font-family:var(--f-display);font-weight:600;font-size:clamp(38px,5.6vw,60px);line-height:1.04;letter-spacing:-.015em;margin:0 0 18px;color:var(--ink);text-wrap:balance}
.m4-hero h1 em{font-style:italic;font-weight:560;color:var(--accent-ink)}
.m4-hero .h6-lede{font-size:var(--t-lg);line-height:1.5;color:var(--ink-2);margin:0 0 22px;max-width:34em}
.m4-places .h6-inscr{margin:0 0 8px}
.m4-edge{display:flex;flex-wrap:wrap;gap:6px 26px;padding:12px clamp(16px,3vw,28px);background:var(--surface);border-top:1px solid var(--line-strong);font-family:var(--f-ui);font-size:var(--t-sm);color:var(--ink-2)}
.m4-edge b{color:var(--ink);font-weight:600}
@media (max-width:560px){.m4-lamp{grid-template-columns:auto 1fr;align-items:center}.m4-lamp svg{width:72px;height:72px}}

/* Threshold */
/* ---------- the page */
html{scroll-padding-top:120px}
body{-webkit-font-smoothing:antialiased}
.th-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;margin:-1px;padding:0;border:0}
.th-skip{position:absolute;left:12px;top:-100px;z-index:50;background:var(--raised);color:var(--ink);padding:12px 16px;border:2px solid var(--focus);border-radius:var(--r-1);font-family:var(--f-ui)}
.th-skip:focus{top:10px}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.th-mono{font-family:var(--f-mono);font-size:.92em;overflow-wrap:anywhere}
.th-small{font-family:var(--f-ui);font-size:var(--t-sm);color:var(--ink-2);margin:6px 0}
.th-sec{white-space:nowrap}
button{font:inherit;color:inherit}
.th-plain,.th-linkbtn,.th-back,.th-navbtn,.th-tab,.th-poolbtn,.th-row,.th-clockrow,.th-whobtn,.th-who-opt{appearance:none;-webkit-appearance:none;background:none;border:0;margin:0;font:inherit;color:inherit;cursor:pointer;text-align:left}
.th-linkbtn{display:inline-flex;align-items:center;min-height:44px;padding:0 2px;color:var(--brand-ink);text-decoration:underline;text-underline-offset:.18em;font-family:var(--f-ui);font-weight:520}
.th-linkbtn:hover{text-decoration-thickness:2px}
.th-tag{display:inline-flex;align-items:center;font-family:var(--f-ui);font-size:12.5px;font-weight:560;color:var(--ink-2);padding:1px 7px;border:1px solid var(--line-strong);border-radius:var(--r-1);background:var(--surface);margin:0 4px 4px 0;white-space:nowrap}
.k-btn{touch-action:manipulation}
.k-btn[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--on-brand),0 0 0 2px var(--brand-ink)}

/* ---------- the example bar */
.th-ex{background:var(--surface);border-bottom:1px solid var(--line);font-family:var(--f-ui);font-size:13.5px;color:var(--ink-2)}
.th-ex p{margin:0;padding:6px 16px;line-height:1.45}
.th-ex b{color:var(--ink);font-weight:600}
.th-ex a{color:var(--ink-2)}

/* ---------- the lintel over the desk */
.th-top{background:var(--lintel);color:var(--on-lintel);border-bottom:3px solid var(--line-strong)}
.th-topin{display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px;padding:6px 16px;min-height:60px}
.th-brand{display:inline-flex;align-items:center;gap:12px;color:var(--on-lintel);text-decoration:none;min-height:44px}
.th-brand svg{width:30px;height:30px;flex:none}
.th-brand .h6-inscr{font-size:15px;letter-spacing:.24em;color:var(--on-lintel)}
.th-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.th-desk-tools{margin-left:auto}
.th-tg{display:inline-flex;gap:2px;padding:2px;border:1px solid color-mix(in srgb,var(--on-lintel) 45%,transparent);border-radius:999px}
.th-tg button{appearance:none;background:none;border:0;cursor:pointer;min-height:40px;min-width:44px;padding:4px 13px;border-radius:999px;font-family:var(--f-ui);font-size:var(--t-sm);color:var(--on-lintel)}
.th-top .th-tg button{min-height:44px}
.th-tg button[aria-pressed="true"]{background:var(--on-lintel);color:var(--lintel);font-weight:600}
.th-plain{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;font-family:var(--f-ui);font-size:var(--t-sm);color:var(--on-lintel);text-decoration:underline;text-underline-offset:.2em;text-decoration-color:color-mix(in srgb,var(--on-lintel) 50%,transparent)}
.th-plain:hover{text-decoration-color:currentColor}
.th-doc .th-docnav{display:flex;flex-wrap:wrap;gap:0 4px;font-family:var(--f-ui);font-size:var(--t-sm)}
.th-docnav a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;color:var(--on-lintel);text-decoration:none;border-bottom:2px solid transparent}
.th-docnav a[aria-current="page"]{border-bottom-color:var(--on-lintel);font-weight:600}
.th-docnav a:hover{text-decoration:underline}
.th-doc .th-tools{margin-left:auto}

/* signed in as */
.th-who{position:relative}
.th-whobtn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:3px 12px 3px 4px;border:1px solid color-mix(in srgb,var(--on-lintel) 40%,transparent);border-radius:var(--r-2);color:var(--on-lintel)}
.th-whobtn:hover{background:color-mix(in srgb,var(--on-lintel) 10%,transparent)}
.th-whotext{display:grid;line-height:1.15;font-family:var(--f-ui)}
.th-whotext small{font-size:12px;opacity:.88}
.th-whotext b{font-weight:600;font-size:15px}
.th-whobtn .chev{width:14px;height:14px}
.th-who-ava .h6-ava,.th-whobtn .h6-ava{width:30px;height:38px;border-top-width:2px;border-bottom-width:1px}
.th-who-ava .h6-mono{font-size:12px}
.th-whomenu{position:absolute;top:calc(100% + 8px);left:0;z-index:30;width:min(380px,calc(100vw - 24px));background:var(--raised);color:var(--ink);border:1px solid var(--line-strong);border-top:5px solid var(--lintel);border-radius:0 0 var(--r-2) var(--r-2);padding:12px 12px 10px;box-shadow:0 12px 32px rgb(0 0 0 / .18)}
.th-whomenu .h6-inscr{color:var(--ink-2);margin:0 4px 6px}
.th-who-list{list-style:none;margin:0;padding:0}
.th-who-opt{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;width:100%;padding:8px;border-radius:var(--r-1);min-height:56px;font-family:var(--f-ui)}
.th-who-opt b{display:block;font-weight:600;color:var(--ink)}
.th-who-opt small{display:block;font-size:13px;color:var(--ink-2);line-height:1.35}
.th-who-opt:hover{background:var(--surface)}
.th-who-opt[aria-pressed="true"]{background:var(--surface);box-shadow:inset 4px 0 0 var(--ink)}
.th-menu-more{border-top:1px solid var(--line);margin-top:8px;padding-top:8px;display:none}
.th-menu-tools{display:flex;flex-wrap:wrap;gap:8px}
.th-menu-tools .th-tg{border-color:var(--line-strong)}
.th-menu-tools .th-tg button{color:var(--ink)}
.th-menu-tools .th-tg button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.th-menu-tools .th-plain{color:var(--brand-ink)}
.th-signout{margin:6px 0 0;border-top:1px solid var(--line);padding-top:6px}
.th-signout .th-plain,.th-menu-tools .th-plain{color:var(--brand-ink);text-decoration-color:currentColor}
.th-menu-links{font-family:var(--f-ui);font-size:var(--t-sm);margin:10px 4px 2px}

/* ---------- the desk: three doorways under one lintel */
.th-app{background:var(--bg)}
.th-desk{min-width:0}
.th-pane{min-width:0;background:var(--raised)}
.th-pane:focus{outline:none}
.th-pane:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}
.th-ph{position:sticky;top:0;z-index:3;min-height:48px;align-items:center;border-radius:0}
.th-ph h2,.th-ph h3{font-size:12.5px;margin:0}
.th-ph h2:focus,.th-ph h3:focus{outline:none}
.th-ph h2:focus-visible,.th-ph h3:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.th-ph small{font-size:13.5px}
.th-back{display:none;align-items:center;gap:4px;min-height:44px;min-width:44px;padding:0 10px 0 4px;margin:-4px 0 -4px -8px;color:var(--on-lintel);font-family:var(--f-ui);font-size:var(--t-sm);border-radius:var(--r-1)}
.th-back svg{width:18px;height:18px}
.th-back:hover{background:color-mix(in srgb,var(--on-lintel) 12%,transparent)}
.th-p2body,.th-p3body{padding:0 0 18px}
.th-p3body{padding:14px 18px 20px}
.th-sill{z-index:2;gap:8px 14px}
.th-sill p{flex:1 1 220px;font-size:13.5px;line-height:1.4}
.th-sill .k-btn{min-height:44px;order:-1;flex:none}
@media (min-width:1024px){.th-pane .th-sill{position:sticky;bottom:0}}

/* pane one: who you are, and your Pools */
.th-p1{background:var(--surface);display:flex;flex-direction:column}
.th-me{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;padding:16px 16px 6px}
.th-me .h6-ava.md{width:56px;height:70px}
.th-me .h6-ava.md.h6-mono{font-size:21px}
.th-me-name{font-family:var(--f-display);font-weight:600;font-size:19px;line-height:1.15;margin:0 0 5px}
.th-me-role{font-family:var(--f-ui);font-size:13.5px;color:var(--ink-2);margin:6px 0 0;line-height:1.35}
.th-me-work{font-family:var(--f-ui);font-size:14px;color:var(--ink-2);margin:6px 16px 12px;line-height:1.45}
.th-nav{display:grid;gap:0;margin:0 0 6px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.th-navbtn{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 16px;font-family:var(--f-ui);font-weight:520;color:var(--ink)}
.th-navbtn + .th-navbtn{border-top:1px solid var(--line)}
.th-navbtn svg{width:22px;height:22px;color:var(--ink-2);flex:none}
.th-navbtn:hover{background:var(--raised)}
.th-navbtn[aria-current="true"]{background:var(--raised);box-shadow:inset 4px 0 0 var(--ink);font-weight:620}
.th-count{margin-left:auto;display:inline-grid;place-items:center;min-width:26px;height:24px;padding:0 7px;border:1px solid var(--line-strong);border-radius:var(--r-1);font-family:var(--f-ui);font-size:13px;font-weight:600;color:var(--ink);background:var(--raised);font-variant-numeric:tabular-nums}
.th-p1h{display:flex;align-items:baseline;justify-content:space-between;padding:14px 16px 4px}
.th-p1h h2{margin:0;color:var(--ink-2)}
.th-p1h span{font-family:var(--f-ui);font-size:13px;color:var(--ink-3)}
.th-pools{list-style:none;margin:0;padding:0}
.th-site{padding:12px 16px 4px}
.th-site .h6-inscr{font-size:11.5px;color:var(--ink-3)}
.th-poolbtn{display:grid;grid-template-columns:16px minmax(0,1fr);gap:1px 11px;align-items:start;width:100%;min-height:52px;padding:8px 16px;font-family:var(--f-ui);color:var(--ink)}
.th-poolbtn .h6-dw{grid-row:span 2;margin-top:3px;color:var(--ink-2)}
.th-poolbtn .nm{font-weight:560;font-size:15px;line-height:1.3}
.th-poolbtn .mt{font-size:13px;color:var(--ink-2);line-height:1.35}
.th-poolbtn:hover{background:var(--raised)}
.th-poolbtn[aria-current="true"]{background:var(--raised);box-shadow:inset 4px 0 0 var(--ink)}
.th-poolbtn .dw-dormant,.th-poolbtn .dw-archived{color:var(--caution)}
.th-keyhint{margin:8px 10px 0}
.th-keyhint .th-plain{color:var(--brand-ink)}
.th-p1foot{margin-top:auto;padding:14px 16px 20px;border-top:1px solid var(--line);font-family:var(--f-ui);font-size:13px;color:var(--ink-2);line-height:1.45}
.th-p1foot p{margin:0 0 8px}

/* pane two: groups and rows */
.th-grp .h6-grp{border-top:1px solid var(--line-strong)}
.th-grp:first-child .h6-grp{border-top:0}
.h6-grp h3{margin:0}
.th-grpnote{font-family:var(--f-ui);font-size:13.5px;color:var(--ink-2);margin:0;padding:0 14px 8px;line-height:1.4}
.h6-rows > li{border-top:1px solid var(--line)}
.h6-rows > li:first-child{border-top:0}
.h6-rows{border-bottom:1px solid var(--line)}
.th-row{width:100%;border-top:0!important;color:var(--ink);align-items:start}
.th-row > .h6-ava,.th-row > .h6-dw,.th-row > .th-bl-t{grid-row:span 2;align-self:center}
.th-row > .h6-st{align-self:start;margin-top:2px}
.th-row:hover{background:var(--surface)}
.th-row[aria-current="true"]{background:var(--surface);box-shadow:inset 4px 0 0 var(--ink)}
.th-row:focus-visible,.th-poolbtn:focus-visible,.th-navbtn:focus-visible,.th-clockrow:focus-visible,.th-who-opt:focus-visible{outline-offset:-3px}
.th-row .who{align-items:center}
.th-row .who .kd-level{font-size:12.5px}
.th-row .meta{font-size:13.5px}
.th-bl-t{font-family:var(--f-ui);font-size:12px;color:var(--ink-2);width:74px;line-height:1.25}
.th-block{padding:14px 14px 16px;border-top:1px solid var(--line)}
.th-block:first-of-type{border-top:0}
.th-h{font-family:var(--f-display);font-weight:600;font-size:var(--t-lg);line-height:1.2;margin:0 0 8px}
.th-pool .th-poolfacts{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:14px 14px 4px;font-family:var(--f-ui);font-size:var(--t-sm);color:var(--ink-2)}
.th-fact b{font-weight:600;color:var(--ink)}
.th-fact + .th-fact::before{content:"·";margin-right:12px;color:var(--ink-3)}
.th-role{flex-basis:100%;color:var(--ink-2)}
.th-inline-act{margin:4px 0 0}
.th-acts{display:flex;flex-wrap:wrap;gap:8px;padding:2px 14px 16px}
.th-charter{margin:0 0 10px;max-width:62ch}
.th-curs{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.th-curs li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;font-family:var(--f-ui)}
.th-curs .who{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.th-curs b{font-weight:600}
.th-inl-list{list-style:none;margin:6px 0;padding:0;display:grid;gap:4px;font-family:var(--f-ui);font-size:var(--t-sm);color:var(--ink-2)}
.th-inl-list li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.th-inl-list b{color:var(--ink);font-weight:600}
.th-events{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-family:var(--f-ui);font-size:14.5px}
.th-events li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:10px;align-items:start}
.th-events .h6-dw{margin-top:3px;color:var(--ink-2)}
.th-events .dw-in{color:var(--ink)}
.th-disc{margin:12px 0 0;font-family:var(--f-ui);font-size:var(--t-sm)}
.th-disc summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--brand-ink);font-weight:560;text-decoration:underline;text-underline-offset:.18em}
.th-disc[open] summary{margin-bottom:6px}
.th-disc p{margin:0 0 8px;color:var(--ink-2);line-height:1.5}
.th-seeas{background:var(--surface)}
.th-member-view{background:var(--raised);border:1px solid var(--line-strong);border-top:4px solid var(--lintel);border-radius:0 0 var(--r-1) var(--r-1);padding:12px 14px 14px;margin:6px 0 10px;max-width:460px}
.th-member-view .h6-inscr{color:var(--ink);margin-bottom:4px}
.th-leave{margin:8px 0 2px}
.th-clocks{list-style:none;margin:0;padding:0}
.th-clocks li{border-top:1px solid var(--line)}
.th-clocks li:first-child{border-top:0}
.th-clockrow{display:grid;width:100%;min-height:52px;padding:8px 14px;font-family:var(--f-ui);color:var(--ink)}
.th-clockrow .nm{font-weight:560}
.th-clockrow .mt{font-size:13.5px;color:var(--ink-2)}
.th-clockrow:hover{background:var(--surface)}
.th-note{margin:10px 14px;max-width:none}
.th-p3body .th-note{margin:12px 0}
.th-note code{font-size:.92em}

/* pane three: the detail */
.th-p3{background:var(--raised)}
.th-empty{display:grid;justify-items:start;align-content:center;gap:4px;min-height:60vh;padding:32px 28px;color:var(--ink-2);font-family:var(--f-ui);max-width:420px}
.th-emptydoor{width:64px;height:64px;color:var(--line-strong);margin-bottom:12px}
.th-empty .h6-inscr{color:var(--ink-2)}
.th-empty p{margin:0 0 6px}
.th-person{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;margin:0 0 12px}
.th-pname{font-family:var(--f-display);font-weight:600;font-size:var(--t-xl);line-height:1.15;margin:0 0 6px}
.th-win{margin:4px 0 10px}
.th-win .h6-st{font-size:14.5px;padding:4px 10px 4px 8px}
.th-win .h6-dw{width:16px;height:18px}
.th-story{border-left:3px solid var(--line-strong);padding-left:12px;margin:12px 0}
.th-lead{font-size:var(--t-base);color:var(--ink);margin:0 0 14px;line-height:1.5}
.th-about{margin:6px 0 8px;line-height:1.5}
.th-tags{margin:0 0 10px}
.th-demo{margin:16px 0 4px}
.th-demo .th-small{margin:0 0 10px}
.th-demo .k-yn{margin-bottom:6px}
.th-as{font-family:var(--f-ui);font-size:var(--t-sm);font-weight:600;margin:10px 0 6px}
.th-log{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.th-log p{margin:0 0 4px;color:var(--ink)}
.th-json{font-family:var(--f-mono);font-size:12.5px;line-height:1.5;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-1);padding:10px 12px;margin:4px 0 8px;overflow:auto;max-height:360px;white-space:pre;max-width:100%}
.th-bolts{list-style:none;margin:6px 0 10px;padding:0;border-top:1px solid var(--line)}
.th-bolt{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-family:var(--f-ui)}
.th-bolt .who{display:flex;flex-wrap:wrap;align-items:center;gap:3px 8px}
.th-bolt .who b{font-weight:600}
.th-bolt .who .th-small{flex-basis:100%;margin:0}
.th-rule{margin:12px 0;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--ink-3);border-radius:var(--r-1);font-family:var(--f-ui);font-size:var(--t-sm)}
.th-rule:focus{outline:none}
.th-vouch{margin:12px 0;padding:14px 16px 12px;background:var(--surface);border:1px solid var(--line-strong);border-top:4px solid var(--lintel);border-radius:0 0 var(--r-1) var(--r-1)}
.th-vouch blockquote{margin:0 0 10px;font-family:var(--f-display);font-size:var(--t-lg);line-height:1.4;color:var(--ink)}
.th-vouch figcaption{display:grid;gap:4px;font-family:var(--f-ui);font-size:var(--t-sm);color:var(--ink-2)}
.th-vouch figcaption b{color:var(--ink);font-weight:600}
.th-local{display:flex;gap:8px;align-items:flex-start;margin-top:6px;padding-top:8px;border-top:1px solid var(--line);color:var(--ink)}
.th-local .h6-dw{margin-top:2px;flex:none}
.th-letter{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--lintel);padding:12px 16px;margin:10px 0;border-radius:0 0 var(--r-1) var(--r-1)}
.th-letter .h6-inscr{margin-bottom:8px;color:var(--ink)}
.th-letter p{margin:0 0 10px;line-height:1.5}
.th-never{margin:14px 0 0}
.th-never .h6-inscr{color:var(--ink-2);margin:12px 0 6px}
.th-strike{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.th-strike li{font-family:var(--f-ui);font-size:var(--t-sm);padding:3px 10px;border:1px solid var(--line-strong);border-radius:var(--r-1);color:var(--ink-2);text-decoration:line-through;text-decoration-color:var(--ink-3)}
.th-form .k-field,.th-field{max-width:none;margin-bottom:14px}
.k-field select,.k-field textarea,.k-field input{font:inherit;font-family:var(--f-ui);font-size:var(--t-base);padding:10px 12px;border:1px solid var(--line-strong);border-radius:var(--r-1);background:var(--raised);color:var(--ink);min-height:44px;width:100%;max-width:100%}
.k-field textarea{line-height:1.5;resize:vertical}
.k-field input.th-mono{font-family:var(--f-mono);font-size:14px}
.k-field select:focus-visible,.k-field textarea:focus-visible,.k-field input:focus-visible{outline:3px solid var(--focus);outline-offset:1px}
.th-two{display:grid;gap:0 14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.th-radios{border:1px solid var(--line);border-radius:var(--r-1);padding:6px 12px 8px;margin:0 0 14px;font-family:var(--f-ui)}
.th-radios legend{font-weight:600;font-size:var(--t-sm);padding:0 4px}
.th-radios label{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}
.th-radios input{width:20px;height:20px;accent-color:var(--brand)}
.th-form .th-sill{margin:16px -18px -20px;padding-inline:18px}

/* ---------- phone tab bar */
.th-tabs{display:none}
.th-tab{display:grid;justify-items:center;align-content:center;gap:2px;min-height:58px;padding:6px 2px;font-family:var(--f-ui);font-size:12.5px;color:var(--on-lintel);position:relative;text-align:center}
.th-tab svg{width:22px;height:22px}
.th-tab[aria-current="page"]{font-weight:650;box-shadow:inset 0 3px 0 var(--on-lintel)}
.th-tab .th-count{position:absolute;top:4px;left:calc(50% + 8px);min-width:20px;height:18px;font-size:11.5px;padding:0 5px;margin:0;background:var(--on-lintel);color:var(--lintel);border-color:var(--on-lintel)}

/* ---------- keyboard help */
.th-keys{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:rgb(0 0 0 / .35);padding:16px}
.th-keys[hidden]{display:none}
.th-keysin{background:var(--raised);border:1px solid var(--line-strong);border-top:5px solid var(--lintel);padding:16px 18px;max-width:420px;width:100%;border-radius:0 0 var(--r-2) var(--r-2)}
.th-keysin .h6-inscr{margin-bottom:8px}
.th-keysin .k-btn{margin-top:12px}
kbd{font-family:var(--f-mono);font-size:12.5px;padding:1px 6px;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:var(--r-1);background:var(--surface)}

/* ---------- wide: three panes side by side */
@media (min-width:1024px){
 body.th-app{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}
 .th-desk{flex:1;min-height:0;display:grid;grid-template-columns:288px minmax(0,1fr) minmax(0,1.1fr)}
 .th-pane{overflow:auto;min-height:0;overscroll-behavior:contain;display:flex;flex-direction:column}
 .th-p2{border-left:1px solid var(--line-strong)}
 .th-p3{border-left:1px solid var(--line-strong)}
 .th-p2 > .th-p2body{flex:1}
 .th-p3 > .th-p3body{flex:1}
 .narrow-hide{display:inline}.wide-hide{display:none}
 body[data-p3="empty"] .th-p3{background:var(--bg)}
 .th-close{display:inline-flex;order:3;margin:-4px -8px -4px auto}
 .th-ph small{margin-left:0}
 .th-ph .th-close ~ small{margin-left:0}
}
@media (min-width:1024px) and (max-width:1199px){.th-desk{grid-template-columns:260px minmax(0,1fr) minmax(0,1fr)}}

/* ---------- narrow: one pane at a time, tabs at the bottom */
@media (max-width:1023.98px){
 .th-apptop{position:sticky;top:0;z-index:20}
 .th-desk-tools{display:none}
 .th-menu-more{display:block}
 .th-who{margin-left:auto}
 .th-whomenu{left:auto;right:0}
 .th-pane{display:none;min-height:calc(100dvh - 180px)}
 body[data-stack="1"] .th-p1,body[data-stack="2"] .th-p2,body[data-stack="3"] .th-p3{display:flex;flex-direction:column}
 body.th-app{padding-bottom:calc(60px + env(safe-area-inset-bottom))}
 .th-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:25;background:var(--lintel);border-top:3px solid var(--line-strong);padding:0 max(4px,env(safe-area-inset-left)) env(safe-area-inset-bottom) max(4px,env(safe-area-inset-right))}
 .th-back{display:inline-flex}
 .narrow-hide{display:none}.wide-hide{display:inline}
 .th-ph{top:62px}
 .th-p1 .th-nav,.th-keyhint{display:none}
 .th-p3body{padding-inline:14px}
 .th-form .th-sill{margin-inline:-14px;padding-inline:14px}
}
@media (max-width:600px){
 .th-ex p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-block:4px;font-size:12.5px}
 .th-topin{min-height:56px;padding:4px 12px;gap:6px 10px}
 .th-brand .h6-inscr{font-size:13px;letter-spacing:.2em}
 .th-brand svg{width:26px;height:26px}
 .th-whotext small{display:none}
 .th-whotext b{font-size:14px;max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .th-ph{top:58px}
 .th-row{grid-template-columns:auto minmax(0,1fr);padding-right:10px}
 .th-row > .h6-st{grid-column:2;grid-row:auto;justify-self:start;margin:2px 0 0}
 .th-row .meta{grid-column:2}
 .th-bolt{grid-template-columns:auto minmax(0,1fr)}
 .th-bolt > .h6-st{grid-column:2;justify-self:start}
 .th-person .h6-ava.lg{width:72px;height:90px}
 .th-pname{font-size:21px}
}

/* ---------- about and under the hood */
.th-doc{background:var(--bg)}
.th-wrap{max-width:1120px;margin:0 auto;padding-inline:24px}
.th-docmain{padding-block:8px 48px}
.th-dochero{padding:clamp(28px,5vw,56px) 0 clamp(20px,3vw,32px);border-bottom:1px solid var(--line-strong);margin-bottom:8px}
.th-dochero h1{font-family:var(--f-display);font-weight:600;font-size:clamp(36px,5.6vw,var(--t-3xl));line-height:1.05;letter-spacing:-.015em;margin:8px 0 14px;text-wrap:balance}
.th-dochero .h6-inscr{color:var(--ink-2)}
.th-lede{font-size:var(--t-lg);color:var(--ink-2);max-width:40em;line-height:1.5;margin:0 0 20px}
.th-docsec{padding:clamp(24px,4vw,40px) 0;border-top:1px solid var(--line)}
.th-docsec:first-of-type{border-top:0}
.th-docsec h2{font-family:var(--f-display);font-weight:600;font-size:clamp(26px,3.2vw,var(--t-2xl));line-height:1.12;margin:0 0 14px;text-wrap:balance}
.th-docsec p{max-width:66ch}
.th-cols{display:grid;gap:18px 40px}
@media (min-width:860px){.th-cols{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}
.th-money,.th-never,.th-gaps,.th-stays{list-style:none;margin:0;padding:0;display:grid;gap:0}
.th-money li,.th-never li,.th-gaps li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;padding:14px 0;border-top:1px solid var(--line);align-items:start}
.th-money li:first-child,.th-never li:first-child,.th-gaps li:first-child{border-top:0}
.th-money .h6-dw,.th-never .h6-dw,.th-gaps .h6-dw{margin-top:4px;width:18px;height:20px}
.th-never li .h6-dw{color:var(--no)}
.th-gaps li p{margin:4px 0 0;color:var(--ink-2)}
.th-stays li{padding:8px 0;border-top:1px solid var(--line)}
.th-stays li:first-child{border-top:0}
.th-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-1);background:var(--raised)}
.th-table{width:100%;border-collapse:collapse;font-family:var(--f-ui);font-size:14px}
.th-table caption{text-align:left;padding:10px 12px;color:var(--ink-2);caption-side:top}
.th-table th,.th-table td{text-align:left;vertical-align:top;padding:8px 12px;border-top:1px solid var(--line)}
.th-table thead th{background:var(--surface);color:var(--ink-2);font-weight:600;border-top:0}
.th-table tbody th{font-weight:600;color:var(--ink)}
.th-compat .th-code{font-family:var(--f-mono);font-size:12.5px;white-space:nowrap}
.th-mans{display:grid;gap:14px}
@media (min-width:760px){.th-mans{grid-template-columns:1fr 1fr}}
.th-man{background:var(--raised);border:1px solid var(--line);border-top:4px solid var(--lintel);padding:12px 16px 10px;border-radius:0 0 var(--r-1) var(--r-1);min-width:0}
.th-man h3{font-family:var(--f-display);font-weight:600;font-size:var(--t-lg);margin:0 0 8px}
.th-inl{list-style:none;margin:0;padding:0}
.th-links{margin:0;padding-left:1.1em;display:grid;gap:6px;font-family:var(--f-ui);font-size:var(--t-sm)}
.th-foot{border-top:1px solid var(--line-strong);background:var(--sill);font-family:var(--f-ui);font-size:var(--t-sm);color:var(--ink-2);padding:22px 0 30px}
.th-foot p{margin:0 0 8px;max-width:70ch}
.th-addr{color:var(--ink)}
.th-still{padding:16px}
@media (max-width:600px){
 .th-wrap{padding-inline:16px}
 .th-doc .th-tools{margin-left:0}
 .th-doc .th-docnav{order:3;flex-basis:100%}
}
@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}}
/* focus on the olive lintel: the lamp amber is too dark there by day, so the ring takes the lintel's own light */
.th-top :focus-visible,.th-tabs :focus-visible,.h6-lin :focus-visible{outline-color:var(--on-lintel)}
.th-top .th-whomenu :focus-visible{outline-color:var(--focus)}

/* the tagline under the wordmark: what the desk is, at every width (29 September 2026) */
.th-brandtext{display:flex;flex-direction:column;gap:3px;min-width:0}
.th-tagline{font-family:var(--f-ui);font-size:13.5px;line-height:1.25;letter-spacing:0;color:var(--on-lintel)}
.th-tag-row{display:none;margin:0}
@media (max-width:600px){.th-tag-in{display:none}.th-tag-row{display:block;flex-basis:100%;margin:-6px 0 0 38px;padding-bottom:6px;font-size:12.5px}}

/* Threshold · Night Desk */
/* Night Desk: the desk after hours, under one green lamp. The green lights the mark, the lamp line under the top band,
   the labels and counts, the row and the request in front of you, the lists, and every door someone opened with their yes.
   It never answers for anyone: Yes, No and a decline stay the ink. Every green thing is also a word, a number or a shape. Tokens only. */

/* the bands across the top carry the lamp line: lamp green in both themes, on black */
.th-top{border-bottom:0;box-shadow:inset 0 -3px 0 var(--lamp)}
.th-tabs{border-top-width:1px}
.th-brand svg{--accent:var(--lamp)}

/* the lamp line: the row you are working on */
.th-row[aria-current="true"],.th-poolbtn[aria-current="true"],.th-navbtn[aria-current="true"],.th-who-opt[aria-pressed="true"]{box-shadow:inset 4px 0 0 var(--accent)}
.th-tab[aria-current="page"]{box-shadow:inset 0 3px 0 var(--lamp)}

/* the keyboard focus is green everywhere: the lamp green on the black bands, the deep green on paper */
.th-top :focus-visible,.th-tabs :focus-visible,.h6-lin :focus-visible{outline-color:var(--lamp)}
.th-top .th-whomenu :focus-visible{outline-color:var(--focus)}

/* cards hang from a band: black by day, a quiet gray edge at night, where the band color would vanish into the desk */
:root{--edge:var(--line-strong)}
:root[data-theme="light"]{--edge:var(--lintel)}
.th-vouch,.th-letter,.th-man,.th-member-view,.th-keysin,.th-whomenu{border-top-color:var(--edge)}

/* Yes and No stay the ink. The pressed state rings in the ink too, never green. */
.k-btn-primary:hover{background:var(--ink-2);color:var(--bg)}
.th-radios input{accent-color:var(--ink)}


/* the labels over each pane and section, lit */
.th-ph .h6-inscr,.h6-lin .h6-inscr{color:var(--lamp)}
.th-p1h h2,.h6-grp .h6-inscr,.th-dochero .h6-inscr,.th-whomenu .h6-inscr,.th-never .h6-inscr,.th-letter .h6-inscr,.th-member-view .h6-inscr,
.th-keysin .h6-inscr,.th-empty .h6-inscr,.h6-demo .h6-inscr,.th-p3body .h6-inscr,.th-p2body > .h6-inscr{color:var(--accent-ink)}
.th-site .h6-inscr{color:var(--ink-2)}

/* counts and stats */
.th-count{color:var(--accent-ink);border-color:var(--accent)}
.h6-grp .n,.th-p1h span{color:var(--accent-ink);font-weight:600}
.th-tab .th-count{background:var(--lamp);color:var(--lintel);border-color:var(--lamp)}

/* where you are: the active page, the active sidebar item and the request in front of you */
.th-docnav a[aria-current="page"]{border-bottom:3px solid var(--lamp)}
.th-navbtn[aria-current="true"] svg,.th-poolbtn[aria-current="true"] .h6-dw{color:var(--accent)}
#p3 > .th-ph{box-shadow:inset 0 -3px 0 var(--lamp)}
body[data-p3="empty"] #p3 > .th-ph{box-shadow:none}

/* doorways and bullets, lit: a Pool that is kept, the money list, file lists. Dormant stays gray and dashed, a no stays the ink. */
.th-poolbtn .h6-dw.dw-active,.th-money .h6-dw{color:var(--accent)}
.th-money .h6-dw.dw-no{color:var(--no)}
.th-links li::marker{color:var(--accent)}

/* titles: one lit word in each page title, a short lamp line over each section, and the labels in the pages' tables and facts */
.th-lit{color:var(--accent-ink)}
.th-doc .h6-facts dt,.th-doc .th-table thead th{color:var(--accent-ink)}
.th-docsec h2::before{content:"";display:block;width:36px;height:3px;margin-bottom:14px;background:var(--accent)}

/* links stay the ink, underlined in green */
a,.th-linkbtn,.th-disc summary{text-decoration-color:var(--accent)}
.th-top a,.th-top .th-plain,.th-tabs a{text-decoration-color:var(--lamp)}

/* The Kindling load strip (sites/familiar-faces-app/loadstrip.css), shared by Familiar Faces, Bellows and Threshold.
   Tokens only, so it takes each app's own design language: every package names the same tokens. */
.kl{position:relative;z-index:var(--kl-z,30);background:var(--surface);color:var(--ink);border-bottom:var(--bw,1px) solid var(--line-strong);font-family:var(--f-ui);font-variation-settings:var(--fvs-ui);font-size:15px;line-height:1.45}
.kl *{box-sizing:border-box}
.kl-in{max-width:1400px;margin:0 auto;padding:8px 16px}
.kl-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.kl-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 12px;border:var(--bw,1px) solid var(--line-strong);border-radius:var(--r-2);background:var(--raised);color:var(--ink);font:inherit;font-weight:600;text-decoration:none;cursor:pointer;list-style:none;white-space:nowrap}
.kl-btn::-webkit-details-marker{display:none}
.kl-btn::marker{content:""}
.kl-btn svg{width:17px;height:17px;flex:none;color:var(--brand-ink)}
.kl-btn:hover{border-color:var(--brand-ink)}
.kl-btn b{font-weight:700}
.kl a:focus-visible,.kl button:focus-visible,.kl summary:focus-visible,.kl [tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.kl-chev{width:14px!important;height:14px!important;margin-left:2px;transition:transform var(--dur-disclose,.2s) var(--ease,ease)}
.kl-dd[open] > summary{border-color:var(--brand-ink);background:var(--brand-tint)}
.kl-dd[open] > summary .kl-chev{transform:rotate(180deg)}
.kl-next{margin-left:auto}
/* the panels drop over the app, so nothing underneath moves */
.kl-panel{position:absolute;left:0;right:0;top:100%;z-index:35;max-height:min(72vh,620px);overflow:auto;overscroll-behavior:contain;background:var(--raised);color:var(--ink);border:var(--bw,1px) solid var(--line-strong);border-top:3px solid var(--brand);padding:12px 16px 18px;white-space:normal}
.kl-help{margin:0 0 10px;color:var(--ink-2);font-size:14.5px;max-width:70ch}
.kl-cats{columns:250px;column-gap:24px;max-width:1400px;margin:0 auto}
.kl-cat{break-inside:avoid;padding-bottom:14px}
.kl-cath{margin:0 0 4px;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.kl-list,.kl-apps{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.kl-item{display:grid;gap:1px}
.kl-p{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:6px 10px;border:var(--bw,1px) solid var(--line);border-radius:var(--r-2);background:var(--surface);color:var(--ink);font:inherit;font-weight:650;text-align:left;cursor:pointer}
.kl-p svg{width:13px;height:13px;flex:none;color:var(--brand-ink)}
.kl-p:hover{border-color:var(--brand-ink)}
.kl-item.is-on .kl-p{border:2px solid var(--brand-ink);padding:5px 9px;background:var(--brand-tint)}
.kl-p[disabled]{cursor:not-allowed;color:var(--ink-2);background:transparent;border:var(--bw,1px) dashed var(--line-strong);font-weight:600}
.kl-p[disabled] svg{color:var(--ink-2)}
.kl-note{display:block;padding:0 2px 0 10px;font-size:13.5px;color:var(--ink-2)}
.kl-note b{color:var(--ink)}
.kl-apps{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px 22px;max-width:1400px;margin:0 auto}
.kl-app{display:grid;gap:1px}
.kl-an{display:flex;align-items:center;min-height:44px;padding:6px 10px;border:var(--bw,1px) solid var(--line);border-radius:var(--r-2);background:var(--surface);color:var(--brand-ink);font-weight:650}
a.kl-an:hover{border-color:var(--brand-ink)}
.kl-app.is-here .kl-an{color:var(--ink);border:2px solid var(--brand-ink);background:var(--brand-tint)}
.kl-app.is-off .kl-an{color:var(--ink-2);border-style:dashed;border-color:var(--line-strong);background:transparent}
/* what is loaded */
.kl-now{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"a acts" "b b";gap:4px 18px;margin:0 0 8px;padding:8px 12px 10px;border:var(--bw,1px) solid var(--line);border-left:5px solid var(--brand);border-radius:var(--r-2);background:var(--raised)}
.kl-now.is-refused{border:var(--bw,1px) dashed var(--line-strong);border-left:5px dashed var(--line-strong)}
.kl-a{grid-area:a;min-width:0}.kl-b{grid-area:b;min-width:0}.kl-acts{grid-area:acts;align-self:start;display:flex;flex-wrap:wrap;gap:8px}
.kl-now p{margin:0}
.kl-b p + p{margin-top:3px}
.kl-kick{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.kl-title{font-family:var(--f-display);font-variation-settings:var(--fvs-display);font-weight:var(--w-display);font-size:clamp(20px,2.4vw,26px);line-height:1.15;letter-spacing:var(--track-display,0);color:var(--ink);outline:none}
.kl-title:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.kl-line{font-size:14.5px;color:var(--ink-2);max-width:78ch;margin-top:2px!important}
.kl-mode,.kl-why{font-size:14.5px;color:var(--ink);max-width:78ch}
.kl-why a,.kl-mode a,.kl-layers a{color:var(--brand-ink);text-underline-offset:.18em}
.kl-layers{font-size:14px;color:var(--ink-2);max-width:96ch}
.kl-lab{font-weight:700;color:var(--ink)}
.kl-clear svg{color:var(--ink-2)}
.kl-s{display:none}
@media (min-width:1024px){
 .kl-now{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) auto;grid-template-areas:"a b acts";padding:8px 14px 10px}
}
@media (max-width:1023.98px){.kl-line{display:none}}
.kl-live{position:absolute!important;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:600px){
 .kl-in{padding:6px 12px}
 .kl{font-size:14.5px}
 .kl-row{gap:6px}
 .kl-l,.kl-mode{display:none}
 .kl-s{display:inline}
 .kl-btn{padding:6px 10px;gap:6px}
 .kl-next{margin-left:auto}
 .kl-now{padding:6px 10px 8px}
 .kl-panel{padding:10px 12px 16px;max-height:70vh}
}
@media (max-width:420px){.kl-dd > summary > svg:first-child{display:none}}
@media (prefers-reduced-motion: reduce){.kl-chev{transition:none}}

/* Threshold with a product loaded */
:root{--kl-z:30}
.kl-framed .th-ex{display:none}
body.th-app > .kl{flex:none}
.kl .kl-btn svg,.kl .kl-p svg{color:var(--accent-ink)}
.kl-now{border-left-color:var(--accent)}
.kl-panel{border-top-color:var(--lamp)}
.th-lp{margin:0 0 12px;padding:10px 12px;border:1px solid var(--line);border-left:4px solid var(--accent);background:var(--raised);font-family:var(--f-ui);font-size:14px;line-height:1.45}
.th-lp p{margin:0 0 6px}.th-lp p:last-child{margin:0}
.th-lp .h6-inscr{color:var(--accent-ink)}
.th-ro{border-left-style:dashed;border-left-color:var(--line-strong)}
.th-poolbtn.is-ro .nm{color:var(--ink-2)}
.th-lpdoor{margin:0 0 18px}
.th-who-note{margin:0 0 10px;font-family:var(--f-ui);font-size:13.5px;color:var(--ink-2);max-width:340px}