/* Isolated shared header: page CSS cannot resize or animate this component. */
:root{--site-header-space:92px}
body[data-page]{padding-top:var(--site-header-space)!important}
#topbar{position:fixed!important;inset:12px 0 auto!important;width:100%!important;height:68px!important;margin:0!important;padding:0!important;z-index:200!important;transform:none!important;transition:none!important;animation:none!important;contain:none!important;font-family:'Manrope',sans-serif!important;line-height:1.4!important}
#topbar>.site-h-wrap{box-sizing:border-box;width:calc(100% - 40px)!important;max-width:1440px!important;height:68px!important;margin:0 auto!important;padding:0!important;transform:none!important}
#topbar .site-h-topbar__in{box-sizing:border-box;display:grid!important;grid-template-columns:200px minmax(0,1fr) auto!important;align-items:center!important;gap:16px!important;width:100%!important;height:68px!important;min-height:68px!important;margin:0!important;padding:0 12px 0 18px!important;border:1px solid var(--site-edge)!important;border-radius:16px!important;background:var(--site-bg)!important;box-shadow:0 8px 28px rgba(0,0,0,.06)!important;transform:none!important;transition:none!important;animation:none!important}
#topbar .site-h-brand{font-size:17.6px!important;line-height:24px!important;margin:0!important;transform:none!important}
#topbar .site-h-brand small{font-size:12px!important;line-height:18px!important}
#topbar .site-h-navlinks{display:flex!important;justify-content:center!important;align-items:center!important;gap:4px!important;margin:0!important}
#topbar .site-h-navlinks a{font-size:14px!important;line-height:20px!important;padding:10px 13px!important;min-height:40px;white-space:nowrap}
#topbar .site-h-topbar__act{display:flex!important;gap:8px!important;margin:0!important;align-items:center!important}
#topbar .site-h-icon-btn{box-sizing:border-box;width:40px!important;height:40px!important;min-width:40px!important;margin:0!important;transform:none!important}
#topbar .site-h-btn--pri{font-size:14px!important;line-height:20px!important;min-height:42px!important}
#topbar .site-h-burger{display:none!important}
.site-page-links{position:relative;z-index:2;width:min(1200px,calc(100% - 40px));margin:64px auto 32px;padding:28px;border:1px solid var(--site-edge);border-radius:20px;background:var(--site-panel);color:var(--site-fg);font-family:'Manrope',sans-serif}
.site-page-links p{margin:0 0 16px;font-size:18px;font-weight:700}
.site-page-links>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.site-page-links a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px;border:1px solid var(--site-edge);border-radius:12px;background:var(--site-glass);font-size:14px;font-weight:650;text-align:center;text-decoration:none}
.site-page-links a:hover,.site-page-links a[aria-current="page"]{background:var(--site-fg);color:var(--site-bg)}
@media(max-width:1150px){
 :root{--site-header-space:136px}
 #topbar{height:112px!important;top:8px!important}
 #topbar>.site-h-wrap{width:calc(100% - 24px)!important;height:112px!important}
 #topbar .site-h-topbar__in{grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:52px 44px!important;height:112px!important;min-height:112px!important;gap:0 12px!important;padding:6px 12px!important}
 #topbar .site-h-navlinks{grid-column:1/-1;grid-row:2;justify-content:space-evenly!important;border-top:1px solid var(--site-edge);width:100%}
 #topbar .site-h-topbar__act{grid-column:2;grid-row:1}
 #topbar .site-h-burger{display:grid!important}
}
@media(max-width:700px){
 #topbar .site-h-brand small{display:none!important}
 #topbar .site-h-topbar__act{gap:6px!important}
 .site-page-links{padding:20px;width:calc(100% - 24px)}
 .site-page-links>div{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:440px){
 #topbar .site-h-btn--pri{display:none!important}
 #topbar .site-h-navlinks a{padding:10px 7px!important;font-size:13px!important}
}
html{scroll-padding-top:calc(var(--site-header-space) + 16px)!important}
@media print{body[data-page]{padding-top:0!important}#topbar,.site-page-links{display:none!important}}

/* Settings cog with a nested menu for sound, haptics and motion. */
#topbar .site-h-settings{position:relative!important;display:flex!important}
#topbar .site-h-settings-btn[aria-expanded="true"]{background:var(--site-glass)!important;border-color:var(--site-fg)!important}
#topbar .site-h-settings-menu{position:absolute!important;top:calc(100% + 10px)!important;right:0!important;z-index:210!important;width:min(300px,calc(100vw - 24px))!important;padding:10px!important;border:1px solid var(--site-edge)!important;border-radius:16px!important;background:var(--site-panel)!important;color:var(--site-fg)!important;box-shadow:0 18px 44px rgba(0,0,0,.18)!important;font-family:'Manrope',sans-serif!important;text-align:left!important}
#topbar .site-h-settings-menu[hidden]{display:none!important}
#topbar .site-h-settings-title{margin:2px 8px 6px!important;font-size:11px!important;font-weight:700!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--site-muted)!important}
#topbar .site-h-settings-note{margin:8px 8px 2px!important;font-size:12px!important;line-height:1.45!important;color:var(--site-muted)!important}
#topbar .site-h-setting{display:grid!important;grid-template-columns:minmax(0,1fr) 40px 52px!important;align-items:center!important;gap:10px!important;padding:6px 8px!important;border-radius:12px!important}
#topbar .site-h-setting:hover{background:var(--site-glass)!important}
#topbar .site-h-setting-label{display:block!important;font-size:14px!important;font-weight:650!important;line-height:1.3!important}
#topbar .site-h-setting-label small{display:block!important;font-size:12px!important;font-weight:450!important;color:var(--site-muted)!important;line-height:1.35!important}
#topbar .site-h-setting-state{font-style:normal!important;font-size:12px!important;font-weight:700!important;text-align:right!important;color:var(--site-muted)!important}
#topbar .site-h-setting-state::after{content:"Off"}
#topbar .site-h-setting button[aria-pressed="true"]+.site-h-setting-state{color:var(--site-fg)!important}
#topbar .site-h-setting #soundToggle[aria-pressed="true"]+.site-h-setting-state::after,#topbar .site-h-setting #hapticToggle[aria-pressed="true"]+.site-h-setting-state::after{content:"On"}
#topbar .site-h-setting #motionToggle+.site-h-setting-state{color:var(--site-fg)!important}
#topbar .site-h-setting #motionToggle+.site-h-setting-state::after{content:"On"}
#topbar .site-h-setting #motionToggle[aria-pressed="true"]+.site-h-setting-state{color:var(--site-muted)!important}
#topbar .site-h-setting #motionToggle[aria-pressed="true"]+.site-h-setting-state::after{content:"Paused"}
#topbar .site-h-setting #soundToggle[data-sound-state="starting"]+.site-h-setting-state::after{content:"Starting"}
#topbar .site-h-setting #soundToggle[data-sound-state="blocked"]+.site-h-setting-state::after{content:"Tap again"}
#topbar .site-h-setting .site-h-icon-btn[aria-pressed="true"]{border-color:var(--site-fg)!important}
/* The toggles used to be hidden on phones; inside the menu they must stay available. */
#topbar .site-h-setting #soundToggle,#topbar .site-h-setting #hapticToggle,#topbar .site-h-setting #motionToggle{display:inline-flex!important;align-items:center!important;justify-content:center!important}
@media(max-width:700px){
 #topbar .site-h-settings{position:static!important}
 #topbar .site-h-settings-menu{position:fixed!important;top:calc(var(--site-header-space) - 4px)!important;left:12px!important;right:12px!important;width:auto!important}
}