.post-head{padding:150px 0 0}.post-head .crumb{display:flex;align-items:center;gap:10px;margin-bottom:22px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.post-head .crumb a{color:var(--muted);transition:color .3s}.post-head .crumb a:hover{color:var(--ink)}.post-head .crumb i{width:4px;height:4px;border-radius:50%;background:var(--primary);flex:none}.post-head h1{font-size:clamp(30px,3.9vw,50px);letter-spacing:-.026em;line-height:1.12;max-width:22ch}.post-head .lede{margin-top:20px;max-width:60ch;font-size:17.5px;line-height:1.75;color:var(--muted)}@media(max-width:768px){.post-head{padding-top:120px}}.post-main{padding:52px 0 0}.post-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:70px;align-items:start}@media(max-width:1040px){.post-layout{grid-template-columns:1fr;gap:40px}}.post-body{max-width:68ch}.post-rail{position:sticky;top:104px;display:flex;flex-direction:column;gap:16px}@media(max-width:1040px){.post-rail{position:static;top:auto}}.rail-facts{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--hairline-cool);font-size:12.5px;letter-spacing:.06em;color:var(--muted)}.rail-cat{padding:6px 13px;border-radius:999px;background:var(--primary);color:var(--on-primary);font-family:var(--font-h);font-size:11.5px;font-weight:500;letter-spacing:.06em}.rail-cat:hover{background:var(--primary-deep)}.toc{padding:4px 0}.toc-title{font-family:var(--font-h);font-size:11.5px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.toc ol{list-style:none;counter-reset:toc;display:flex;flex-direction:column;gap:2px}.toc li{counter-increment:toc}.toc a{display:block;padding:8px 0 8px 16px;border-left:2px solid var(--hairline-cool);font-size:13.5px;line-height:1.45;color:var(--muted);transition:color .3s var(--ease),border-color .3s var(--ease)}.toc a::before{content:counter(toc,decimal-leading-zero) '  ';color:var(--ink-faint);font-size:11px}.toc a:hover{color:var(--ink);border-left-color:var(--hairline-strong)}.toc a.is-active{color:var(--ink);border-left-color:var(--primary)}@media(max-width:1040px){.toc{display:none}}.rail-cta{padding:26px 24px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--primary)}.rail-cta h2{font-size:17px;margin-bottom:9px;letter-spacing:-.01em}.rail-cta p{font-size:13.5px;color:var(--muted);line-height:1.6;margin-bottom:18px}.rail-cta .btn{width:100%;justify-content:center;font-size:14px}.rail-share{display:flex;align-items:center;gap:10px;padding-top:4px}.share-label{font-family:var(--font-h);font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-right:2px}.rail-share a,.rail-share button{width:38px;height:38px;border-radius:11px;flex:none;display:flex;align-items:center;justify-content:center;border:1px solid var(--hairline);background:#fff0;cursor:pointer;transition:border-color .3s var(--ease),background .3s var(--ease)}.rail-share svg{width:16px;height:16px;fill:none;stroke:var(--muted);transition:stroke .3s}.rail-share a:hover,.rail-share button:hover{border-color:var(--primary);background:#F5FAF7}.rail-share a:hover svg,.rail-share button:hover svg{stroke:var(--primary-text)}.rail-share button.copied{border-color:var(--primary)}.rail-share button.copied svg{stroke:var(--primary-text)}.post-body h2{scroll-margin-top:118px}.post-body h3{scroll-margin-top:118px}.post-nav-wrap{padding:64px 0 0}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:34px;border-top:1px solid var(--hairline-cool)}@media(max-width:768px){.post-nav{grid-template-columns:1fr}}.pn{display:flex;flex-direction:column;gap:7px;padding:22px 24px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--hairline);transition:border-color .4s var(--ease),transform .4s var(--ease)}.pn:hover{border-color:var(--primary);transform:translateY(-3px)}.pn-label{font-family:var(--font-h);font-size:10.5px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.pn b{font-family:var(--font-h);font-size:15.5px;font-weight:500;line-height:1.4;color:var(--ink)}.pn-next{text-align:right}@media(max-width:768px){.pn-next{text-align:left}}.related-wrap{padding-top:76px}.related-grid{margin-top:38px}.related-grid .art .thumb{height:150px}.related-grid .art h3{font-size:16.5px;line-height:1.4}.related-grid .art h3 a{color:var(--ink)}.related-grid .art .body{padding:22px 22px 24px;gap:10px}