.blog-head{border-bottom:1px solid var(--rule);padding:80px 0 56px}.blog-head h1{max-width:680px;font-size:clamp(28px,4vw,46px);line-height:1.2}.blog-head .lede{max-width:560px;color:var(--ink-soft);margin-top:18px;font-size:17px;line-height:1.65}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;padding:56px 0 80px;display:grid}.blog-card{border:1px solid var(--rule);border-radius:6px;flex-direction:column;gap:14px;padding:28px 32px;transition:border-color .2s;display:flex}.blog-card:hover{border-color:var(--accent)}.blog-card-meta{align-items:center;gap:12px;display:flex}.blog-category{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:3px;padding:3px 8px;font-size:10px}.blog-read-time{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);font-size:10px}.blog-card h2{margin:0;font-size:19px;line-height:1.35}.blog-card h2 a{color:var(--ink);text-decoration:none}.blog-card h2 a:hover{color:var(--accent)}.blog-card p{color:var(--ink-soft);flex:1;margin:0;font-size:14px;line-height:1.65}.blog-card-footer{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.blog-date{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);font-size:10px}.blog-read-link{color:var(--accent);font-size:13px;text-decoration:none}.blog-read-link:hover{text-underline-offset:3px;text-decoration:underline}.blog-post-head{border-bottom:1px solid var(--rule);padding:80px 0 56px}.blog-post-breadcrumb{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);align-items:center;gap:10px;font-size:11px;display:flex}.blog-post-breadcrumb a{color:var(--accent);text-decoration:none}.blog-post-breadcrumb a:hover{text-decoration:underline}.blog-post-head h1{max-width:740px;font-size:clamp(26px,3.5vw,42px);line-height:1.2}.blog-post-meta{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);align-items:center;gap:10px;margin-top:20px;font-size:11px;display:flex}.blog-post-layout{grid-template-columns:1fr 300px;align-items:start;gap:64px;padding:56px 0 80px;display:grid}@media (max-width:900px){.blog-post-layout{grid-template-columns:1fr}.blog-post-aside{order:-1}}.blog-post-content{max-width:680px;font-size:17px;line-height:1.75}.blog-post-content h2{margin-top:48px;margin-bottom:16px;font-size:24px;line-height:1.3}.blog-post-content p{color:var(--ink-soft);margin-bottom:22px}.blog-post-content p strong{color:var(--ink)}.blog-post-content ul,.blog-post-content ol{color:var(--ink-soft);margin-bottom:24px;padding-left:24px}.blog-post-content li{margin-bottom:10px;line-height:1.65}.blog-table{border-collapse:collapse;width:100%;margin-bottom:32px;font-size:14px}.blog-table th{background:var(--surface);text-align:left;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border-bottom:2px solid var(--rule);padding:10px 14px;font-size:11px}.blog-table td{border-bottom:1px solid var(--rule);color:var(--ink-soft);padding:10px 14px}.blog-table tr:last-child td{border-bottom:none}.blog-post-cta{background:var(--surface);border:1px solid var(--rule);border-radius:8px;justify-content:space-between;align-items:center;gap:32px;margin-top:56px;padding:32px;display:flex}@media (max-width:640px){.blog-post-cta{flex-direction:column;align-items:flex-start}}.blog-post-cta h3{margin:0 0 8px;font-size:18px}.blog-post-cta p{color:var(--ink-soft);margin:0;font-size:14px}.blog-post-aside{flex-direction:column;gap:32px;display:flex;position:sticky;top:80px}.blog-aside-box{border:1px solid var(--rule);border-radius:6px;padding:24px}.blog-aside-box h4{margin:0;font-size:16px;line-height:1.35}.blog-aside-box p{color:var(--ink-soft);margin-top:10px;font-size:13px;line-height:1.65}.blog-aside-related{border:1px solid var(--rule);border-radius:6px;padding:24px}.blog-aside-related ul{flex-direction:column;gap:12px;margin:16px 0 0;padding:0;list-style:none;display:flex}.blog-aside-related li a{color:var(--ink-soft);font-size:13px;line-height:1.5;text-decoration:none}.blog-aside-related li a:hover{color:var(--accent)}
