.blog-page{max-width:1180px}.blog-header{max-width:820px;margin:20px auto 0}.blog-header h1{margin:8px 0 12px;font-size:clamp(32px,5vw,54px);line-height:1.08}.blog-excerpt{color:var(--ink-soft);font-size:19px;line-height:1.6}.blog-meta{color:var(--ink-soft);font-size:14px}.blog-cover{border:1px solid var(--line);border-radius:20px;width:100%;height:auto;margin:18px 0 8px;display:block}.blog-article{max-width:820px;margin:0 auto}.blog-toc{border:1px solid var(--line);background:var(--paper-raised);border-radius:16px;margin:22px 0;padding:16px 20px}.blog-toc ol{margin:8px 0 0;padding-left:20px;line-height:1.9}.blog-toc a{color:var(--ink)}.blog-body{font-size:18px;line-height:1.75}.blog-body h2{margin:42px 0 12px;scroll-margin-top:84px;font-size:clamp(24px,3vw,32px);line-height:1.2}.blog-body h3{margin:28px 0 8px;font-size:21px}.blog-body a{color:var(--brand-readable,var(--brand));text-underline-offset:3px;font-weight:600}.blog-tip{border-left:4px solid var(--brand);background:var(--paper-raised);border-radius:0 14px 14px 0;margin:22px 0;padding:14px 18px}.blog-tip p{margin:6px 0 0}.blog-table-wrap{margin:22px 0;overflow-x:auto}.blog-table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.5}.blog-table caption{color:var(--ink-soft);text-align:left;padding-bottom:8px;font-weight:700}.blog-table th,.blog-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px}.blog-table thead th{background:var(--paper-raised)}.blog-examples h3{margin-bottom:4px}.blog-chips{flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.blog-chips button{border:1px solid var(--line);background:var(--paper);min-height:44px;color:var(--ink);font:inherit;cursor:copy;border-radius:999px;padding:6px 14px;font-size:16px}.blog-chips button:hover{border-color:var(--brand)}.blog-chip-status{min-height:1.4em;color:var(--ink-soft);margin:6px 0 0;font-size:14px}.blog-tool{border:1px solid var(--brand);background:color-mix(in srgb, var(--brand) 8%, var(--paper-raised));border-radius:18px;gap:6px;margin:26px 0;padding:18px 20px;display:grid}.blog-tool-kicker{color:var(--brand-readable,var(--brand));letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.blog-tool p{margin:0}.blog-tool-link{background:var(--brand-dark);border-radius:999px;justify-self:start;align-items:center;min-height:44px;padding:8px 18px;font-weight:800;text-decoration:none;display:inline-flex;color:var(--brand-ink)!important}.blog-infographic{color:#f4f5f2;background:linear-gradient(135deg,#10232a,#1d3a44);border-radius:24px;margin:30px 0;padding:22px}.blog-infographic-head{align-items:center;gap:10px;margin-bottom:14px;font-size:20px;display:flex}.blog-infographic-head span{color:#ffb4a6}.blog-infographic ol{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.blog-infographic li{background:#ffffff0f;border:1px solid #ffffff24;border-radius:16px;align-content:start;gap:4px;padding:14px;display:grid}.blog-infographic-value{color:#ffb4a6;font-family:var(--display);font-size:30px;font-weight:800;line-height:1.1}.blog-infographic-label{font-weight:800}.blog-infographic-text{color:#c9d6d4;font-size:15px;line-height:1.5}.blog-infographic-text a{color:#ffd2c9}.blog-infographic figcaption{color:#a8b7b6;margin-top:12px;font-size:14px}.blog-tools ul{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:0;list-style:none;display:grid}.blog-tools a{border:1px solid var(--line);height:100%;color:var(--ink);border-radius:16px;gap:4px;padding:14px 16px;text-decoration:none;display:grid}.blog-tools a span{color:var(--ink-soft);font-size:14px}.blog-related{max-width:1180px;margin:40px auto 0}.blog-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin:18px 0 0;padding:0;list-style:none;display:grid}.blog-cards a{border:1px solid var(--line);background:var(--paper-raised);height:100%;color:var(--ink);border-radius:20px;align-content:start;gap:8px;padding:0 0 16px;text-decoration:none;display:grid;overflow:hidden}.blog-cards img{width:100%;height:auto;display:block}.blog-cards strong{padding:0 16px;font-size:19px;line-height:1.3}.blog-cards span{color:var(--ink-soft);padding:0 16px;font-size:15px;line-height:1.5}