@font-face{font-family:Rubik;src:url('/assets/fonts/rubik-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Rubik;src:url('/assets/fonts/rubik-500.ttf') format('truetype');font-style:normal;font-weight:500 700;font-display:swap}
:root{--fok-header-height:100px}
html{scroll-padding-top:var(--fok-header-height)}
body{overflow-x:clip}
.fok-header,.fok-header *{box-sizing:border-box;transition:none}
.fok-header{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--fok-border);box-shadow:0 4px 18px #233d4208;color:var(--fok-ink);font-family:Rubik,Arial,sans-serif;line-height:1.5}
.fok-header::after{content:'';position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,var(--fok-mint) 0 36%,var(--fok-leaf) 36% 46%,var(--fok-sky) 46% 100%)}
.fok-header-inner{max-width:1280px;min-height:100px;padding:0 28px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:22px}
.fok-brand{display:flex;align-items:center;flex:0 1 255px;min-width:200px}
.fok-brand img{display:block;width:100%;height:auto;max-width:255px}
.fok-navigation{display:flex;align-items:center;gap:18px}
.fok-navigation a{font-size:14px;font-weight:500;line-height:1.5;color:var(--fok-text);text-decoration:none;white-space:nowrap;padding:13px 0}
.fok-navigation a:hover{color:var(--fok-blue);text-decoration:underline;text-underline-offset:7px}
.fok-navigation a[aria-current]{color:var(--fok-blue);background:var(--fok-mint-soft);border-radius:5px;box-shadow:0 0 0 7px var(--fok-mint-soft);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.fok-navigation .fok-book-link{background:var(--fok-blue);border:1px solid var(--fok-blue);color:#fff;padding:12px 19px;border-radius:6px;text-decoration:none}
.fok-navigation .fok-book-link:hover,.fok-navigation .fok-book-link[aria-current]{background:var(--fok-blue-hover);color:#fff;text-decoration:none}
.fok-navigation .fok-book-link[aria-current]{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--fok-blue)}
.fok-menu-toggle{display:none;background:#fff;border:1px solid var(--fok-border);color:var(--fok-blue);padding:10px 14px;border-radius:6px;font:500 14px Rubik,Arial,sans-serif;min-height:44px;cursor:pointer}
.fok-menu-toggle span{margin-left:8px}
.fok-header a:focus-visible,.fok-header button:focus-visible,.fok-skip:focus{outline:3px solid var(--fok-focus);outline-offset:4px}
.fok-skip{position:absolute;left:16px;top:-100px;padding:12px;background:white;color:var(--fok-blue);z-index:1000;font:16px Rubik,Arial,sans-serif}
.fok-skip:focus{top:10px}
@media(max-width:1180px){:root{--fok-header-height:82px}.fok-header-inner{min-height:82px;padding:0 20px;gap:16px;flex-wrap:wrap}
.fok-brand{flex:1 1 0;min-width:0;max-width:230px}
.fok-menu-toggle{display:block;flex:none}
.fok-navigation{width:100%;flex-direction:column;align-items:stretch;gap:4px;padding:0 0 20px;max-height:calc(100svh - 98px);overflow-y:auto;overscroll-behavior:contain}
.fok-navigation a{padding:12px 14px}
.fok-navigation a[aria-current]{box-shadow:none;text-decoration:none;border-left:3px solid var(--fok-blue);padding-left:11px}
.fok-navigation .fok-book-link[aria-current]{box-shadow:inset 0 0 0 2px var(--fok-mint)}
.fok-header[data-enhanced] .fok-navigation{display:none}
.fok-header[data-enhanced][data-open] .fok-navigation{display:flex}
.fok-navigation .fok-book-link{margin-top:4px;text-align:center}
}