.bsec{padding:0 0 88px}.bhero{padding:64px 0 44px}.bhero-copy{max-width:800px}.bhero h1{letter-spacing:-.022em;margin-top:20px;font-size:clamp(36px,5.2vw,60px)}.bhero h1 .em{color:var(--brand);font-style:italic;position:relative}.bhero h1 .em:after{content:"";background:var(--seal);opacity:.5;border-radius:var(--r-xs);height:.09em;position:absolute;bottom:.06em;left:1%;right:1%}.bhero .lede{text-wrap:pretty;max-width:62ch}.ptags{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ptags .topic{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--on-seal);background:var(--seal);border-radius:var(--r-xs);padding:4px 9px;font-size:10px}.ptags .date{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-faint);align-items:center;gap:6px;font-size:11px;display:inline-flex}.pmeta{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.pmeta span{align-items:center;gap:6px;display:inline-flex}.pmeta .dot{color:var(--ink-faint)}.blead{padding-bottom:64px}.feature{background:var(--raised);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);grid-template-columns:1.15fr .85fr;gap:0;display:grid;overflow:hidden}.feature-copy{flex-direction:column;align-items:flex-start;padding:38px 38px 34px;display:flex}.feature h2{letter-spacing:-.018em;margin:18px 0 0;font-size:clamp(26px,3.2vw,38px)}.feature h2 a{transition:color .18s}.feature h2 a:hover{color:var(--brand)}.feature-x{color:var(--ink-soft);text-wrap:pretty;max-width:56ch;margin:16px 0 0;font-size:17px}.feature .pmeta{margin-top:20px}.feature .btn{margin-top:26px}.fcover{border-left:1px solid var(--line);background:var(--paper-2);flex-direction:column;justify-content:center;padding:38px 34px;display:flex;position:relative;overflow:hidden}.fcover .line{background:color-mix(in srgb,var(--ink) 10%,transparent);margin:11px 0}.fcover .doc-tag{color:var(--seal-ink);margin-bottom:14px}.fseal{width:190px;height:190px;color:var(--brand);opacity:.14;pointer-events:none;position:absolute;bottom:-26px;right:-26px}@media (max-width:900px){.feature{grid-template-columns:1fr}.fcover{border-left:none;border-top:1px solid var(--line);min-height:150px;padding:26px 30px}.fseal{width:150px;height:150px;bottom:-30px;right:-18px}}@media (max-width:560px){.feature-copy{padding:26px 22px 24px}.feature-x{font-size:16px}}.blist-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;padding-bottom:22px;display:flex}.blist-head h2{font-size:clamp(22px,2.4vw,28px)}.topics{background:var(--raised);border:1px solid var(--line-strong);border-radius:var(--r-xs);flex-wrap:wrap;display:inline-flex;overflow:hidden}.topics button{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;padding:10px 14px;font-size:11px;transition:background .18s,color .18s}.topics button+button{border-left:1px solid var(--line-strong)}.topics button:hover{color:var(--ink)}.topics button[aria-pressed=true]{background:var(--brand);color:var(--on-brand)}.topics button:focus-visible{outline:2px solid var(--seal);outline-offset:-3px}.more{color:var(--brand);align-items:center;gap:7px;font-size:14px;font-weight:600;transition:gap .18s;display:inline-flex}.more:hover{gap:11px}.pgrid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.pcard{background:var(--raised);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);flex-direction:column;padding:26px 26px 22px;transition:transform .22s,box-shadow .22s;display:flex}.pcard:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.pcard h3{margin:16px 0 0;font-size:21px;font-weight:600;line-height:1.22}.pcard h3 a{transition:color .18s}.pcard h3 a:hover{color:var(--brand)}.pcard>p{color:var(--ink-soft);text-wrap:pretty;margin:12px 0 0;font-size:15px}.pfoot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:20px;display:flex}@media (max-width:720px){.pgrid{grid-template-columns:1fr}}@media (max-width:560px){.pcard{padding:22px 20px 20px}}.progress{z-index:60;background:var(--seal);transform-origin:0;height:2px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.post-head{border-bottom:1px solid var(--line);padding:38px 0 34px}.back{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);align-items:center;gap:8px;margin-bottom:26px;font-size:11px;transition:color .18s,gap .18s;display:inline-flex}.back:hover{color:var(--brand);gap:11px}.post-head h1{letter-spacing:-.022em;margin:20px 0 0;font-size:clamp(32px,4.6vw,52px);line-height:1.1}.post-head .lede{text-wrap:pretty;max-width:64ch;margin-top:20px;font-size:19px}.byline{align-items:center;gap:14px;margin-top:30px;display:flex}.byline b{font-size:15px;font-weight:600;display:block}.byline .role{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-top:3px;font-size:10.5px;display:block}.by-mark{border:1px solid var(--seal);width:44px;height:44px;color:var(--seal-ink);border-radius:var(--r-sm);background:color-mix(in srgb,var(--seal) 12%,transparent);font-family:var(--font-display);letter-spacing:.02em;flex:none;place-items:center;font-size:16px;font-weight:600;display:grid}.post-grid{grid-template-columns:minmax(0,720px) 240px;justify-content:center;gap:56px;padding-block:52px 72px;display:grid}.post-head-grid{padding-block:0}.toc-in{position:sticky;top:96px}.toc .eyebrow{margin-bottom:16px;font-size:10.5px}.toc ol{border-left:1px solid var(--line);margin:0;padding:0;list-style:none}.toc li a{color:var(--ink-soft);border-left:1px solid #0000;margin-left:-1px;padding:8px 0 8px 16px;font-size:13.5px;line-height:1.4;transition:color .18s,border-color .18s;display:block}.toc li a:hover{color:var(--brand);border-left-color:var(--brand)}@media (max-width:1080px){.post-grid{grid-template-columns:minmax(0,720px);gap:0}.toc{display:none}}.prose{color:var(--ink-soft);font-size:17.5px;line-height:1.72}.prose p{text-wrap:pretty;margin:0 0 22px}.prose b{color:var(--ink);font-weight:600}.prose h2{color:var(--ink);margin:44px 0 16px;font-size:clamp(23px,2.6vw,30px);line-height:1.2}.prose h2 a{transition:color .18s}.prose h2 a:hover{color:var(--brand)}.prose h2{scroll-margin-top:88px}.prose>:first-child{margin-top:0}.prose>p:first-of-type{color:var(--ink);font-size:19px}.prose ul{gap:12px;margin:0 0 24px;padding:0;list-style:none;display:grid}.prose li{align-items:flex-start;gap:12px;font-size:16.5px;line-height:1.62;display:flex}.prose li svg{color:var(--seal);flex:none;margin-top:6px}.prose blockquote{background:var(--raised);border:1px solid var(--line);border-left:3px solid var(--seal);border-radius:var(--r-sm);margin:34px 0;padding:26px 28px;position:relative}.prose blockquote .qm{color:var(--seal);opacity:.3;position:absolute;top:18px;right:20px}.prose blockquote p{font-family:var(--font-display);color:var(--ink);max-width:44ch;margin:0;font-size:21px;font-style:italic;line-height:1.45}.prose blockquote cite{font-style:normal;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-top:14px;font-size:11px;display:block}.prose .note{background:color-mix(in srgb,var(--brand) 6%,transparent);border:1px solid color-mix(in srgb,var(--brand) 22%,transparent);border-radius:var(--r-sm);margin:32px 0;padding:22px 24px}.prose .note-h{color:var(--brand);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:9px;font-size:11px;display:flex}.prose .note p{margin:11px 0 0;font-size:15.5px;line-height:1.62}.post-end{border-top:1px solid var(--line);align-items:flex-start;gap:12px;margin-top:44px;padding-top:24px;display:flex}.post-end svg{color:var(--seal);flex:none;margin-top:3px}.post-end p{color:var(--ink-faint);margin:0;font-size:14.5px}.post-end a{color:var(--brand);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.bnext{padding-top:0}.bnext .blist-head{border-bottom:none;margin-bottom:24px;padding-bottom:0}@media (max-width:760px){.bsec{padding-bottom:64px}.bhero{padding:40px 0 32px}.post-head{padding:26px 0 30px}.post-head .lede{font-size:17.5px}.post-grid{padding-block:38px 56px}.prose{font-size:16.5px}.prose>p:first-of-type{font-size:17.5px}.prose li{font-size:15.5px}.prose blockquote{padding:22px}.prose blockquote p{font-size:19px}.prose blockquote .qm{display:none}}@media (max-width:560px){.byline{margin-top:24px}.blist-head{gap:14px}.topics button{padding:9px 11px;font-size:10px}}
