.progress{background:var(--brand);height:3px;left:0;position:fixed;top:0;transition:width 80ms linear;width:0;z-index:60}.post-head{padding:clamp(40px,6vw,72px) 0 clamp(24px,3vw,36px)}.breadcrumb{align-items:center;color:var(--fg-muted);display:flex;font-family:var(--font-display);font-size:11px;font-weight:700;gap:10px;letter-spacing:.14em;margin-bottom:22px;text-transform:uppercase}.breadcrumb a{color:var(--fg-muted);transition:color var(--dur-base) var(--ease-out)}.breadcrumb a:hover{color:var(--brand)}.breadcrumb svg{color:var(--neutral-300);height:13px;stroke-width:2.5;width:13px}.breadcrumb .current{color:var(--fg-secondary)}.post-head__inner{max-width:820px}.post-head h1{color:var(--fg-primary);font-family:var(--font-display);font-size:clamp(34px,4.6vw,60px);font-weight:900;letter-spacing:-.02em;line-height:1.02;margin:16px 0 0;text-wrap:balance}.post-head__lede{color:var(--fg-secondary);font-family:var(--font-sans);font-size:clamp(18px,1.6vw,21px);font-weight:500;line-height:1.5;margin:20px 0 0;max-width:720px}.byline{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}.byline__avatar{background:var(--blue-700);border-radius:999px;color:#fff;display:grid;flex-shrink:0;font-family:var(--font-display);font-size:16px;font-weight:800;height:46px;place-items:center;width:46px}.byline__who{display:flex;flex-direction:column;gap:2px}.byline__name{color:var(--fg-primary);font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.01em}.byline__meta{color:var(--fg-muted);font-family:var(--font-sans);font-size:13px}.byline__share{display:flex;gap:8px;margin-left:auto}.share-btn{background:#fff;border:1px solid var(--border-default);border-radius:999px;color:var(--fg-secondary);display:grid;height:40px;place-items:center;transition:all var(--dur-fast) var(--ease-out);width:40px}.share-btn:hover{border-color:var(--brand);color:var(--brand)}.share-btn svg{height:18px;stroke-width:2;width:18px}.post-cover{margin:clamp(20px,3vw,36px) 0 0}.post-cover .thumb{border-radius:var(--radius-2xl);height:clamp(260px,38vw,460px)}.post-cover .thumb__glyph svg{height:110px;width:110px}.post-cover figcaption{color:var(--fg-muted);font-family:var(--font-sans);font-size:13px;margin-top:12px;text-align:center}.post-layout{align-items:start;display:grid;gap:clamp(32px,5vw,72px);grid-template-columns:220px minmax(0,1fr);padding:clamp(40px,6vw,72px) 0 clamp(56px,7vw,88px)}.toc{display:flex;flex-direction:column;gap:4px;position:sticky;top:96px}.toc__label{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.16em;margin-bottom:12px;text-transform:uppercase}.toc a,.toc__label{color:var(--fg-muted)}.toc a{border-left:2px solid var(--border-subtle);font-family:var(--font-sans);font-size:14px;line-height:1.35;padding:7px 0 7px 14px;transition:color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.toc a:hover{color:var(--fg-primary)}.toc a.is-active{border-left-color:var(--brand);color:var(--brand);font-weight:600}.prose{max-width:720px}.prose>*+*{margin-top:26px}.prose p{color:var(--neutral-700);font-family:var(--font-sans);font-size:19px;font-weight:400;line-height:1.7;margin:0;text-wrap:pretty}.prose p.first:first-letter{color:var(--brand);font-family:var(--font-display);font-weight:900;initial-letter:2.4;margin-right:10px}.prose h2{font-size:clamp(26px,2.6vw,34px);font-weight:800;letter-spacing:-.01em;line-height:1.1;margin:56px 0 0;text-wrap:balance}.prose h2,.prose h3{color:var(--fg-primary);font-family:var(--font-display);scroll-margin-top:96px}.prose h3{font-size:22px;font-weight:700;line-height:1.2;margin:36px 0 0}.prose a:not(.btn){color:var(--blue-600);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;transition:color var(--dur-base) var(--ease-out)}.prose a:not(.btn):hover{color:var(--brand);text-decoration-thickness:2px}.prose strong{color:var(--fg-primary);font-weight:600}.prose ol,.prose ul{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding-left:0}.prose li{color:var(--neutral-700);font-family:var(--font-sans);font-size:19px;line-height:1.6;padding-left:32px;position:relative}.prose ul li:before{background:var(--brand);border-radius:999px;content:"";height:8px;left:6px;position:absolute;top:12px;width:8px}.prose ol{counter-reset:step}.prose ol li{counter-increment:step}.prose ol li:before{background:var(--brand-soft);border-radius:999px;color:var(--green-700);content:counter(step);display:grid;font-family:var(--font-display);font-size:12px;font-weight:800;height:24px;left:0;place-items:center;position:absolute;top:2px;width:24px}.prose blockquote{border-left:4px solid var(--brand);color:var(--fg-primary);font-family:var(--font-display);font-size:clamp(22px,2.2vw,30px);font-weight:700;letter-spacing:-.005em;line-height:1.25;margin:44px 0;padding:4px 0 4px 28px;text-wrap:balance}.prose code{background:var(--neutral-100);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.9em;padding:.12em .4em}.prose code,.prose h4{color:var(--fg-primary)}.prose h4{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:.01em;line-height:1.25;margin:28px 0 0;scroll-margin-top:96px}.prose img{border-radius:var(--radius-xl);display:block;height:auto;width:100%}.prose figure{margin:40px 0}.prose figure img{margin:0}.prose figcaption,.prose figure figcaption{color:var(--fg-muted);font-family:var(--font-sans);font-size:13px;line-height:1.5;margin-top:12px;text-align:center}.prose blockquote p{color:inherit;font:inherit;margin:0}.prose blockquote cite{color:var(--fg-muted);display:block;font-family:var(--font-sans);font-size:15px;font-style:normal;font-weight:600;margin-top:14px}.prose hr{border:0;border-top:1px solid var(--border-subtle);margin:44px 0}.prose em{font-style:italic}.prose ol ol,.prose ol ul,.prose ul ol,.prose ul ul{margin-left:8px;margin-top:12px}.prose table{border-collapse:collapse;font-family:var(--font-sans);font-size:16px;margin:8px 0;width:100%}.prose thead th{border-bottom:2px solid var(--border-default);color:var(--fg-muted);font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.08em;padding:12px 14px;text-align:left;text-transform:uppercase}.prose tbody td{border-bottom:1px solid var(--border-subtle);color:var(--neutral-700);padding:12px 14px;vertical-align:top}.prose tbody tr:hover{background:var(--brand-soft)}.prose.rte>*+*{margin-top:26px}.callout{align-items:flex-start;background:var(--brand-soft);border:1px solid var(--green-200);border-radius:var(--radius-xl);display:flex;gap:16px;margin:40px 0;padding:24px 26px}.callout__icon{background:var(--brand);border-radius:12px;color:#fff;display:grid;flex-shrink:0;height:40px;place-items:center;width:40px}.callout__icon svg{height:22px;stroke-width:2.2;width:22px}.callout__body{display:flex;flex-direction:column;gap:6px}.callout__title{color:var(--green-700);font-family:var(--font-display);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.callout p{color:var(--neutral-700)!important;font-size:16px!important;line-height:1.55!important;margin:0!important}.callout code{background:#fff}.inline-cta{align-items:center;background:var(--gradient-blue);border-radius:var(--radius-xl);color:#fff;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:48px 0;overflow:hidden;padding:28px 30px;position:relative}.inline-cta:after{background:radial-gradient(70% 120% at 95% 0,rgba(97,175,71,.25),transparent 55%);content:"";inset:0;pointer-events:none;position:absolute}.inline-cta__copy{position:relative;z-index:1}.inline-cta__copy h4{color:#fff;font-family:var(--font-display);font-size:21px;font-weight:800;letter-spacing:-.005em;margin:0 0 4px;text-transform:uppercase}.inline-cta__copy p{color:hsla(0,0%,100%,.8);font-family:var(--font-sans);font-size:15px;margin:0}.inline-cta .btn{flex-shrink:0;position:relative;z-index:1}.post-foot{align-items:center;border-top:1px solid var(--border-subtle);gap:20px;justify-content:space-between;margin-top:48px;padding-top:28px}.post-foot,.tag-row{display:flex;flex-wrap:wrap}.tag-row{gap:10px}.tag-pill{border:1.5px solid var(--border-default);border-radius:var(--radius-pill);color:var(--fg-secondary);font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.1em;padding:7px 13px;text-transform:uppercase;transition:all var(--dur-fast) var(--ease-out)}.tag-pill:hover{border-color:var(--brand);color:var(--brand)}.author-card{align-items:flex-start;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);display:flex;gap:20px;margin-top:40px;padding:28px 30px}.author-card__avatar{background:var(--gradient-blue);border-radius:999px;color:#fff;display:grid;flex-shrink:0;font-family:var(--font-display);font-size:22px;font-weight:800;height:64px;place-items:center;width:64px}.author-card__body{display:flex;flex-direction:column;gap:6px}.author-card__role{color:var(--brand);font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.author-card__name{color:var(--fg-primary);font-family:var(--font-display);font-size:22px;font-weight:800;margin:0}.author-card__bio{color:var(--fg-secondary);font-family:var(--font-sans);font-size:15px;line-height:1.6;margin:4px 0 0}.related{background:#fff;border-top:1px solid var(--border-subtle)}.related .grid{grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.post-layout{gap:0;grid-template-columns:1fr}.toc{display:none}.related .grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.byline__share{margin-left:0;width:100%}.inline-cta{align-items:flex-start;flex-direction:column}.related .grid{grid-template-columns:1fr}.author-card{flex-direction:column}}