/* Official assets are shared with the existing public DadStats site. */
.brand,.footer-brand,.studio-head .logo{display:inline-flex;align-items:center;flex-shrink:0;line-height:1;text-decoration:none}.official-dadstats-logo{display:block;width:240px;height:76px;max-width:100%;object-fit:cover;object-position:center}.footer-brand .official-dadstats-logo{width:180px;height:54px}.studio-head .official-dadstats-logo{width:150px;height:44px}.masthead{padding-top:18px;padding-bottom:18px}@media(max-width:720px){.brand .official-dadstats-logo{width:205px;height:66px}.masthead{padding-top:13px;padding-bottom:13px}.studio-head .official-dadstats-logo{width:120px;height:38px}}

/* A single compact row for the public logo and navigation. */
.masthead{display:flex;align-items:center;justify-content:flex-start;gap:24px;margin:0;padding:9px 0;border-bottom:1px solid var(--line);min-width:0}.masthead .brand .official-dadstats-logo{width:160px;height:50px}.masthead nav{display:flex;flex:1;min-width:0;align-items:center;flex-wrap:nowrap;gap:clamp(16px,2.3vw,30px);margin:0;padding:12px 0;border:0;overflow-x:auto;scrollbar-width:thin;font-size:12px}.masthead nav a{flex-shrink:0;white-space:nowrap;padding:5px 0}.masthead .tools{font-size:10px;white-space:nowrap}@media(max-width:1100px){.masthead .tools{display:none}}@media(max-width:720px){.masthead{gap:16px;padding:7px 0}.masthead .brand .official-dadstats-logo{width:110px;height:36px}.masthead nav{gap:18px;font-size:11px;padding:8px 0}}

/* Mobile navigation uses a compact disclosure beneath the logo row. */
.mobile-menu-toggle{display:none}
@media(max-width:720px){.masthead{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0;padding:9px 0}.masthead .brand .official-dadstats-logo{width:140px;height:44px}.mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:7px;padding:10px 12px;background:transparent;color:var(--text,#eef3f6);cursor:pointer;font:600 11px Arial,sans-serif;letter-spacing:.3px}.mobile-menu-toggle:hover,.mobile-menu-toggle[aria-expanded=true]{background:#ffffff09;border-color:var(--blue,#a3b7ff)}.mobile-menu-toggle:focus-visible{outline:2px solid var(--blue,#a3b7ff);outline-offset:3px}.menu-lines{display:flex;flex-direction:column;gap:4px;width:17px}.menu-lines span{display:block;height:1.5px;width:17px;background:currentColor;transition:transform .15s,opacity .15s}.mobile-menu-toggle[aria-expanded=true] .menu-lines span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}.mobile-menu-toggle[aria-expanded=true] .menu-lines span:nth-child(2){opacity:0}.mobile-menu-toggle[aria-expanded=true] .menu-lines span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}.masthead nav{display:none;flex:none;flex-basis:100%;width:100%;overflow:visible;padding:8px 0 2px;margin:9px 0 0;border-top:1px solid var(--line)}.masthead.menu-open nav{display:flex;flex-direction:column;align-items:stretch;gap:3px}.masthead nav a{padding:13px 14px;border-radius:5px;font-size:13px;text-align:left;white-space:normal}.masthead nav a:hover{background:#ffffff08}.masthead nav a[aria-current]{background:#a3b7ff12;border-left:2px solid var(--blue,#a3b7ff);padding-left:12px}}
@media(prefers-reduced-motion:reduce){.menu-lines span{transition:none}}

/* Give the lead room below the divider and strengthen navigation labels. */
.masthead nav{font-size:14px}.homepage .masthead+main{padding-top:28px}@media(max-width:720px){.masthead nav a{font-size:16px;padding-top:15px;padding-bottom:15px}.homepage .masthead+main{padding-top:22px}}

/* Keep public navigation available while reading. */
.masthead{position:sticky;top:0;z-index:100;background:#02132a;isolation:isolate;box-shadow:0 1px 0 #2b3944}.masthead.menu-open{max-height:100dvh;overflow-y:auto}
@media(prefers-reduced-motion:no-preference){.masthead{transition:box-shadow .15s ease}}
html{scroll-padding-top:85px}@media(max-width:720px){html{scroll-padding-top:75px}}