:root{--oc-bottom-bar-full-height:calc(3.75rem + env(safe-area-inset-bottom,0px) + 1px);--oc-bottom-bar-height:var(--oc-bottom-bar-full-height)}:root.oc-topbar-is-hidden{--oc-bottom-bar-height:0px}
.oc-topbar{--oc-ink:#142236;--oc-muted:#617087;--oc-accent:#ea5b39;--oc-line:rgba(20,34,54,.12);display:block;position:fixed;inset:auto 0 0;z-index:50;padding:0 max(1rem,env(safe-area-inset-left,0px)) env(safe-area-inset-bottom,0px) max(1rem,env(safe-area-inset-right,0px));background:rgba(255,255,255,.96);color:var(--oc-ink);border-top:1px solid var(--oc-line);box-shadow:0 -8px 28px rgba(17,30,49,.08);font:450 .78rem/1.25 system-ui,-apple-system,"Segoe UI",sans-serif;transition:transform .24s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.oc-topbar.is-hidden{transform:translateY(100%);pointer-events:none;box-shadow:none}.oc-topbar.is-hidden .oc-topbar__inner{pointer-events:none}.oc-topbar__edge-sensor{position:absolute;inset:-6px 0 auto;height:6px;pointer-events:none}.oc-topbar.is-hidden .oc-topbar__edge-sensor{pointer-events:auto}.oc-topbar__reveal{display:none;position:absolute;left:50%;top:-2.7rem;transform:translateX(-50%);width:3rem;height:2.15rem;padding:0;border:1px solid var(--oc-line);border-bottom:0;border-radius:1rem 1rem 0 0;background:rgba(255,255,255,.98);color:var(--oc-ink);box-shadow:0 -5px 14px rgba(17,30,49,.1);font:700 1rem/1 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer;pointer-events:auto}
.oc-topbar *{box-sizing:border-box}.oc-topbar__inner{position:relative;max-width:1280px;min-height:3.75rem;margin:0 auto;display:flex;align-items:center;gap:1.2rem}.oc-topbar__brand{display:inline-flex;align-items:center;gap:.52rem;flex:none;color:var(--oc-ink);font-size:.88rem;font-weight:750;letter-spacing:-.035em;text-decoration:none;white-space:nowrap}.oc-topbar__mark{display:block;width:1.85rem;height:1.85rem;flex:none;filter:drop-shadow(0 2px 4px rgba(234,91,57,.18))}.oc-topbar__mark-back{fill:#142236}.oc-topbar__mark-glyph{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.oc-topbar__nav{margin-left:auto}.oc-topbar__list{list-style:none;display:flex;align-items:center;gap:.25rem;margin:0;padding:0}.oc-topbar__link,.oc-topbar__language{display:inline-flex;align-items:center;justify-content:center;min-height:2.45rem;padding:.45rem .72rem;border-radius:999px;color:var(--oc-muted);font-weight:550;text-decoration:none;white-space:nowrap;transition:color .16s ease,background-color .16s ease}.oc-topbar__link:hover,.oc-topbar__language:hover{background:#f3f5f8;color:var(--oc-ink)}.oc-topbar__link.is-active{color:var(--oc-ink);font-weight:700;background:#f2eee9}.oc-topbar__link.is-active::before{width:.38rem;height:.38rem;margin-right:.42rem;border-radius:50%;background:var(--oc-accent);content:""}.oc-topbar__link:focus-visible,.oc-topbar__language:focus-visible,.oc-topbar__brand:focus-visible,.oc-topbar__toggle:focus-visible{outline:3px solid #ec775a;outline-offset:3px}.oc-topbar__language{border:1px solid var(--oc-line)}.oc-topbar__toggle{display:none;min-width:2.7rem;min-height:2.7rem;border:1px solid var(--oc-line);border-radius:50%;background:#fff;color:var(--oc-ink);font-size:1.05rem;cursor:pointer}.oc-topbar__spacer,[data-oc-topbar-spacer]{display:block;width:100%;height:var(--oc-bottom-bar-height);pointer-events:none;transition:height .24s ease}.oc-topbar__spacer.is-bar-hidden,[data-oc-topbar-spacer].is-bar-hidden{height:0}[data-oc-topbar][data-site]{display:contents!important}
@media(max-width:900px){.oc-topbar{padding-left:max(.85rem,env(safe-area-inset-left,0px));padding-right:max(.85rem,env(safe-area-inset-right,0px))}.oc-topbar.is-hidden .oc-topbar__reveal{display:block}.oc-topbar__reveal:focus-visible{outline:3px solid #ec775a;outline-offset:3px}.oc-topbar__inner{min-height:3.75rem;gap:.6rem}.oc-topbar__toggle{display:inline-grid;place-items:center;margin-left:auto}.oc-topbar__nav{position:absolute;right:0;bottom:calc(100% + .55rem);z-index:51;display:none;width:min(19rem,calc(100vw - 1.7rem));max-height:min(65vh,26rem);overflow:auto;padding:.45rem;border:1px solid var(--oc-line);border-radius:1rem;background:rgba(255,255,255,.98);box-shadow:0 12px 36px rgba(17,30,49,.18);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.oc-topbar__nav.is-open{display:block}.oc-topbar__list{align-items:stretch;flex-direction:column;gap:.12rem}.oc-topbar__link{width:100%;min-height:2.8rem;justify-content:flex-start;padding:.65rem .85rem}.oc-topbar__language{min-height:2.55rem;padding:.4rem .65rem}}
@media(max-width:350px){.oc-topbar__brand-name{display:none}}
@media(prefers-reduced-motion:reduce){.oc-topbar,.oc-topbar *,[data-oc-topbar-spacer]{scroll-behavior:auto;transition:none}}