.blog-wrap{max-width:900px;margin:0 auto;padding:64px 24px 88px}
.blog-wrap h1{font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(2rem,5vw,3.8rem);line-height:1.1;margin:24px 0}
.blog-intro,.blog-meta{opacity:.72;line-height:1.65}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:36px}
.blog-card{border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;background:rgba(255,255,255,.035)}
.blog-card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}
.blog-card-text{padding:22px}
.blog-card h2{font-family:var(--display);font-weight:800;font-size:1.5rem;margin-bottom:12px;line-height:1.25}
.blog-card p{line-height:1.65;opacity:.75}
.post-body{font-size:1.08rem;line-height:1.85;margin-top:28px}
.post-body p{margin:0 0 24px}
.post-body h2{font-size:1.8rem;line-height:1.25;margin:40px 0 18px}
.post-body h3{margin:32px 0 14px}
.post-body ul,.post-body ol{padding-left:24px;margin:18px 0 28px}
.post-body a,.blog-back{color:var(--orange,#cfdf6a);text-decoration:underline;text-underline-offset:4px}
.post-body figure{margin:34px 0}
.post-body img{display:block;width:100%;height:auto;max-height:720px;object-fit:contain;border-radius:18px}
.post-body img[src$="share-poster.webp"],.post-body img[src$="share-podium.webp"]{max-width:340px;margin:auto}
.post-body img[src$="watch-countdown.webp"],.post-body img[src$="watch-weekend.webp"]{max-width:260px;margin:auto}
.post-body figcaption{text-align:center}
.blog-card a{display:block;height:100%}
.blog-card:hover{border-color:var(--red)}
.blog-card a:focus-visible,.blog-back:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
.blog-eyebrow{color:var(--orange);font-family:var(--mono);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
.blog-cta{margin:48px 0;padding:24px;border:1px solid var(--border);border-radius:18px;background:var(--card);line-height:1.7}
.blog-cta a{color:var(--orange);text-decoration:underline}
.blog-related{margin-top:52px}
.blog-related h2{font-family:var(--display);font-size:2rem}
.post-body figcaption{font-size:.85rem;line-height:1.6;opacity:.65;margin-top:12px}
.blog-meta{margin:16px 0 24px;font-size:.9rem}
.blog-missing{padding:60px 0}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr}
.blog-wrap{padding:40px 20px 64px}
}