/* Outside the scaled desktop canvas: stays attached to the viewport. */
.site-header{position:fixed;top:0;left:0;right:0;z-index:80;height:88px;background:#f0f0ef00;border-bottom:1px solid transparent;transition:background .25s,border-color .25s,box-shadow .25s;color:#075273}
.site-header.is-scrolled{background:#f0f0eff2;border-bottom-color:#07527315;box-shadow:0 5px 25px #07527308;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.site-header-inner{height:100%;max-width:1270px;width:calc(100% - 100px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:40px}
.site-brand{flex:none;font:600 29px/1 Rubik,Arial,sans-serif;letter-spacing:-1px;color:#075273;text-decoration:none}
.contents-nav{display:flex;align-items:center;gap:30px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap}
.contents-nav a{position:relative;flex:none;padding:14px 0;font:600 18px/1.35 Assistant,Arial,sans-serif;color:#46616d;text-decoration:none;transition:color .2s}
.contents-nav a::after{content:"";position:absolute;bottom:5px;right:0;left:0;height:2px;background:#f35d7a;border-radius:2px;transform:scaleX(0);transform-origin:right;transition:transform .2s}
.contents-nav a:hover,.contents-nav a[aria-current]{color:#075273}
.contents-nav a[aria-current]::after,.contents-nav a:hover::after{transform:scaleX(1)}
.site-header a:focus-visible{outline:2px solid #2497b6;outline-offset:5px;border-radius:2px}
@media(prefers-reduced-motion:reduce){.site-header,.contents-nav a,.contents-nav a::after{transition:none}}