@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400&family=Instrument+Serif:ital@0;1&family=Manrope:wght@400;500;600&display=swap");
:root{color:#171817;background:#f1f1ed;font-family:Manrope,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}.top{position:sticky;z-index:5;top:0;height:68px;padding:0 max(24px,4vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d5d6d1;background:rgba(241,241,237,.9);backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600;text-decoration:none}.brand img{width:27px;height:27px;border-radius:7px}.top nav{display:flex;gap:24px}.top nav a{color:#555754;font-size:10px;text-decoration:none}.hero{max-width:1160px;margin:0 auto;padding:120px 28px 90px}.eyebrow{font-family:"DM Mono",monospace;color:#747673;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.hero h1{max-width:980px;margin:32px 0 26px;font-size:clamp(52px,7vw,98px);font-weight:500;line-height:.9;letter-spacing:-.07em}.hero>p{max-width:680px;margin:0;color:#656864;font-size:15px;line-height:1.7}.index{max-width:1160px;margin:0 auto;padding:0 28px 140px}.index a{min-height:170px;display:grid;grid-template-columns:80px 1fr auto;gap:30px;align-items:center;border-top:1px solid #c6c7c2;text-decoration:none}.index a:last-child{border-bottom:1px solid #c6c7c2}.index span{font-family:"DM Mono",monospace;color:#7b7d79;font-size:9px}.index h2{margin:0;font-size:clamp(22px,3vw,38px);font-weight:500;letter-spacing:-.045em}.index p{max-width:650px;margin:12px 0 0;color:#777975;font-size:11px;line-height:1.7}.index b{width:42px;height:42px;display:grid;place-items:center;border:1px solid #c3c4bf;border-radius:50%;font-weight:400}.article-head{max-width:980px;margin:0 auto;padding:105px 28px 70px}.article-head h1{margin:30px 0 26px;font-size:clamp(48px,6vw,82px);font-weight:500;line-height:.94;letter-spacing:-.065em}.article-head .lead{max-width:740px;color:#666965;font-size:16px;line-height:1.75}.meta{margin-top:35px;padding-top:18px;border-top:1px solid #cacbc6;color:#777975;font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.07em;text-transform:uppercase}.prose{max-width:760px;margin:0 auto;padding:0 28px 130px}.prose h2{margin:65px 0 18px;font-size:31px;font-weight:500;letter-spacing:-.045em}.prose h3{margin:38px 0 14px;font-size:19px}.prose p,.prose li{color:#4f524e;font-size:14px;line-height:1.9}.prose ul,.prose ol{padding-left:22px}.note{margin:45px 0;padding:24px;border-left:2px solid #171817;background:#e5e5e0}.cta{margin-top:70px;padding:34px;border-radius:16px;color:#eee;background:#111}.cta h2{margin-top:0}.cta p{color:#a4a6a2}.cta a{display:inline-block;margin-top:8px;padding:13px 18px;border-radius:24px;color:#111;background:#f4f4f1;font-size:10px;font-weight:600;text-decoration:none}.footer{padding:45px max(28px,4vw);display:flex;justify-content:space-between;border-top:1px solid #d0d1cc;color:#777975;font-size:9px}@media(max-width:600px){.top nav a:first-child{display:none}.hero,.article-head{padding-top:80px}.hero h1,.article-head h1{font-size:14vw}.index a{grid-template-columns:28px 1fr auto;gap:12px}.index p{font-size:9px}.footer{gap:25px;flex-direction:column}}
.breadcrumbs{margin-bottom:24px;font-family:"DM Mono",monospace;font-size:10px;color:#777975}.breadcrumbs a{text-decoration:none;color:#555754}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs span{margin:0 6px;color:#a0a29d}
.table-wrapper{overflow-x:auto;margin:36px 0 44px;-webkit-overflow-scrolling:touch;border-radius:10px;border:1px solid #d5d6d1;background:#fafaf8}
.table-wrapper table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;line-height:1.6}
.table-wrapper th,.table-wrapper td{padding:14px 16px;border-bottom:1px solid #e0e1dc}
.table-wrapper th{background:#e7e8e3;font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#333532;font-weight:600}
.table-wrapper tr:last-child td{border-bottom:none}
.table-wrapper tr:hover td{background:rgba(255,255,255,.6)}
.table-wrapper tr.highlight td{background:rgba(0,0,0,.04);font-weight:600}
.badge{display:inline-block;padding:2px 7px;border-radius:10px;font-size:9px;font-family:"DM Mono",monospace;text-transform:uppercase;font-weight:600}
.badge-green{background:#d8eedb;color:#185324}
.badge-red{background:#fbe0e2;color:#772129}
.badge-gray{background:#e3e4e6;color:#41454a}