/* Shared CI: the existing website's Baloo 2, orange, white, and neutral palette. */
@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400 800;font-display:swap;src:url("/blog/fonts/baloo-2-variable.woff2") format("woff2")}
:root{--ci-orange:#ffb100;--ci-white:#fff;--ci-heading:#212121;--ci-text:#616161;--ci-border:#9f9f9f;--ci-soft-border:#d8d8d8;--ci-font:"Baloo 2",Arial,sans-serif}
.site-navigation{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:clamp(22px,3vw,38px) clamp(18px,4vw,42px);margin:0;background:var(--ci-white);color:var(--ci-heading);font-family:var(--ci-font);line-height:1;letter-spacing:0}
.site-navigation *{box-sizing:border-box}
.site-navigation-brand{display:flex;align-items:center;flex-shrink:0;gap:clamp(6px,1vw,14px);text-decoration:none}
.site-navigation-brand img{display:block;height:48px;width:auto;max-width:none;object-fit:contain}
.site-navigation-controls{display:flex;align-items:center;justify-content:flex-end;gap:clamp(10px,1.5vw,20px)}
.site-navigation-toggle{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--ci-border);border-radius:999px;background:var(--ci-white)}
.site-navigation-toggle a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:7px 14px;border-radius:999px;background:transparent;color:var(--ci-text);font-family:var(--ci-font);font-size:15px;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background-color 160ms ease}
.site-navigation-toggle a:hover{background:#f3f3f3;color:var(--ci-heading)}
.site-navigation-toggle a[aria-current="page"]{background:var(--ci-orange);color:var(--ci-white)}
.site-navigation-toggle a[data-nav-language][aria-current="page"]{background:var(--ci-text)}
.site-navigation a:focus-visible{outline:2px solid var(--ci-heading);outline-offset:3px}
.nav-language-short{display:none}
@media(max-width:720px){.site-navigation{gap:16px}.site-navigation-brand img{height:40px}.nav-language-full{display:none}.nav-language-short{display:inline}.site-navigation-toggle a{font-size:14px;padding:7px 11px}}
@media(max-width:520px){.site-navigation{flex-wrap:wrap;justify-content:center;gap:16px;padding-top:20px;padding-bottom:24px}.site-navigation-controls{justify-content:center;gap:12px;width:100%}.site-navigation-toggle a{min-height:32px;padding:7px 12px}.site-navigation-brand img{height:40px}}
@media(prefers-reduced-motion:reduce){.site-navigation-toggle a{transition:none}}
@media print{.site-navigation{display:none}}