.blog-shell{padding-top:28px;padding-bottom:80px}.blog-breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:.8rem;display:flex}.blog-breadcrumb a:hover,.article-end a:hover{color:var(--accent-strong);text-decoration:underline}.blog-heading{padding:44px 0 48px}.blog-heading h1{letter-spacing:-.055em;margin-bottom:20px;font-size:clamp(2.7rem,5.5vw,4.4rem);line-height:1.06}.blog-heading>p:last-child{max-width:52ch;color:var(--muted);margin-bottom:0;font-size:1.1rem}.blog-section-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;display:flex}.blog-section-heading h2{margin:0;font-size:1.1rem}.blog-section-heading>span{color:var(--muted);font-size:.8rem}.featured-post{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);grid-template-columns:1.12fr 1fr;display:grid;overflow:hidden}.featured-post:hover{border-color:var(--accent)}.featured-image{min-height:340px}.featured-image img{object-fit:cover;width:100%;height:100%;display:block}.featured-copy{flex-direction:column;align-items:flex-start;padding:clamp(24px,3.5vw,44px);display:flex}.post-category{color:var(--accent-strong);font-size:.8rem;font-weight:650}.featured-copy h3{letter-spacing:-.04em;margin:16px 0;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.16}.featured-copy p{color:var(--muted);margin:0 0 24px}.post-meta{color:var(--muted);flex-wrap:wrap;gap:8px 18px;font-size:.76rem;display:flex}.read-guide{color:var(--accent-strong);align-items:center;gap:16px;margin-top:24px;font-weight:650;display:flex}.blog-tool-strip{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;margin-top:52px;padding:32px 0;display:flex}.blog-tool-strip h2{margin-bottom:8px;font-size:1.5rem}.blog-tool-strip p{color:var(--muted);margin:0}.blog-cta{border-radius:var(--radius-control);background:var(--accent);min-height:46px;color:var(--bg);white-space:nowrap;justify-content:center;align-items:center;gap:12px;padding:12px 20px;font-size:.86rem;font-weight:650;display:inline-flex}.blog-cta:hover{background:var(--accent-strong)}.article-heading{max-width:890px;padding:38px 0 28px}.article-heading h1{letter-spacing:-.05em;max-width:24ch;margin:16px 0 20px;font-size:clamp(2.4rem,4.9vw,3.8rem);line-height:1.1}.article-heading>p{color:var(--muted);max-width:65ch;font-size:1.12rem}.article-byline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-top:10px;display:flex}.article-actions{align-items:center;gap:12px;font-size:.75rem;display:flex}.article-actions button{cursor:pointer;border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:8px;padding:8px 12px}.article-actions button:hover{border-color:var(--accent)}.article-actions span{max-width:24ch;color:var(--muted)}.article-actions span:empty{display:none}.article-cover{object-fit:cover;border-radius:var(--radius-card);width:100%;height:auto;max-height:410px;display:block}.article-cover-illustration{max-height:none}.article-layout{grid-template-columns:240px minmax(0,700px);justify-content:space-between;gap:60px;padding-top:48px;display:grid}.article-sidebar{align-self:start;position:sticky;top:100px}.article-toc summary{cursor:pointer;padding-bottom:16px;font-size:.88rem;font-weight:700}.article-toc nav{border-left:1px solid var(--line);gap:16px;padding-left:18px;display:grid}.article-toc a{min-height:32px;color:var(--muted);align-items:center;font-size:.84rem;display:flex}.article-toc a:hover{color:var(--accent-strong)}.sidebar-test{border-radius:var(--radius-control);background:var(--accent-soft);gap:12px;margin-top:36px;padding:20px;display:grid}.sidebar-test strong{font-size:.95rem}.sidebar-test span{color:var(--muted);font-size:.82rem}.sidebar-test b{color:var(--accent-strong);font-size:.83rem}.article-body{min-width:0;font-size:1.04rem;line-height:1.85}.article-body>section{padding-top:22px;scroll-margin-top:100px}.article-body h2{letter-spacing:-.035em;margin:24px 0 16px;font-size:clamp(1.5rem,2.8vw,1.9rem);line-height:1.25}.article-body p,.article-body li{color:var(--muted)}.article-body p{margin:0 0 20px}.article-body ul{padding-left:22px}.article-body li{margin:8px 0;padding-left:6px}.article-body p a,.article-body li a{color:var(--accent-strong);text-underline-offset:4px;text-decoration:underline}.article-body .article-preview{margin:0 0 20px;font-size:.78rem}.article-takeaway{border-left:3px solid var(--accent);background:var(--accent-soft);padding:18px 24px}.article-takeaway strong{font-size:.95rem}.article-takeaway p{margin:8px 0 0}.article-comparison{border:1px solid var(--line);border-radius:var(--radius-control);margin:26px 0 12px;padding:20px 24px}.article-comparison h3{margin-bottom:14px;font-size:1rem}.article-comparison dl{margin:0}.article-comparison dl>div{grid-template-columns:1fr 1fr;gap:20px;padding:10px 0;font-size:.88rem;line-height:1.6;display:grid}.article-comparison dt{font-weight:600}.article-comparison dd{color:var(--muted);margin:0}.article-end{border-top:1px solid var(--line);color:var(--accent-strong);justify-content:space-between;gap:18px;margin-top:44px;padding-top:24px;font-size:.82rem;display:flex}@media (max-width:960px){.main-nav a.blog-nav{display:inline}.article-layout{grid-template-columns:200px minmax(0,1fr);gap:32px}}@media (max-width:767px){.featured-post,.article-layout{grid-template-columns:1fr}.featured-image{min-height:0}.featured-image img{aspect-ratio:16/9;height:auto}.blog-heading{padding:30px 0 36px}.blog-tool-strip{flex-direction:column;align-items:flex-start;margin-top:32px}.article-sidebar{position:static}.article-layout{gap:24px;padding-top:28px}.sidebar-test{display:none}.article-toc{border-bottom:1px solid var(--line);padding-bottom:16px}.article-cover{aspect-ratio:16/9}.article-comparison dl>div{grid-template-columns:1fr;gap:2px}}@media (max-width:600px){body:has(.blog-shell) .nav-wrap{gap:12px}body:has(.blog-shell) .brand{flex-shrink:0}body:has(.blog-shell) .main-nav{scrollbar-width:none;min-width:0;overflow-x:auto}}