.ip-nav-panel{position:absolute;top:100%;min-width:250px;max-height:70vh;overflow:auto;background:white;padding:18px;border:1px solid #eee;box-shadow:0 20px 40px #0002;z-index:50}.ip-nav-panel a{display:block;padding:8px}.nav-group{position:relative}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blog-card{padding:24px;background:#fff;border:1px solid #e5e7eb;border-radius:16px}.blog-card h2{font-size:1.3rem}.ip-blog-search{padding:12px;width:100%;border:1px solid #ddd;border-radius:8px}@media(max-width:900px){header.ip-menu-open .nav{display:flex;position:absolute;top:100%;left:0;right:0;background:white;padding:20px;flex-direction:column}.ip-nav-panel{position:static;box-shadow:none}.blog-grid{grid-template-columns:1fr}}
/* Header language links stay visible in both desktop and mobile navigation. */
header .lang-switcher{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;flex-shrink:0;font-size:13px}
header .lang-switcher a{padding:9px 2px;color:var(--ink);text-decoration:none}
header .lang-switcher a.active{color:var(--teal);font-weight:700;text-decoration:underline;text-underline-offset:5px}
header .lang-switcher a:hover{color:var(--teal)}
header .lang-switcher a:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
@media(max-width:600px){header .navigation{height:auto;min-height:72px;flex-wrap:wrap;padding-block:10px;gap:4px}header .navigation .navend{width:100%;justify-content:flex-end}header .lang-switcher{margin-inline-end:auto}}