.blog-card{border:1px solid var(--color-border);background:var(--color-surface-raised);width:100%;color:var(--color-ink);border-radius:8px;flex-direction:column;padding:28px;text-decoration:none;transition:border-color .12s ease-out,box-shadow .12s ease-out;display:flex}.blog-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.blog-card-tags{color:var(--color-tick-teal-deep);margin:0 0 14px;font-size:13px;font-weight:600}.blog-card-title{text-wrap:balance;font-size:24px;font-weight:600;line-height:1.25}.blog-card-description{color:var(--color-ink-soft);margin-top:12px;font-size:16px;line-height:1.6}.blog-card-meta{color:var(--color-ink-soft);flex-wrap:wrap;gap:4px 8px;margin-top:20px;font-size:14px;display:flex}.blog-card-cta{align-items:center;gap:6px;margin-top:auto;padding-top:20px;font-size:15px;font-weight:600;display:inline-flex}.blog-card-cta svg{transition:transform .12s ease-out}.blog-card:hover .blog-card-cta svg{transform:translate(2px)}.blog-header{padding-block:48px 40px}.mk-crumbbar+.blog-header{padding-top:28px}.blog-header,.blog-layout{--blog-measure:680px}.blog-title{text-wrap:balance;max-width:30ch;font-size:48px;font-weight:600;line-height:1.12}.blog-meta{color:var(--color-ink-soft);flex-wrap:wrap;gap:4px 10px;margin-top:20px;font-size:15px;display:flex}.blog-intro{max-width:var(--blog-measure);border-top:1px solid var(--color-border);margin-top:28px;padding-top:28px}.blog-intro p{text-wrap:pretty;font-size:20px;line-height:1.7}.blog-intro p+p{margin-top:18px}.blog-layout{grid-template-columns:minmax(0, var(--blog-measure)) 240px;justify-content:space-between;gap:64px;padding-bottom:88px;display:grid}.blog-body{grid-area:1/1;min-width:0}.blog-toc{grid-area:1/2}.blog-toc nav{border-left:1px solid var(--color-border);padding-left:20px;position:sticky;top:104px}.blog-toc-title{color:var(--color-ink);margin-bottom:12px;font-size:14px;font-weight:600}.blog-toc ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.blog-toc a{color:var(--color-ink-soft);padding-block:6px;font-size:14px;line-height:1.45;text-decoration:none;display:block}.blog-toc a:hover{color:var(--color-ink);text-underline-offset:3px;text-decoration:underline}.blog-section{scroll-margin-top:96px}.blog-section+.blog-section{margin-top:56px}.blog-body h2{text-wrap:balance;margin-bottom:18px;font-size:32px;font-weight:600;line-height:1.2}.blog-body h3{margin:36px 0 12px;font-size:22px;font-weight:600;line-height:1.3}.blog-body p,.blog-body li{color:var(--color-ink);text-wrap:pretty;font-size:18px;line-height:1.75}.blog-section>p{margin-top:18px}.blog-section>h2+p,.blog-section>h3+p{margin-top:0}.blog-body ul,.blog-body ol{gap:10px;margin:20px 0;padding-left:26px;display:grid}.blog-body ul{list-style:outside}.blog-body ol{list-style:decimal}.blog-body li::marker{color:var(--color-ink-soft);font-weight:600}.blog-body strong{font-weight:600}.blog-link{color:var(--color-ink);text-decoration:underline;-webkit-text-decoration-color:var(--color-cue-amber);text-decoration-color:var(--color-cue-amber);text-underline-offset:3px;font-weight:500;text-decoration-thickness:2px}.blog-link:hover{-webkit-text-decoration-color:var(--color-ink);text-decoration-color:var(--color-ink)}.blog-callout{border:1px solid var(--color-border);border-left:4px solid var(--color-tick-teal);background:var(--color-surface-alt);border-radius:8px;margin:28px 0;padding:20px 22px}.blog-callout[data-tone=tip]{border-left-color:var(--color-cue-amber)}.blog-callout[data-tone=caution]{border-left-color:var(--color-cue-amber-deep)}.blog-body .blog-callout p{font-size:17px;line-height:1.7}.blog-body .blog-callout .blog-callout-title{align-items:center;gap:8px;margin-bottom:6px;font-weight:600;display:flex}.blog-callout-title svg{color:var(--color-tick-teal-deep);flex-shrink:0}.blog-table-wrap{border:1px solid var(--color-border);border-radius:8px;margin:28px 0;overflow-x:auto}.blog-table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.5}.blog-table caption{border-bottom:1px solid var(--color-border);background:var(--color-surface-alt);color:var(--color-ink);text-align:left;padding:14px 16px;font-weight:600}.blog-table th,.blog-table td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top;padding:12px 16px}.blog-table tbody tr:last-child th,.blog-table tbody tr:last-child td{border-bottom:0}.blog-table thead th{color:var(--color-ink-soft);font-size:13px;font-weight:600}.blog-table tbody th{font-weight:600}.blog-cta{border:1px solid var(--color-border);background:var(--color-cue-amber-pale);border-radius:8px;margin:32px 0 0;padding:24px}.blog-body .blog-cta .blog-cta-title{font-family:var(--font-outfit), system-ui, sans-serif;font-size:20px;font-weight:600;line-height:1.3}.blog-body .blog-cta .blog-cta-text{color:var(--color-ink-soft);margin-top:6px;font-size:16px;line-height:1.6}.blog-cta-button{margin-top:16px}@media (max-width:1100px){.blog-layout{grid-template-columns:minmax(0,1fr);gap:32px}.blog-body,.blog-toc{grid-area:auto/1}.blog-body{max-width:var(--blog-measure)}.blog-toc nav{max-width:var(--blog-measure);border:1px solid var(--color-border);border-radius:8px;padding:18px 20px;position:static}}@media (max-width:640px){.blog-header{padding-block:32px 28px}.mk-crumbbar+.blog-header{padding-top:20px}.blog-title{font-size:34px}.blog-intro p{font-size:18px}.blog-body h2{font-size:26px}.blog-body h3{font-size:20px}.blog-body p,.blog-body li{font-size:17px}.blog-section+.blog-section{margin-top:44px}.blog-layout{padding-bottom:60px}.blog-card{padding:22px}.blog-card-title{font-size:21px}}