/* Conservative fixes: blog listing and existing desktop navigation only. */
/* The existing JS already maintains aria-expanded. Do not keep a closed
   submenu open merely because its trigger still has keyboard focus. */
.io-nav .io-menu li>a[aria-expanded="false"]+.sub-menu{display:none}
.io-nav .io-menu li>a[aria-expanded="true"]+.sub-menu{display:block}

body.blog{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
.blog-shell{--primary:#0d8a9e;--primary-dark:#0a6e7d;--dark:#0f172a;--text:#334155;--muted:#52647a;--border:#dce6eb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.blog-shell,.blog-shell *{box-sizing:border-box}
.blog-shell .blog-grid{align-items:stretch;grid-auto-rows:1fr}
.blog-shell .blog-card{height:100%;min-width:0;margin:0;border-radius:16px}
.blog-shell .blog-card-media,.blog-shell .blog-card.orthognatos-research-card .blog-card-media{display:block;flex:none;width:100%;aspect-ratio:1698/926;min-width:0;background:#edf4f6}
.blog-shell .blog-card-media picture{display:block;width:100%;height:100%}
.blog-shell .blog-card-media img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;margin:0}
.blog-shell .blog-card.orthognatos-research-card .blog-card-media img{object-fit:contain}
.blog-shell .blog-card-body{display:flex;flex-direction:column;flex:1;min-width:0;padding:28px}
.blog-shell .blog-card h2{font-size:1.55rem;font-weight:600;line-height:1.25;letter-spacing:-.025em;margin:0 0 12px;overflow-wrap:anywhere}
.blog-shell .blog-card h2 a{color:var(--dark);text-decoration:none}
.blog-shell .blog-card p{margin:0 0 18px;line-height:1.7;overflow-wrap:anywhere}
.blog-shell .blog-card .blog-read{align-self:flex-start;margin-top:auto;min-height:44px;align-items:center;text-decoration:none}
.blog-shell .blog-meta{line-height:1.5}
.blog-shell .blog-card a:focus-visible{outline:3px solid #087f91;outline-offset:-3px}
.blog-shell .blog-card.orthognatos-research-card:hover .blog-card-media img{transform:none}
@media(max-width:980px){
 .blog-shell .blog-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:18px}
 .blog-shell .blog-card{border-radius:18px}
 .blog-shell .blog-card-body{padding:22px}
 .blog-shell .blog-card h2{font-size:1.4rem;line-height:1.25}
 .blog-shell .blog-card p{font-size:1rem}
 .blog-shell .blog-card-media,.blog-shell .blog-card.orthognatos-research-card .blog-card-media{aspect-ratio:1698/926}
 .blog-shell .blog-index-head{display:block}
}
@media(prefers-reduced-motion:reduce){.blog-shell .blog-card-media img{transition:none;transform:none!important}}