.wrap{max-width:1080px;margin:0 auto;padding:0 24px}.dot{color:var(--accent)}header.sta-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:hsla(40,27%,98%,.85);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font-size:22px;font-weight:800;letter-spacing:-.5px}.nav-links{display:flex;gap:28px}.nav-links a{font-size:14px;color:var(--soft);font-weight:600;transition:color .15s}.nav-links a.on,.nav-links a:hover{color:var(--ink)}footer.sta-footer{border-top:1px solid var(--line);padding:40px 0;text-align:center;margin-top:80px}.footer-logo{font-size:19px;font-weight:800}.footer-meta{font-size:13px;color:var(--faint);margin-top:8px}.blog-head{text-align:center;padding:72px 0 48px}.blog-head h1{font-size:44px;font-weight:800;letter-spacing:-1.4px}.blog-head p{font-size:17px;color:var(--soft);margin-top:10px}.post-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:22px;gap:22px;padding-bottom:80px}.post-card{display:flex;flex-direction:column;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:28px;transition:transform .15s,box-shadow .15s,border-color .15s}.post-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 12px 28px rgba(0,0,0,.06)}.post-card .meta-row{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--faint)}.post-card .chip{background:var(--accent-soft);color:var(--accent);font-weight:800;padding:3px 10px;border-radius:999px;font-size:11.5px}.post-card h2{font-size:21px;font-weight:800;letter-spacing:-.5px;line-height:1.35}.post-card p{font-size:14px;color:var(--soft);line-height:1.6}.post-card .more{margin-top:auto;font-size:13px;font-weight:800;color:var(--accent)}.post-wrap{max-width:720px;margin:0 auto;padding:0 24px}.post-hero{padding:64px 0 32px}.post-hero .crumbs{font-size:13px;color:var(--faint);margin-bottom:18px}.post-hero .crumbs a{color:var(--accent);font-weight:700}.post-hero h1{font-size:38px;font-weight:800;letter-spacing:-1.2px;line-height:1.25;margin-bottom:16px}.post-hero .meta{display:flex;gap:14px;align-items:center;font-size:13.5px;color:var(--soft)}.post-hero .meta .chip{background:var(--accent-soft);color:var(--accent);font-weight:800;padding:3px 10px;border-radius:999px;font-size:11.5px}.post-hero .meta .dot-sep{color:var(--faint)}.post-keywords{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.post-keywords .kw{font-size:11px;color:var(--soft);background:var(--bg);border:1px solid var(--line);padding:3px 9px;border-radius:999px;font-weight:600}.prose{font-size:16.5px;color:var(--ink);line-height:1.78;padding-bottom:48px}.prose>*+*{margin-top:18px}.prose .lede{font-size:18px;color:var(--soft);line-height:1.7;border-left:3px solid var(--accent);padding-left:18px;margin:28px 0 36px}.prose h2{font-size:26px;font-weight:800;letter-spacing:-.6px;margin-top:56px;line-height:1.3}.prose h3{font-size:19px;font-weight:800;letter-spacing:-.3px;margin-top:32px;line-height:1.35}.prose p{font-size:16.5px}.prose a{color:var(--accent);font-weight:700;border-bottom:1px solid var(--accent-soft)}.prose a:hover{border-bottom-color:var(--accent)}.prose strong{font-weight:800;color:var(--ink)}.prose em{font-style:italic}.prose ol,.prose ul{padding-left:22px}.prose li{margin-bottom:8px}.prose li::marker{color:var(--accent)}.prose blockquote{border-left:3px solid var(--line);padding-left:18px;color:var(--soft);font-style:italic}.prose code{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:14px;color:var(--ink)}.prose code,.prose pre{font-family:SF Mono,Menlo,monospace}.prose pre{background:#1a1a1a;color:#f5f5f5;border-radius:14px;padding:18px 22px;overflow-x:auto;font-size:13.5px;line-height:1.65}.prose pre code{background:transparent;border:0;padding:0;color:inherit;font-size:inherit}.prose table{width:100%;border-collapse:collapse;font-size:14.5px;margin:8px 0}.prose table td,.prose table th{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left}.prose table th{font-weight:800;background:var(--bg)}.prose figure{margin:24px 0;text-align:center}.prose figure img{max-width:100%;border-radius:14px;border:1px solid var(--line)}.prose figcaption{font-size:13px;color:var(--faint);margin-top:8px}.prose hr{border:0;border-top:1px solid var(--line);margin:40px 0}.img-placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px dashed var(--line);border-radius:14px;padding:56px 20px;color:var(--faint);font-size:13px;font-weight:700}.post-cta{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:32px;margin:48px 0 16px;text-align:center}.post-cta h3{font-size:22px;font-weight:800;letter-spacing:-.5px;margin-bottom:8px}.post-cta p{font-size:14.5px;color:var(--soft);margin-bottom:18px}.post-cta .btn-row{display:inline-flex;gap:10px;flex-wrap:wrap;justify-content:center}.post-cta .btn{display:inline-block;padding:12px 22px;border-radius:12px;font-size:14px;font-weight:800;background:var(--accent);color:#fff;border:0}.post-cta .btn.ghost{background:var(--card);color:var(--ink);border:1px solid var(--line)}.post-cta .btn:hover{opacity:.92}.post-author{display:flex;gap:14px;align-items:center;margin-top:16px;padding:20px;background:var(--bg);border:1px solid var(--line);border-radius:16px}.post-author .avatar{width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.08);overflow:hidden;display:flex;align-items:center;justify-content:center}.post-author .info .name{font-weight:800;font-size:14.5px}.post-author .info .bio{font-size:12.5px;color:var(--soft);margin-top:2px}.related{margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}.related h4{font-size:14px;font-weight:800;color:var(--soft);letter-spacing:.5px;text-transform:uppercase;margin-bottom:16px}.related .related-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.related-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;font-size:14px;font-weight:700;color:var(--ink);transition:border-color .15s}.related-card:hover{border-color:var(--accent);color:var(--accent)}@media (max-width:720px){.nav-links{gap:18px}.blog-head{padding:52px 0 36px}.blog-head h1{font-size:32px}.post-grid{grid-template-columns:1fr}.post-hero h1{font-size:28px}.prose h2{font-size:22px;margin-top:40px}.prose h3{font-size:17px;margin-top:26px}.prose,.prose p{font-size:16px}.related .related-grid{grid-template-columns:1fr}}