/* Graphite & Champagne: approved design option 1. */
.topbar{background:linear-gradient(120deg,#1a2029,#11161e);border-bottom-color:#303641;box-shadow:0 5px 18px #0003}
/* Main navigation: 25% larger than its previous 12 / 11 / 10 px sizes. */
.topbar nav[aria-label="Main navigation"]{align-self:center;align-items:stretch;gap:8px;margin-left:0}
.topbar nav[aria-label="Main navigation"] a{font-size:15px;font-weight:800;line-height:1.2;padding:12px 15px;min-height:44px;border:1px solid #4e5158;border-radius:9px;background:linear-gradient(#303743,#1d232d);color:#dbe0e7;box-shadow:inset 0 1px 0 #ffffff12,0 3px 0 #080c12,0 6px 9px #0005;justify-content:center;text-align:center;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}
.topbar nav[aria-label="Main navigation"] a:hover{background:linear-gradient(#3b4451,#262f3b);border-color:#7a7d83;transform:translateY(-1px)}
.topbar nav[aria-label="Main navigation"] a.active{color:#201b13;background:linear-gradient(#ead5ae,#bea06c);border-color:#f4dfb8;box-shadow:inset 0 1px 0 #fff8,0 3px 0 #715a38,0 6px 12px #0007}
.topbar nav[aria-label="Main navigation"] a:focus-visible{outline:3px solid #fff;outline-offset:3px}
.fan-page-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-left:auto}
.fan-admin-toggle{white-space:nowrap}.fan-admin-toggle[aria-pressed="true"]{background:var(--college-orange,#edb75c);border-color:var(--college-orange,#edb75c);color:#101820!important}
.fan-admin-locked{padding:30px 0}.fan-admin-locked p{margin:10px 0 18px;color:#bac8d6}
@media(min-width:801px) and (max-width:1500px){.topbar{flex-wrap:wrap;padding-top:12px;padding-bottom:12px;row-gap:12px}.topbar .account-actions{margin-left:auto}.topbar nav[aria-label="Main navigation"]{order:3;flex-basis:100%;flex-grow:1}.topbar nav[aria-label="Main navigation"] a{flex:1}}
@media(max-width:1350px){.topbar nav[aria-label="Main navigation"] a{font-size:13.75px}}
@media(max-width:800px){.topbar nav[aria-label="Main navigation"]{gap:4px;padding:3px 6px;align-items:stretch;align-self:auto}.topbar nav[aria-label="Main navigation"] a{font-size:12.5px;line-height:1.05;white-space:normal;padding:3px 2px;min-height:0;min-width:0;gap:2px;height:100%;border-radius:8px;flex:1}.topbar nav[aria-label="Main navigation"] a span{font-size:18px}.fan-page-toolbar{gap:12px;align-items:flex-start}.fan-page-tools{gap:8px}.fan-admin-toggle{font-size:11px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.topbar nav[aria-label="Main navigation"] a{transition:none}}

.topbar nav[aria-label="Main navigation"] a>span{display:flex;align-items:center;justify-content:center}
.topbar nav[aria-label="Main navigation"] svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.topbar nav[aria-label="Main navigation"] a:active{transform:translateY(2px);box-shadow:inset 0 1px 3px #0003,0 1px 0 #080c12}
@media(max-width:800px){.topbar nav[aria-label="Main navigation"]{background:linear-gradient(#1a2029,#11161e);padding-bottom:6px}.topbar nav[aria-label="Main navigation"] svg{width:18px;height:18px}.topbar nav[aria-label="Main navigation"] a{box-shadow:inset 0 1px 0 #ffffff12,0 2px 0 #080c12,0 3px 5px #0004}.topbar nav[aria-label="Main navigation"] a.active{box-shadow:inset 0 1px 0 #fff8,0 2px 0 #715a38,0 3px 6px #0005}}
@media(prefers-reduced-motion:reduce){.topbar nav[aria-label="Main navigation"] a:hover,.topbar nav[aria-label="Main navigation"] a:active{transform:none}}