.blog-main{max-width:1200px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{display:flex;flex-direction:column;gap:18px;background:var(--ink);color:#fff;border:2px solid var(--dark-box-border);border-radius:14px;padding:28px;text-decoration:none;min-width:0}.blog-card .eyebrow{color:#c9ccc7;margin:0}.blog-card h2{font-size:calc(24px * var(--text-scale,1));line-height:1.3;text-decoration:underline;text-underline-offset:5px;margin:0}.blog-card p{font-size:calc(14px * var(--text-scale,1));color:#c9ccc7}.guide-link{display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid #757e78;padding-top:20px;margin-top:auto;font-size:calc(13px * var(--text-scale,1));font-weight:700}.blog-post{max-width:900px;margin-inline:auto}.article-intro{margin:30px 0 38px}.article-intro h1{font-size:clamp(calc(30px * var(--text-scale,1)),5vw,calc(48px * var(--text-scale,1)));line-height:1.15;margin-bottom:25px}.article-intro .page-lead{font-size:calc(17px * var(--text-scale,1));margin-top:22px}.article-byline{font-size:calc(12px * var(--text-scale,1));color:var(--muted)}.blog-body{font-size:calc(15px * var(--text-scale,1));line-height:1.8}.blog-body p{margin-bottom:24px}.blog-body h2{font-size:calc(26px * var(--text-scale,1));line-height:1.3;margin:42px 0 20px}.blog-body a{text-decoration:underline;text-underline-offset:4px}.blog-body ul{padding-inline-start:1.35em;margin-bottom:28px}.blog-body li{margin-bottom:12px}.blog-body [id]{scroll-margin-top:300px}.related-guides{max-width:900px;margin:var(--section-space) auto 0;padding-top:30px;border-top:2px solid var(--box-border)}.related-guides h2{font-size:calc(26px * var(--text-scale,1));margin-bottom:25px}.related-guides>a{display:block;margin:20px 0;font-size:calc(14px * var(--text-scale,1));text-underline-offset:5px}@media(max-width:950px){.blog-grid{grid-template-columns:1fr}}@media(max-width:580px){.blog-card{padding:24px}.blog-body{font-size:calc(14px * var(--text-scale,1))}.blog-body h2{font-size:calc(22px * var(--text-scale,1))}.article-intro h1{font-size:calc(30px * var(--text-scale,1))}}html[data-large-text] .blog-grid{grid-template-columns:1fr}