@font-face{font-family:'Newsreader';src:url('/assets/fonts/newsreader.woff2') format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215}
@font-face{font-family:'Public Sans';src:url('/assets/fonts/public-sans.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215}
@font-face{font-family:'Chivo Mono';src:url('/assets/fonts/chivo-mono.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215}
:root{--chalk:#EDF0EC;--silt:#E3E8E3;--basalt:#0B1618;--water:#0E4A46;--bronze:#8C6A3F;--rule:#C0C8C0;--gauge:64px;--level:0}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--chalk);color:var(--basalt);font-family:'Public Sans',system-ui,sans-serif;font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased}
a{color:inherit}
.mono{font-family:'Chivo Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--water)}
.gauge{position:fixed;left:0;top:0;bottom:0;width:var(--gauge);border-right:1px solid var(--rule);background:var(--chalk);z-index:40}
.gauge-ticks{position:absolute;inset:0;background-image:repeating-linear-gradient(to bottom,var(--rule) 0 1px,transparent 1px 24px);opacity:.55}
.gauge-major{position:absolute;inset:0;background-image:repeating-linear-gradient(to bottom,var(--basalt) 0 1px,transparent 1px 120px);opacity:.25}
.gauge-level{position:absolute;left:0;right:0;height:1px;background:var(--bronze);top:calc(var(--level)*1%);transition:top .08s linear}
.gauge-level::after{content:'';position:absolute;right:-4px;top:-3.5px;width:8px;height:8px;border-radius:50%;background:var(--bronze)}
.gauge-label{position:absolute;bottom:22px;left:50%;transform:translateX(-50%) rotate(180deg);writing-mode:vertical-rl;font-family:'Chivo Mono',monospace;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--water);opacity:.7}
.shell{margin-left:var(--gauge)}
.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,64px)}
header{border-bottom:1px solid var(--rule);position:sticky;top:0;background:var(--chalk);z-index:30}
.head{display:flex;align-items:baseline;justify-content:space-between;gap:32px;padding:20px 0}
.mark{font-family:'Newsreader',Georgia,serif;font-size:23px;font-weight:500;text-decoration:none;white-space:nowrap}
.mark em{font-style:normal;color:var(--water)}
nav{display:flex;gap:26px;font-size:14px}
nav a{text-decoration:none;padding-bottom:3px;border-bottom:1px solid transparent}
nav a:hover{border-bottom-color:var(--bronze)}
.crumbs{font-size:13px;color:#4A5659;padding:14px 0 0}
.crumbs a{text-decoration:none;border-bottom:1px solid var(--rule)}
.stratum{border-bottom:1px solid var(--rule);position:relative}
.stratum.alt{background:var(--silt)}
.depth{position:absolute;left:clamp(20px,4vw,64px);top:34px;font-family:'Chivo Mono',monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--water);opacity:.75}
.body{padding:80px 0 70px;max-width:830px;margin-left:auto}
h1{font-family:'Newsreader',serif;font-size:clamp(30px,4.2vw,54px);font-weight:400;line-height:1.08;letter-spacing:-.02em;text-wrap:balance}
h2{font-family:'Newsreader',serif;font-size:clamp(23px,2.7vw,33px);font-weight:400;line-height:1.15;margin:46px 0 14px}
h3{font-family:'Newsreader',serif;font-size:21px;font-weight:400;margin:28px 0 8px}
p{margin:14px 0;max-width:70ch}
.answer{font-size:clamp(18px,2vw,21px);line-height:1.55;color:#243033;border-left:2px solid var(--bronze);padding-left:20px;margin:32px 0 8px;max-width:66ch}
.byline{display:flex;gap:22px;flex-wrap:wrap;padding:18px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:36px}
table{border-collapse:collapse;width:100%;margin:24px 0;font-size:15.5px}
th{text-align:left;font-family:'Chivo Mono',monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--water);font-weight:500;padding:10px 14px 10px 0;border-bottom:1px solid var(--basalt)}
td{padding:12px 14px 12px 0;border-bottom:1px solid var(--rule);vertical-align:top}
ul{margin:14px 0;padding:0}
li{list-style:none;padding:8px 0 8px 22px;position:relative;max-width:70ch}
li::before{content:'—';position:absolute;left:0;color:var(--bronze)}
.limits{border-top:1px solid var(--basalt);border-bottom:1px solid var(--basalt);padding:22px 0;margin:44px 0}
.limits .mono{display:block;margin-bottom:10px}
/* --- critical-end --- */
.cta-line{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--basalt);border-bottom:1px solid var(--basalt);padding:22px 0;text-decoration:none;transition:padding-left .25s ease}
.cta-line:hover{padding-left:14px}
.cta-line strong{font-family:'Newsreader',serif;font-weight:400;font-size:clamp(19px,2.2vw,25px)}
.cta-sub{display:inline-block;margin-top:18px;font-size:14px;color:var(--water);text-decoration:none;border-bottom:1px solid var(--rule);padding-bottom:2px}
.rev{font-size:13px;color:#4A5659;padding-top:26px;max-width:70ch}
.rel{border-top:1px solid var(--rule);padding:18px 0;display:block;text-decoration:none;transition:padding-left .3s ease}
.rel:hover{padding-left:12px}
.rel:last-of-type{border-bottom:1px solid var(--rule)}
.rel h4{font-family:'Newsreader',serif;font-size:19px;font-weight:400}
.practice{display:grid;grid-template-columns:52px 1fr;gap:0 24px;border-top:1px solid var(--rule);padding:20px 0;align-items:baseline;transition:padding-left .3s ease}
.practice:hover{padding-left:12px}
.practice:last-of-type{border-bottom:1px solid var(--rule)}
.practice .no{font-family:'Chivo Mono',monospace;font-size:11px;color:var(--bronze)}
.practice h3{margin:0}
.practice p{grid-column:2;font-size:15px;color:#3A4649;margin-top:6px}
.tiers .practice{grid-template-columns:104px 1fr}
.tiers .no{font-size:13px;white-space:nowrap}
.figs{display:flex;flex-wrap:wrap;margin:26px 0}
.fig{flex:1 1 190px;padding:22px 26px 22px 0;border-left:1px solid var(--rule);padding-left:26px}
.fig:first-child{border-left:0;padding-left:0}
.fig b{display:block;font-family:'Newsreader',serif;font-size:clamp(26px,3.2vw,38px);font-weight:400;line-height:1;color:var(--water)}
.fig span{display:block;margin-top:9px;font-size:13px;color:#3A4649;max-width:210px}
.person{display:grid;grid-template-columns:44px 1fr 200px;gap:20px;align-items:center;border-top:1px solid var(--rule);padding:16px 0}
.person:last-of-type{border-bottom:1px solid var(--rule)}
.mono-circle{width:40px;height:40px;border-radius:50%;border:1px solid var(--water);display:flex;align-items:center;justify-content:center;font-family:'Chivo Mono',monospace;font-size:11px;color:var(--water)}
.person .nm{font-family:'Newsreader',serif;font-size:19px}
.person .rl{font-size:13px;color:#3A4649}
footer{padding:56px 0 40px;font-size:13px;color:#3A4649;border-top:1px solid var(--rule)}
.foot-grid{display:flex;flex-wrap:wrap;gap:40px 64px;padding-bottom:34px;border-bottom:1px solid var(--rule)}
.foot-grid div{min-width:150px}
.foot-grid b{display:block;font-family:'Chivo Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--water);margin-bottom:12px}
.foot-grid a{display:block;text-decoration:none;padding:3px 0}
.disclaim{padding-top:26px;max-width:760px;font-size:12.5px;line-height:1.6;color:#4A5659}
@media(max-width:900px){:root{--gauge:34px}.body{margin-left:0;padding:60px 0 50px}.depth{position:static;display:block;padding-top:26px}.head{flex-wrap:wrap;gap:14px}nav{order:3;width:100%;gap:18px;font-size:13px;flex-wrap:wrap}.person{grid-template-columns:44px 1fr}.person .rl{grid-column:2}.fig{border-left:0;padding-left:0;border-top:1px solid var(--rule);flex-basis:100%}.fig:first-child{border-top:0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}
