@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}
.fok-header,.fok-header *{box-sizing:border-box}
.fok-header{position:relative;z-index:20;background:#fff;border-bottom:1px solid #e3ecec;color:#233d42;font-family:Rubik,Arial,sans-serif;line-height:1.5}
.fok-header-inner{max-width:1200px;min-height:100px;padding:0 28px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:32px}
.fok-brand{display:flex;align-items:center;flex:0 1 270px;min-width:200px}
.fok-brand img{display:block;width:100%;height:auto;max-width:270px}
.fok-navigation{display:flex;align-items:center;gap:21px}
.fok-navigation a{font-size:14px;font-weight:500;line-height:1.5;color:#365258;text-decoration:none;white-space:nowrap;padding:13px 0}
.fok-navigation a:hover,.fok-navigation a[aria-current]{color:#1e626a;text-decoration:underline;text-underline-offset:7px}
.fok-navigation .fok-book-link{background:#235f66;border:1px solid #235f66;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:#184b51;color:#fff;text-decoration:none}
.fok-menu-toggle{display:none;background:#fff;border:1px solid #cbdcde;color:#235f66;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 #30838e;outline-offset:4px}
.fok-skip{position:absolute;left:16px;top:-100px;padding:12px;background:white;color:#235f66;z-index:1000;font:16px Rubik,Arial,sans-serif}
.fok-skip:focus{top:10px}
@media(max-width:1050px){.fok-header-inner{min-height:82px;padding:0 20px;gap:16px;flex-wrap:wrap}
.fok-brand{flex-basis:230px;min-width:0;max-width:calc(100% - 106px)}
.fok-menu-toggle{display:block}
.fok-navigation{width:100%;flex-direction:column;align-items:stretch;gap:4px;padding:0 0 20px}
.fok-navigation a{padding:12px 14px}
.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}
}
