#strc-root .ht-page{--ht-ink:#e4efed;--ht-muted:#a3bebf;--ht-line:#29484f;--ht-panel:#0c1b23;--ht-accent:#95e1c5;--ht-gold:#e6c286;color:var(--ht-ink);max-width:1320px;margin:0 auto;padding:0 0 48px}
#strc-root .ht-page [hidden]{display:none!important}
#strc-root .ht-page button,#strc-root .ht-page input,#strc-root .ht-page select{font:inherit}
#strc-root .ht-page button,#strc-root .ht-page a,#strc-root .ht-page input,#strc-root .ht-page select{touch-action:manipulation}
#strc-root .ht-page :is(button,input,select,a):focus-visible{outline:2px solid var(--ht-gold);outline-offset:4px}
#strc-root .ht-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:center;padding:30px 0 38px;border-bottom:1px solid var(--ht-line)}
#strc-root .ht-kicker{color:var(--ht-accent);font-size:10px;letter-spacing:.18em;font-weight:650;line-height:1.7;margin:0 0 16px}
#strc-root .ht-hero h2{font-size:clamp(34px,4.9vw,70px);font-weight:500;letter-spacing:-.045em;line-height:1.08;margin:0 0 24px}
#strc-root .ht-lede{color:#b8cbcd;font-size:16px;line-height:1.85;max-width:680px;margin:0}
#strc-root .ht-codex{padding:25px 5px 0;position:relative}
#strc-root .ht-codex:before{content:"";position:absolute;width:80%;aspect-ratio:1;left:10%;top:0;z-index:-1;background:radial-gradient(ellipse,#24524655,transparent 68%)}
#strc-root .ht-codex svg{display:block;width:100%;max-height:300px}
#strc-root .ht-codex span{display:block;color:var(--ht-muted);font-size:10px;line-height:1.6;text-align:center;margin-top:8px}
#strc-root .ht-symbol{position:relative;display:flex;gap:20px;align-items:center;justify-content:center;min-height:240px;color:var(--ht-gold);font-family:Georgia,serif;font-size:86px;letter-spacing:-.08em}
#strc-root .ht-symbol:before,#strc-root .ht-symbol:after{content:"";position:absolute;border:1px solid #315b5b;border-radius:50%;width:235px;height:235px;transform:rotate(-25deg)}
#strc-root .ht-symbol:after{width:285px;height:90px;transform:rotate(-35deg);border-style:dashed}
#strc-root .ht-symbol span{font-size:56px;color:var(--ht-accent)}
#strc-root .ht-brief{padding:24px 26px;margin:28px 0;border-left:2px solid var(--ht-gold);background:#12242a}
#strc-root .ht-brief strong{font-size:15px;line-height:1.6}
#strc-root .ht-brief p{color:var(--ht-muted);font-size:13px;line-height:1.8;margin:8px 0 0}
#strc-root .ht-panel{background:linear-gradient(125deg,#10242c,#0a1720);border:1px solid var(--ht-line);border-radius:14px;padding:30px;margin:32px 0}
#strc-root .ht-panel-head{display:flex;gap:25px;justify-content:space-between;align-items:center;margin-bottom:24px}
#strc-root .ht-panel-head h2{font-size:clamp(23px,2.6vw,35px);line-height:1.25;font-weight:500;letter-spacing:-.025em;margin:0}
#strc-root .ht-panel-head .ht-kicker{margin-bottom:10px}
#strc-root .ht-page .button{min-height:44px;white-space:normal;line-height:1.45}
#strc-root .ht-page .button:disabled{opacity:.4;cursor:default}
#strc-root .ht-work-label{display:grid;gap:9px;color:#bad0d1;font-size:12px;max-width:820px}
#strc-root .ht-page select,#strc-root .ht-page input{min-height:44px;min-width:0;max-width:100%;padding:10px 12px;color:var(--ht-ink);background:#07151d;border:1px solid #38555c;border-radius:6px;font-size:14px}
#strc-root .ht-page select{color-scheme:dark}
#strc-root .ht-status{padding:13px 15px;border:1px solid #29464d;background:#0a1a21;color:#b6d3cf;font-size:12px;line-height:1.8;min-height:48px;margin:18px 0}
#strc-root .ht-status[data-error="true"]{color:#f1cc9c;border-color:#725c3e;background:#2b251c}
#strc-root .ht-reader-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:20px 0;font-size:12px}
#strc-root .ht-reader-controls label{display:flex;align-items:center;gap:7px}
#strc-root .ht-reader-controls input{width:83px;padding:8px}
#strc-root .ht-reader-controls output{font-variant-numeric:tabular-nums;min-width:42px;text-align:center;color:var(--ht-gold)}
#strc-root .ht-reader-controls .button{padding:8px 11px;font-size:11px}
#strc-root .ht-reader-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.36fr);gap:24px;align-items:start}
#strc-root .ht-folio{min-width:0;margin:0}
#strc-root .ht-image-scroll{height:530px;overflow:auto;overscroll-behavior:contain;background:#081219;border:1px solid #31454a;border-radius:8px;position:relative;padding:16px;scrollbar-color:#527169 #0a1a21;scrollbar-width:thin}
#strc-root .ht-image-sheet{position:relative;margin:0 auto;max-width:none}
#strc-root .ht-image-sheet img{position:absolute;max-width:none!important;object-fit:fill;transform-origin:center;display:block;border-radius:0;margin:0}
#strc-root .ht-image-empty{display:grid;place-items:center;position:absolute;inset:25px;color:#829e9f;border:1px dashed #29434c;border-radius:5px;font-size:13px;line-height:1.7;padding:24px;text-align:center;pointer-events:none}
#strc-root .ht-folio figcaption{font-size:11px;color:#b3c7c5;line-height:1.8;padding:12px 2px;overflow-wrap:anywhere}
#strc-root .ht-provenance{padding:20px;background:#07171e;border:1px solid #29434c;border-radius:8px;min-width:0}
#strc-root .ht-provenance .ht-kicker{font-size:9px;margin-bottom:10px}
#strc-root .ht-provenance h3{font-size:17px;line-height:1.5;font-weight:500;margin:0 0 10px;overflow-wrap:anywhere}
#strc-root .ht-provenance p{font-size:11px;color:var(--ht-muted);line-height:1.8}
#strc-root .ht-provenance dl{margin:20px 0;font-size:11px}
#strc-root .ht-provenance dt{color:#829e9e;margin:15px 0 4px}
#strc-root .ht-provenance dd{margin:0;color:#d6e4df;line-height:1.7;overflow-wrap:anywhere}
#strc-root .ht-provenance .text-link{display:inline-block;font-size:12px;line-height:1.7;color:var(--ht-accent);margin:12px 0}
#strc-root .ht-note{font-size:11px!important;color:var(--ht-muted)!important;line-height:1.8!important}
#strc-root .ht-section{margin:48px 0}
#strc-root .ht-section>h2{font-size:clamp(24px,2.6vw,34px);font-weight:500;line-height:1.3;letter-spacing:-.025em;margin:0 0 24px}
#strc-root .ht-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}
#strc-root .ht-three article{padding:24px;border-top:1px solid #46746f;background:#0d1b22;min-width:0}
#strc-root .ht-three article>span{color:var(--ht-gold);font-size:11px;letter-spacing:.12em}
#strc-root .ht-three h3{font-weight:500;font-size:17px;line-height:1.5;margin:14px 0 12px}
#strc-root .ht-three p{font-size:12px;line-height:1.85;color:var(--ht-muted);margin:0}
#strc-root .ht-source-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
#strc-root .ht-source-list a{display:grid;gap:9px;border:1px solid var(--ht-line);background:#0c1c24;border-radius:8px;padding:20px;color:var(--ht-ink);text-decoration:none;min-width:0}
#strc-root .ht-source-list strong{font-size:13px;line-height:1.6;font-weight:500}
#strc-root .ht-source-list span{font-size:10px;color:var(--ht-muted);line-height:1.7}
#strc-root .ht-lab-controls{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:16px;align-items:end}
#strc-root .ht-lab-controls label{display:grid;gap:8px;color:#b6cece;font-size:11px;line-height:1.6;min-width:0}
#strc-root .ht-lab-controls button{align-self:end}
#strc-root .ht-lab-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(230px,.8fr);gap:24px;align-items:center;margin:24px 0}
#strc-root .ht-instrument-figure{margin:0;background:radial-gradient(ellipse at 50% 35%,#19404766,transparent 72%),#08181f;border:1px solid #29454d;border-radius:10px;padding:12px}
#strc-root .ht-instrument-figure svg{display:block;width:100%;height:auto;max-height:390px}
#strc-root .ht-instrument-figure text{font-size:12px;font-family:inherit}
#strc-root .ht-instrument-figure figcaption{font-size:10px;line-height:1.7;color:var(--ht-muted);padding:0 12px 10px}
#strc-root .ht-lab-readouts dl{display:grid;grid-template-columns:1fr;gap:14px;margin:0}
#strc-root .ht-lab-readouts dl>div{border-bottom:1px solid #29454c;padding:0 0 14px}
#strc-root .ht-lab-readouts dt{font-size:11px;color:var(--ht-muted);line-height:1.7;margin-bottom:6px}
#strc-root .ht-lab-readouts dd{margin:0;font-size:20px;line-height:1.5;color:var(--ht-gold);font-variant-numeric:tabular-nums}
#strc-root .ht-lab-readouts dl>div:nth-child(n+2) dd{font-size:13px;color:#d7e6e0}
#strc-root .ht-method{border:1px solid #2d4b51;border-radius:7px;background:#08191f;padding:18px 20px}
#strc-root .ht-method summary{font-size:13px;color:#d9e7df;cursor:pointer;line-height:1.7;min-height:30px}
#strc-root .ht-equation{font-family:Georgia,serif;color:var(--ht-gold);font-size:clamp(13px,1.4vw,19px);line-height:1.8;overflow-wrap:anywhere}
#strc-root .ht-method ol,#strc-root .ht-method p:not(.ht-equation){font-size:11px;color:var(--ht-muted);line-height:1.9}
#strc-root .ht-method ol{padding-left:22px}
#strc-root .ht-source-note{font-size:12px;line-height:1.8;color:var(--ht-muted);margin:24px 0}
#strc-root .ht-source-note a{color:var(--ht-accent)}
@media(max-width:980px){#strc-root .ht-panel{padding:24px}#strc-root .ht-reader-grid{grid-template-columns:minmax(0,1fr)}#strc-root .ht-provenance{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}#strc-root .ht-provenance h3,#strc-root .ht-provenance .ht-kicker{grid-column:1/-1}#strc-root .ht-provenance dl{grid-row:3/7;grid-column:2;margin-top:0}#strc-root .ht-lab-controls{grid-template-columns:1fr 1fr}#strc-root .ht-lab-grid{grid-template-columns:1.1fr 1fr}#strc-root .ht-three{gap:12px}#strc-root .ht-three article{padding:18px}}
@media(max-width:700px){#strc-root .ht-hero{grid-template-columns:1fr;padding-top:22px;gap:12px}#strc-root .ht-hero h2{font-size:clamp(34px,8vw,51px)}#strc-root .ht-codex{max-width:360px;width:100%;margin:0 auto}#strc-root .ht-symbol{min-height:170px;font-size:65px}#strc-root .ht-symbol:before{width:160px;height:160px}#strc-root .ht-symbol:after{width:220px;height:65px}#strc-root .ht-lede{font-size:14px}#strc-root .ht-panel{padding:18px;margin:24px 0}#strc-root .ht-panel-head{align-items:flex-start;flex-direction:column;gap:18px}#strc-root .ht-panel-head>.button{width:100%}#strc-root .ht-reader-controls{gap:7px}#strc-root .ht-reader-controls .button{flex-grow:1}#strc-root .ht-image-scroll{height:420px;padding:12px}#strc-root .ht-provenance{display:block}#strc-root .ht-three,#strc-root .ht-source-list,#strc-root .ht-lab-grid{grid-template-columns:1fr}#strc-root .ht-lab-grid{gap:20px}#strc-root .ht-lab-readouts dl{grid-template-columns:1fr 1fr;gap:14px}#strc-root .ht-lab-readouts dd{font-size:24px}#strc-root .ht-section{margin:36px 0}#strc-root .ht-brief{padding:18px 20px}#strc-root .ht-method{padding:15px}#strc-root .ht-page .button-row{display:flex;flex-wrap:wrap;gap:10px}}
@media(max-width:420px){#strc-root .ht-panel{padding:14px}#strc-root .ht-lab-controls{grid-template-columns:1fr}#strc-root .ht-lab-readouts dl{grid-template-columns:1fr}#strc-root .ht-image-scroll{height:360px}#strc-root .ht-reader-controls input{width:68px}#strc-root .ht-reader-controls{font-size:11px}}
@media(prefers-reduced-motion:reduce){#strc-root .ht-page *,#strc-root .ht-page *:before,#strc-root .ht-page *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
