.blog-article{max-width:min(80%,1060px);padding:0 var(--pad-x);margin:0 auto}@media (max-width:768px){.blog-article{max-width:100%}}.blog-article-head{border-bottom:1px solid var(--line);background:var(--bg-soft);padding-top:max(48px,min(7vw,88px));padding-bottom:max(48px,min(7vw,88px))}.blog-article-crumb{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;gap:8px;margin-bottom:22px;font-size:11px;display:flex}.blog-article-crumb a{color:var(--ink-3)}.blog-article-crumb a:hover{color:var(--ink)}.blog-article-meta{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.04em;flex-wrap:wrap;gap:24px;margin-top:24px;font-size:11px;display:flex}.blog-article-body{padding-top:max(36px,min(5vw,64px));padding-bottom:max(36px,min(5vw,64px))}.blog-article-body h2{border-bottom:1px solid var(--line);margin-top:48px;margin-bottom:16px;padding-bottom:12px;font-size:max(24px,min(3vw,32px))}.blog-article-body h3{margin-top:36px;margin-bottom:12px;font-size:max(20px,min(2.5vw,26px))}.blog-article-body h4{color:var(--accent);margin-top:28px;margin-bottom:10px;font-size:18px}.blog-article-body p{margin-bottom:18px;line-height:1.7}.blog-article-body ul,.blog-article-body ol{margin-bottom:18px;padding-left:24px}.blog-article-body li{color:var(--ink-2);margin-bottom:6px;line-height:1.6}.blog-article-body blockquote{border-left:3px solid var(--accent);background:var(--bg-soft);border-radius:0 var(--radius-sm)var(--radius-sm)0;margin:24px 0;padding:16px 20px}.blog-article-body blockquote p{color:var(--ink-2);margin-bottom:0;font-style:italic}.blog-article-body pre{border:1px solid var(--line);border-radius:var(--radius-sm);margin:24px 0;padding:20px;font-size:13px;line-height:1.6;overflow-x:auto}.blog-article-body code{font-family:var(--font-mono);font-size:.9em}.blog-article-body :not(pre)>code{background:var(--bg-soft);border:1px solid var(--line-2);border-radius:4px;padding:2px 6px}.blog-article-body a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.blog-article-body a:hover{color:var(--accent-deep)}.blog-article-body hr{border:none;border-top:1px solid var(--line);margin:40px 0}.blog-article-body table{border-collapse:collapse;width:100%;margin:24px 0;font-size:14px}.blog-article-body th,.blog-article-body td{border:1px solid var(--line);text-align:left;padding:10px 14px}.blog-article-body th{background:var(--bg-soft);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);font-size:11px}.blog-article-nav{grid-template-columns:1fr 1fr;gap:16px;margin-top:56px;display:grid}@media (max-width:600px){.blog-article-nav{grid-template-columns:1fr}}.nav-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elev);transition:border-color .2s var(--ease),transform .2s var(--ease);color:inherit;flex-direction:column;gap:8px;padding:22px 24px;text-decoration:none;display:flex}.nav-card:hover{border-color:var(--ink-3);transform:translateY(-2px)}.nav-card-label{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-4);text-transform:uppercase;font-size:11px}.nav-card-title{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-weight:540;line-height:1.3;display:-webkit-box;overflow:hidden}.nav-card:hover .nav-card-title{color:var(--accent)}.nav-card-right{text-align:right}.nav-card-cta{background:var(--bg-soft)}.nav-card-cta .nav-card-title{color:var(--accent)}