:root{--okas-header-height:calc(76px + env(safe-area-inset-top,0px));--okas-header-bg:#e9e9e9;--okas-panel:#fafafa;--okas-ink:#242424;--okas-line:#cacaca;--okas-blue:#1d4ed8;--okas-on-blue:#fff}
@media(prefers-color-scheme:dark){:root{--okas-header-bg:#161616;--okas-panel:#232323;--okas-ink:#ededed;--okas-line:#444;--okas-blue:#93c5fd;--okas-on-blue:#172554}}
html{scroll-padding-top:calc(var(--okas-header-height) + 20px)}
body{padding-top:var(--okas-header-height)!important}
:target{scroll-margin-top:calc(var(--okas-header-height) + 20px)}
#site-header,#site-header *{box-sizing:border-box}
#site-header{position:fixed;inset:0 0 auto;z-index:1000;width:100%;max-width:none;height:var(--okas-header-height);margin:0;padding:env(safe-area-inset-top,0px) 0 0;border:0;border-bottom:1px solid var(--okas-line);background:var(--okas-header-bg);color:var(--okas-ink);font:15px/1.4 system-ui,sans-serif;letter-spacing:normal;box-shadow:0 3px 16px #00000008}
#site-header .okas-header-inner{height:75px;max-width:1400px;margin:0 auto;padding:0 clamp(16px,3vw,40px);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center}
#site-header a{color:inherit;text-decoration:none;min-height:44px;display:flex;align-items:center;border-radius:8px}
#site-header button,#site-header summary{font:inherit;letter-spacing:normal;cursor:pointer;min-height:44px;border:0;border-radius:8px;color:inherit;background:none;margin:0;list-style:none}
#site-header summary::-webkit-details-marker{display:none}
#site-header :is(a,button,summary):focus-visible{outline:3px solid var(--okas-blue);outline-offset:3px}
#site-header .okas-brand{gap:9px;font-size:23px;font-weight:750;letter-spacing:-1px;white-space:nowrap}
#site-header .okas-brand img{display:block;width:36px;height:36px;max-width:none}
#site-header .okas-brand picture{display:block;width:36px;height:36px}
#site-header .okas-menu{min-width:0;position:static;margin:0;padding:0;border:0}
#site-header #site-menu-toggle{display:flex;width:48px;height:48px;align-items:center;justify-content:center;padding:10px;border:1px solid var(--okas-line)}
#site-header .okas-burger{width:22px;display:grid;gap:5px}
#site-header .okas-burger i{display:block;width:22px;height:2px;background:currentColor;transition:transform .15s,opacity .15s}
#site-header .okas-menu[open] .okas-burger i:nth-child(1){transform:translateY(7px) rotate(45deg)}
#site-header .okas-menu[open] .okas-burger i:nth-child(2){opacity:0}
#site-header .okas-menu[open] .okas-burger i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
#site-header #navigation{position:absolute;top:100%;left:0;right:0;width:100%;max-width:none;margin:0;padding:12px max(16px,calc((100vw - 1320px)/2)) calc(16px + env(safe-area-inset-bottom,0px));display:grid;gap:4px;border-bottom:1px solid var(--okas-line);background:var(--okas-panel);max-height:calc(100dvh - var(--okas-header-height));overflow-y:auto;overscroll-behavior:contain;box-shadow:0 12px 24px #00000016}
#site-header #navigation a{padding:10px 12px;white-space:nowrap;font-size:15px;line-height:1.4;color:var(--okas-ink)}
#site-header #navigation a[aria-current="page"]{color:var(--okas-blue);background:color-mix(in srgb,var(--okas-blue) 11%,transparent)}
#site-header a:hover,#site-header summary:hover,#site-header button:hover{background:color-mix(in srgb,var(--okas-blue) 9%,transparent)}
#site-header .okas-header-actions{display:flex;align-items:center;gap:10px;justify-self:end}
#site-header .okas-login{padding:10px 12px;white-space:nowrap;font-weight:650;color:var(--okas-blue)}
#site-header .okas-header-cta{display:none;white-space:nowrap;padding:10px 15px;background:var(--okas-blue);color:var(--okas-on-blue);font-weight:650}
#site-header .okas-profile{position:relative;border:0;margin:0;padding:0}
#site-header .okas-profile>summary{display:flex;align-items:center;gap:7px;padding:10px 9px;white-space:nowrap}
#site-header .okas-profile-panel{position:absolute;top:calc(100% + 12px);right:0;width:230px;max-width:calc(100vw - 32px);padding:8px;border:1px solid var(--okas-line);border-radius:12px;background:var(--okas-panel);box-shadow:0 12px 30px #00000024;max-height:calc(100dvh - var(--okas-header-height) - 16px);overflow:auto}
#site-header .okas-profile-panel a,#site-header .okas-profile-panel button{width:100%;justify-content:flex-start;text-align:left;padding:10px 12px;min-height:44px}
#site-header .okas-profile-panel p{margin:0;padding:0 10px;font-size:13px;white-space:normal;overflow-wrap:anywhere}
#site-header [hidden]{display:none!important}
#site-header .okas-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:1181px){#site-header[data-ready] #site-menu-toggle{display:none}#site-header[data-ready] #navigation{position:static;display:flex;align-items:center;justify-content:center;gap:1px;max-height:none;overflow:visible;padding:0;border:0;box-shadow:none;background:none;width:auto}#site-header[data-ready] #navigation a{padding:10px 9px}#site-header .okas-header-cta{display:flex}}
@media(max-width:600px){#site-header .okas-header-inner{gap:8px;grid-template-columns:minmax(80px,1fr) 48px auto}#site-header .okas-header-actions{gap:0}#site-header .okas-profile>summary{padding-inline:6px}#site-header .okas-chevron{display:none}#site-header .okas-brand{font-size:21px;gap:6px}#site-header .okas-brand img,#site-header .okas-brand picture{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){#site-header *{transition:none!important}}
@media(forced-colors:active){#site-header a,#site-header summary,#site-header button{border:1px solid ButtonText}}
body>.skip:focus,body>.skip-link:focus{position:fixed;z-index:2000;top:8px;left:8px}

.okas-legal main pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}
.workspace-identity{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1040px;margin:24px auto 0;flex-wrap:wrap}

@media(max-width:1180px){#site-header .okas-menu{justify-self:end}}
