/* Blog-only additions; shared colours, type and buttons come from site.css. */
.blog .blog-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.blog-brand{font-weight:750;font-size:22px;text-decoration:none}.blog-nav nav{display:flex;gap:20px;flex-wrap:wrap}.blog-nav nav a{font-size:15px;padding:10px 0}
.blog .blog-main{max-width:900px;padding-top:64px;padding-bottom:72px}.blog .post-heading{margin-bottom:44px}.post-heading .tag{display:block;margin:24px 0 18px}.blog h1{font-size:clamp(34px,5.4vw,58px);line-height:1.13;overflow-wrap:anywhere}.post-heading .lead{margin:24px 0 16px}
.blog .post-body{max-width:72ch}.blog .post-body section{padding:0;margin:36px 0}.blog .post-body h2,.blog .post-next h2{font-size:clamp(24px,3vw,31px);line-height:1.25;margin-bottom:18px}.post-body p+p{margin-top:20px}.post-body p{color:#C4CCDA}
.post-list{list-style:none;padding:0;display:grid;gap:24px}.post-list li{padding:28px;border:1px solid var(--line2);border-radius:var(--r);background:var(--card)}.blog .post-list h2{font-size:26px;line-height:1.3}.post-list p{color:#C4CCDA;margin:16px 0}.post-link{display:inline-block;padding:10px 0}.post-next{border-top:1px solid var(--line2);margin-top:48px;padding-top:32px}.post-next .btn{margin-top:20px}
.blog a:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}.skip-link{position:absolute;left:20px;top:-100px;background:var(--bg);padding:12px;z-index:50}.skip-link:focus{top:12px}.blog footer a{padding:10px 0}
@media(max-width:480px){.blog .blog-nav{align-items:flex-start;gap:12px}.blog-nav nav{gap:12px}.blog .blog-main{padding-top:36px}.post-list li{padding:20px}.blog .post-list h2{font-size:23px}}