/* Blog layouts share the site's existing guide typography and palette. */
.blog-page .guide-hero,.blog-page .guide-layout { max-width:850px; }
.blog-page .guide-heading h1 { font-size:clamp(30px,4vw,46px); }
.blog-page .guide-breadcrumb { margin:16px 0 4px; }
.blog-page .guide-heading { padding-top:24px; }
.blog-page .guide-layout { margin-top:32px; }
.blog-page .guide-section { padding:28px; }
.blog-page .guide-image img { aspect-ratio:850 / 450; object-fit:contain; }
.blog-page .guide-hero>.guide-image { border:0; }
.blog-page .blog-index .guide-hero { max-width:1120px; }
.blog-intro { max-width:700px; margin:20px 0 0; color:#b9cde7; font-size:18px; }
.blog-grid { display:grid; grid-template-columns:repeat(2,minmax(0,320px)); gap:24px; margin-top:12px; }
.blog-card { width:100%; max-width:320px; min-width:0; border:1px solid #29496e; border-radius:12px; overflow:hidden; background:#0b2040; }
.blog-card>a { display:block; height:100%; color:inherit; text-decoration:none; }
.blog-card .guide-image { margin:0; }
.blog-card .guide-image img { border-radius:0; }
.blog-card-body { padding:16px; }
.blog-card h2 { margin:8px 0 12px; color:white; font-size:18px; font-weight:800; line-height:1.3; }
.blog-card-body>p:not(.guide-eyebrow) { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; color:#c0d0e5; margin:0 0 14px; font-size:14px; line-height:1.6; }
.blog-card .guide-eyebrow { font-size:11px; margin:0; }
.blog-card .blog-read { font-size:14px; }
.blog-read,.blog-back { color:#74caff; font-weight:700; }
.blog-card:hover { border-color:#74caff; }
.blog-card:hover .blog-read { text-decoration:underline; }
.blog-card:focus-within { outline:3px solid #74caff; outline-offset:4px; }
.blog-back { display:inline-block; margin:8px 0 20px; text-decoration:underline; text-underline-offset:4px; }
@media(max-width:650px) { .blog-grid { grid-template-columns:minmax(0,320px); gap:20px; } .blog-page .guide-section { padding:22px 18px; } .blog-page .guide-heading h1 { font-size:30px; } }