/* Shared viewport-centred navigation, including the table studio. */
@font-face{font-family:LeagueSpartan;src:url('/assets/fonts/league-spartan.ttf') format('truetype');font-weight:100 900;font-display:swap}
html body[data-page][class] .site-header{position:fixed!important;inset:10px 0 auto!important;width:calc(100% - 24px)!important;max-width:1600px!important;margin:0 auto!important;transform:none!important;border:1px solid transparent!important;border-radius:40px!important;z-index:100!important;box-sizing:border-box!important;font:700 15px/1.4 Arial,sans-serif!important;background:transparent!important;box-shadow:none!important}
html body[data-page][class] .site-header.header-scrolled{background:#f5f8fff2!important;border-color:#fff!important;box-shadow:0 8px 30px #21345414!important;backdrop-filter:blur(18px)}
html body[data-page][class] .site-header .header-inner{position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;width:calc(100% - 56px)!important;max-width:1440px!important;height:72px!important;min-height:72px!important;padding:0!important;margin:0 auto!important;box-sizing:border-box!important}
html body[data-page][class] .site-header .logo{display:block!important;flex:0 0 116px!important;width:116px!important;margin:0 auto 0 0!important;padding:0!important;order:0!important}
html body[data-page][class] .site-header .logo span{display:block!important;position:relative!important;width:116px!important;height:60px!important;overflow:hidden!important}
html body[data-page][class] .site-header .logo img{position:absolute!important;width:129px!important;height:auto!important;max-width:none!important;left:-10px!important;top:-4px!important;transform:none!important;filter:none!important}
html body[data-page][class] .site-header .saved-trigger{order:2!important;position:static!important;margin:0!important;flex:0 0 auto!important;min-height:40px!important;height:40px!important;width:auto!important;padding:8px 12px!important;border:1px solid #cbd9f0!important;border-radius:25px!important;background:#fff!important;color:#213fc1!important;font:700 14px/1 Arial,sans-serif!important;display:inline-flex!important;align-items:center!important;gap:6px!important}
html body[data-page][class] .site-header .header-cta{order:3!important;position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:none!important;margin:0!important;padding:12px 19px!important;min-height:44px!important;border:1px solid #1c3cbb!important;border-radius:30px!important;background:#1c3cbb!important;color:#fff!important;font:700 14px/1.3 Arial,sans-serif!important;text-decoration:none!important;white-space:nowrap!important}
html body[data-page][class] .site-header #main-nav>a,html body[data-page][class] .site-header .catalog-nav-top>a{font:700 15px/1.4 Arial,sans-serif!important;color:#1b273e!important;background:transparent!important;border-radius:0!important;padding:16px 0!important;text-decoration:none!important;white-space:nowrap!important}
html body[data-page][class] .site-header #main-nav a[aria-current=page]{color:#2844ba!important}
html body[data-page][class] .site-header #main-nav>a[aria-current=page]:after{content:''!important;position:absolute!important;width:5px!important;height:5px!important;bottom:3px!important;left:50%!important;background:#dc483c!important;border-radius:50%!important}
html body[data-page][class] .site-header .catalog-nav-top{display:flex!important;align-items:center!important;gap:5px!important}
html body[data-page][class] .site-header .catalog-toggle{padding:4px!important;min-height:28px!important;width:26px!important;height:28px!important;border:0!important;background:transparent!important;color:#1d3fbb!important}
html body[data-page][class] .site-header .menu-toggle{order:4!important;display:none!important;width:40px!important;height:40px!important;min-height:40px!important;padding:8px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:6px!important;border:1px solid #d4dff0!important;border-radius:50%!important;background:#fff!important}
html body[data-page][class] .site-header .menu-toggle span{width:18px!important;height:2px!important;background:#243c68!important}
@media(min-width:1201px){html body[data-page][class] .site-header #main-nav{position:absolute!important;inset:auto!important;left:50%!important;transform:translateX(-50%)!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:24px!important;width:max-content!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}}
@media(max-width:1200px){html body[data-page][class] .site-header .menu-toggle{display:flex!important}html body[data-page][class] .site-header #main-nav{display:none!important;position:absolute!important;inset:80px 0 auto!important;transform:none!important;width:100%!important;max-width:none!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:15px 22px!important;margin:0!important;background:#f8fbff!important;border:1px solid #dbe4f1!important;border-radius:20px!important;box-shadow:0 15px 30px #24395120!important;max-height:calc(100dvh - 110px)!important;overflow:auto!important;box-sizing:border-box!important}html body[data-page][class] .site-header #main-nav.is-open{display:flex!important}html body[data-page][class] .site-header #main-nav>a[aria-current=page]:after{display:none!important}}
@media(max-width:600px){html body[data-page][class] .site-header{inset:8px 0 auto!important;width:calc(100% - 16px)!important;border-radius:22px!important}html body[data-page][class] .site-header .header-inner{width:calc(100% - 20px)!important;height:58px!important;min-height:58px!important;gap:7px!important}html body[data-page][class] .site-header .logo{width:86px!important;flex-basis:86px!important}html body[data-page][class] .site-header .logo span{width:86px!important;height:46px!important}html body[data-page][class] .site-header .logo img{width:97px!important;left:-8px!important;top:-3px!important}html body[data-page][class] .site-header .header-cta{font-size:10px!important;min-height:36px!important;padding:9px 10px!important}html body[data-page][class] .site-header .saved-trigger{font-size:12px!important;height:34px!important;min-height:34px!important;padding:6px 9px!important}html body[data-page][class] .site-header .menu-toggle{width:34px!important;height:34px!important;min-height:34px!important;flex-shrink:0!important}html body[data-page][class] .site-header #main-nav{top:65px!important}}
html body.planner-page main{padding-top:114px!important}
html body.planner-page .intro h1{font:700 clamp(30px,3vw,44px)/1.1 LeagueSpartan,Arial,sans-serif!important;letter-spacing:-.025em!important;background:linear-gradient(110deg,#229cda,#193bd5)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;margin:8px 0 12px!important}
@media(max-width:600px){html body.planner-page main{padding-top:86px!important}}
html body[data-page][class] .site-header .logo img{mix-blend-mode:multiply!important}
html body[data-page][class] .site-header .logo,html body[data-page][class] .site-header .logo span{background:transparent!important}
html body[data-page][class] .site-header .logo img{filter:url(#logo-ink)!important}
html body[data-page][class] .site-header .catalog-nav{position:relative!important}
html body[data-page][class] .site-header .catalog-subnav{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;border:1px solid #dbe3f2;box-shadow:0 20px 40px #233b5920}
html body[data-page][class] .site-header .catalog-subnav[hidden]{display:none!important}
@media(max-width:1200px){html body[data-page][class] .site-header .catalog-subnav{position:static;transform:none}}
html body[data-page][class] .site-header #main-nav>a,html body[data-page][class] .site-header .catalog-nav-top>a{position:relative!important}