.blog-post-page .sp-shell{display:grid;grid-template-columns:minmax(176px,250px) minmax(0,800px) minmax(176px,250px);gap:32px;justify-content:center;max-width:1440px;margin:0 auto;padding:0 24px}.blog-post-page .sp-shell .layout-A.sp-article{max-width:none;margin:0;padding:0;min-width:0}.blog-post-page .sp-rail{align-self:start;position:sticky;top:88px;display:flex;flex-direction:column;gap:26px;padding-top:8px;max-height:calc(100vh - 108px);overflow-y:auto;scrollbar-width:thin}.blog-post-page .sp-rail-label{display:block;font-family:var(--font-mono,ui-monospace,monospace);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-subtle);font-weight:600;padding-bottom:10px;border-bottom:1px solid var(--border);text-decoration:none}.blog-post-page .sp-rail-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--border)}.blog-post-page .sp-rail-head .sp-rail-label{padding-bottom:0;border-bottom:0}.blog-post-page .sp-rail-label.is-accent{color:var(--accent);font-weight:700}a.sp-rail-label.is-accent:hover{text-decoration:underline}.blog-post-page .sp-rail-count{font-family:var(--font-mono,ui-monospace,monospace);font-size:10px;color:var(--fg-subtle);white-space:nowrap}.blog-post-page .sp-toc{display:flex;flex-direction:column;margin-top:10px}.blog-post-page .sp-toc-link{font-size:13px;line-height:1.4;color:var(--fg-muted);text-decoration:none;padding:6px 0 6px 12px;border-left:2px solid transparent;transition:color .15s,border-color .15s,background .15s}.blog-post-page .sp-toc-link:hover{color:var(--accent)}.blog-post-page .sp-toc-link.is-active{color:var(--accent);font-weight:600;border-left-color:var(--accent);background:var(--accent-soft)}.blog-post-page .sp-parts{display:flex;flex-direction:column;margin-top:10px}.blog-post-page .sp-part{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:baseline;font-size:13px;line-height:1.4;color:var(--fg-muted);text-decoration:none;padding:7px 0;transition:color .15s}a.sp-part:hover{color:var(--accent)}.blog-post-page .sp-part.is-current{color:var(--fg);font-weight:600}.blog-post-page .sp-part-label{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.blog-post-page .sp-paid,.sp-in-blueprint .sp-paid{flex:none;font-family:var(--font-mono,ui-monospace,monospace);font-size:8px;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:#92400e;background:#fef3c7;border:1px solid #f59e0b;border-radius:3px;padding:3px 5px}.dark .blog-post-page .sp-paid,.sp-in-blueprint .sp-paid{color:#fde68a;background:#451a03;border-color:#b45309}.blog-post-page .sp-mark{font-family:var(--font-mono,ui-monospace,monospace);font-size:10px;color:var(--fg-subtle)}.blog-post-page .sp-mark.is-done{color:#16a34a}.dark .blog-post-page .sp-mark.is-done{color:#4ade80}.blog-post-page .sp-mark.is-current{color:var(--accent)}.blog-post-page .sp-continue{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-family:var(--font-mono,ui-monospace,monospace);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);text-decoration:none;border:1px solid var(--accent-ring);border-radius:6px;padding:8px 12px;transition:background .15s,border-color .15s}.blog-post-page .sp-continue:hover{background:var(--accent-soft);border-color:var(--accent)}.blog-post-page .sp-map,.sp-in-blueprint .sp-map{margin-top:44px;border:1px solid var(--border-strong);border-radius:8px;background:var(--bg-elevated);overflow:hidden}.blog-post-page .sp-map-head,.sp-in-blueprint .sp-map-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:18px 24px 14px;border-bottom:1px solid var(--border)}.blog-post-page .sp-map-eyebrow,.sp-in-blueprint .sp-map-eyebrow{font-family:var(--font-mono,ui-monospace,monospace);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700}.blog-post-page .sp-map-title,.sp-in-blueprint .sp-map-title{display:inline-block;margin-top:6px;font-family:var(--font-serif,Georgia,serif);font-weight:800;font-size:22px;letter-spacing:-.01em;color:var(--fg);text-decoration:none;text-wrap:pretty}.blog-post-page .sp-map-title:hover,.sp-in-blueprint .sp-map-title:hover{color:var(--accent)}.blog-post-page .sp-map-count,.sp-in-blueprint .sp-map-count{font-family:var(--font-mono,ui-monospace,monospace);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle);white-space:nowrap}.blog-post-page .sp-map-list,.sp-in-blueprint .sp-map-list{display:flex;flex-direction:column}.blog-post-page .sp-map-row,.sp-in-blueprint .sp-map-row{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;padding:13px 24px;text-decoration:none;color:var(--fg-muted);border-bottom:1px solid var(--border);transition:background .15s}.blog-post-page .sp-map-row:last-child,.sp-in-blueprint .sp-map-row:last-child{border-bottom:0}a.sp-map-row:hover{background:var(--bg-secondary)}.blog-post-page .sp-map-row.is-current,.sp-in-blueprint .sp-map-row.is-current{background:var(--accent-soft);border-left:3px solid var(--accent);padding-left:21px}.blog-post-page .sp-map-num,.sp-in-blueprint .sp-map-num{font-family:var(--font-mono,ui-monospace,monospace);font-size:11px;font-weight:700;color:var(--fg-subtle);white-space:nowrap}.blog-post-page .sp-map-num.is-done,.sp-in-blueprint .sp-map-num.is-done{color:#16a34a}.dark .blog-post-page .sp-map-num.is-done,.dark .sp-in-blueprint .sp-map-num.is-done{color:#4ade80}.blog-post-page .sp-map-row.is-current .sp-map-num,.sp-in-blueprint .sp-map-row.is-current .sp-map-num{color:var(--accent)}.blog-post-page .sp-map-name,.sp-in-blueprint .sp-map-name{font-family:var(--font-serif,Georgia,serif);font-weight:600;font-size:15px;line-height:1.3;text-wrap:pretty}.blog-post-page .sp-map-row.is-current .sp-map-name,.sp-in-blueprint .sp-map-row.is-current .sp-map-name{font-weight:700;color:var(--fg)}a.sp-map-row:hover .sp-map-name{color:var(--accent)}.blog-post-page .sp-map-meta,.sp-in-blueprint .sp-map-meta{font-family:var(--font-mono,ui-monospace,monospace);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle);white-space:nowrap}.blog-post-page .sp-map-row.is-current .sp-map-meta,.sp-in-blueprint .sp-map-row.is-current .sp-map-meta{color:var(--accent)}.blog-post-page .sp-nav,.sp-in-blueprint .sp-nav{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:28px 0 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.blog-post-page .sp-nav-link,.sp-in-blueprint .sp-nav-link{display:flex;flex-direction:column;gap:10px;padding:24px 28px;text-decoration:none;color:inherit;transition:background .15s}.blog-post-page .sp-nav-link:first-child,.sp-in-blueprint .sp-nav-link:first-child{border-right:1px solid var(--border)}.blog-post-page .sp-nav-link:hover,.sp-in-blueprint .sp-nav-link:hover{background:var(--bg-secondary)}.blog-post-page .sp-nav-link.is-next,.sp-in-blueprint .sp-nav-link.is-next{text-align:right;align-items:flex-end;background:var(--accent-soft)}.blog-post-page .sp-nav-dir,.sp-in-blueprint .sp-nav-dir{font-family:var(--font-mono,ui-monospace,monospace);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-subtle);font-weight:600}.blog-post-page .sp-nav-link.is-next .sp-nav-dir,.sp-in-blueprint .sp-nav-link.is-next .sp-nav-dir{color:var(--accent)}.blog-post-page .sp-nav-title,.sp-in-blueprint .sp-nav-title{font-family:var(--font-serif,Georgia,serif);font-weight:700;font-size:18px;line-height:1.3;letter-spacing:-.005em;color:var(--fg);text-wrap:pretty}.blog-post-page .sp-nav-link:hover .sp-nav-title,.sp-in-blueprint .sp-nav-link:hover .sp-nav-title{color:var(--accent)}.sp-in-blueprint{--fg:#fbf7f0;--fg-muted:#cbd5e1;--fg-subtle:#94a3b8;--border:rgba(43,94,143,.45);--border-strong:rgba(43,94,143,.7);--bg-elevated:#16213e;--bg-secondary:#1b2a4a;--accent:#f39c12;--accent-soft:rgb(243 156 18/.14);--accent-ring:rgb(243 156 18/.4);max-width:900px;margin:0 auto;padding:0 24px}.sp-in-blueprint .sp-nav{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:8px;overflow:hidden}.sp-in-blueprint .sp-nav-link:first-child{border-right-color:var(--border)}@media (min-width:1280px){.blog-post-page.has-rail .post-outline{display:none}}@media (max-width:1279px){.blog-post-page .sp-shell{display:block;padding:0;max-width:none}.blog-post-page .sp-shell .layout-A.sp-article{width:100%;max-width:940px;margin:0 auto;padding:32px 24px 48px}.blog-post-page .sp-rail{display:none}}@media (max-width:700px){.blog-post-page .sp-shell .layout-A.sp-article{padding:20px 0 40px}}@media (max-width:640px){.blog-post-page .sp-map-row,.sp-in-blueprint .sp-map-row{grid-template-columns:44px 1fr;gap:4px 12px;padding:13px 18px}.blog-post-page .sp-map-row.is-current,.sp-in-blueprint .sp-map-row.is-current{padding-left:15px}.blog-post-page .sp-map-meta,.sp-in-blueprint .sp-map-meta{grid-column:2}.blog-post-page .sp-map-head,.sp-in-blueprint .sp-map-head{flex-direction:column;gap:8px;padding:16px 18px 12px}.blog-post-page .sp-nav,.sp-in-blueprint .sp-nav{grid-template-columns:1fr}.blog-post-page .sp-nav-link:first-child,.sp-in-blueprint .sp-nav-link:first-child{border-right:0;border-bottom:1px solid var(--border)}.blog-post-page .sp-nav-link.is-next,.sp-in-blueprint .sp-nav-link.is-next{text-align:left;align-items:flex-start}}