.blog-main{z-index:1;padding:56px 0 96px;position:relative}.blog-head{max-width:760px;margin:0 auto 40px}.blog-head h1{margin:12px 0 14px;font-size:clamp(30px,5vw,44px);font-weight:800}.blog-head .lede{color:var(--ink-soft,#35404f);margin:0;font-size:17px;line-height:1.65}.blog-list{gap:18px;max-width:760px;margin:0 auto;display:grid}.blog-card{border:1px solid var(--line,#e7e5e4);background:var(--card,#fff);border-radius:16px;padding:24px 26px;transition:border-color .15s,box-shadow .15s;display:block}.blog-card:hover{border-color:var(--blue,#2563eb);box-shadow:0 10px 30px #0f172a0f}.blog-card h2{margin:6px 0 8px;font-size:21px;font-weight:700;line-height:1.25}.blog-card p{color:var(--ink-soft,#35404f);margin:0;font-size:15px;line-height:1.6}.blog-meta{color:var(--ink-mute,#6b7280);flex-wrap:wrap;gap:10px;font-size:13px;display:flex}.blog-empty{max-width:760px;color:var(--ink-mute,#6b7280);margin:0 auto}.blog-article{max-width:760px;margin:0 auto}.blog-article .breadcrumb{color:var(--ink-mute,#6b7280);margin-bottom:18px;font-size:13px}.blog-article .breadcrumb a:hover{text-decoration:underline}.blog-article header h1{margin:12px 0 14px;font-size:clamp(30px,5vw,42px);font-weight:800}.blog-article header .lede{color:var(--ink-soft,#35404f);margin:0 0 14px;font-size:18px;line-height:1.6}.blog-article header .blog-meta{border-bottom:1px solid var(--line,#e7e5e4);margin-bottom:30px;padding-bottom:22px}.blog-body{color:var(--ink,#1b2438);font-size:17px;line-height:1.75}.blog-body h2{margin:44px 0 14px;scroll-margin-top:90px;font-size:26px;font-weight:750;line-height:1.2}.blog-body h3{margin:30px 0 10px;scroll-margin-top:90px;font-size:20px;font-weight:700;line-height:1.25}.blog-body p{margin:0 0 16px}.blog-body ul,.blog-body ol{margin:0 0 18px;padding-left:24px}.blog-body li{margin-bottom:8px}.blog-body li>p{margin-bottom:6px}.blog-body a{color:var(--blue,#2563eb);text-underline-offset:2px;text-decoration:underline}.blog-body strong{font-weight:700}.blog-body blockquote{border-left:3px solid var(--amber-deep,#d97706);background:var(--tint,#fff7ed);border-radius:0 10px 10px 0;margin:0 0 18px;padding:12px 18px}.blog-body blockquote p:last-child{margin-bottom:0}.blog-body code{background:var(--surface,#f5f5f4);border-radius:6px;padding:2px 6px;font-size:.92em}.blog-body hr{border:none;border-top:1px solid var(--line,#e7e5e4);margin:36px 0}.blog-table-wrap{-webkit-overflow-scrolling:touch;margin:0 0 20px;overflow-x:auto}.blog-body table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px}.blog-body th,.blog-body td{border:1px solid var(--line,#e7e5e4);text-align:left;vertical-align:top;padding:10px 12px}.blog-body th{background:var(--surface,#f7f7f9);font-weight:700}.blog-sources{border-top:1px solid var(--line,#e7e5e4);color:var(--ink-mute,#6b7280);margin-top:44px;padding-top:18px;font-size:14px}.blog-sources h2{color:var(--ink-soft,#35404f);margin:0 0 8px;font-size:15px;font-weight:700}.blog-sources ol{margin:0;padding-left:20px}.blog-sources li{overflow-wrap:anywhere;margin-bottom:4px}.blog-sources a{color:var(--blue,#2563eb)}.blog-cta{background:var(--tint,#fff7ed);border:1px solid #d9770640;border-radius:16px;margin-top:48px;padding:26px 28px}.blog-cta h2{margin:0 0 8px;font-size:20px;font-weight:750}.blog-cta p{color:var(--ink-soft,#35404f);margin:0 0 16px;font-size:15.5px;line-height:1.6}.blog-cta .row{flex-wrap:wrap;gap:12px;display:flex}.blog-cta .btn-primary{background:var(--blue,#2563eb);color:#fff;border-radius:10px;align-items:center;padding:11px 18px;font-size:14.5px;font-weight:700;display:inline-flex}.blog-cta .btn-secondary{border:1px solid var(--line,#e7e5e4);color:var(--ink,#1b2438);background:#fff;border-radius:10px;align-items:center;padding:11px 18px;font-size:14.5px;font-weight:700;display:inline-flex}.blog-related{max-width:760px;margin:56px auto 0}.blog-related h2{margin:0 0 14px;font-size:18px;font-weight:750}.blog-related ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.blog-related a{color:var(--blue,#2563eb);font-weight:600}.blog-related a:hover{text-decoration:underline}@media (max-width:640px){.blog-main{padding:36px 0 72px}.blog-body{font-size:16px}.blog-body h2{font-size:23px}.blog-card{padding:20px}}
