body>header.garrah-main-header{position:sticky!important;top:0;z-index:100;background:#faf4e8!important;margin:0!important;padding:10px max(20px,calc((100% - 1320px)/2)) 0!important;display:flex!important;flex-wrap:wrap!important;align-items:center;gap:6px 20px!important;border-bottom:1px solid #bdcdcd;box-shadow:0 3px 10px #00334d10}
.garrah-main-header .brand{display:flex!important;align-items:center!important;gap:12px!important;text-decoration:none;color:#00334d;font:800 16px/1.1 Arial,sans-serif;letter-spacing:2px}.garrah-main-header .brand img{width:54px!important;height:54px!important;object-fit:contain}.garrah-main-header .brand b{font-size:12px;letter-spacing:5px}.garrah-main-header .menu{display:none!important}
.garrah-main-header #navigation{display:flex!important;width:100%!important;position:static!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:space-between;align-items:center;gap:2px 12px!important;background:transparent!important;padding:0!important;border:0!important;box-shadow:none!important}
.garrah-main-header #navigation a{display:inline-flex!important;align-items:center;gap:5px!important;font:700 12px/1.2 Arial,sans-serif!important;color:#00334d!important;text-decoration:none!important;min-height:46px;padding:7px 0!important;border:0;border-bottom:3px solid transparent;white-space:nowrap}
.garrah-main-header #navigation a[aria-current=page]{border-bottom-color:#00334d!important}.garrah-main-header #navigation a:hover{border-bottom-color:#76b9d6}.garrah-main-header #navigation .site-feature-logo{width:26px!important}
html{scroll-padding-top:145px}
@media(max-width:760px){body>header.garrah-main-header{padding:8px 14px 0!important}.garrah-main-header .brand img{width:42px!important;height:42px!important}.garrah-main-header .brand{font-size:13px}.garrah-main-header #navigation{flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto;gap:16px!important;scrollbar-width:thin}.garrah-main-header #navigation a{flex:0 0 auto;min-height:43px}.garrah-main-header #navigation .site-feature-logo{width:23px!important}html{scroll-padding-top:110px}}
@media print{body>header.garrah-main-header{display:none!important}}

.garrah-main-header #navigation .main-home-logo{display:block;width:26px;height:28px;object-fit:contain;flex:0 0 auto}@media(max-width:760px){.garrah-main-header #navigation .main-home-logo{width:23px;height:25px}}

.garrah-main-header #navigation a{font-size:16px!important;gap:8px!important;min-height:60px}.garrah-main-header #navigation .site-feature-logo{width:40px!important}.garrah-main-header #navigation .main-home-logo{width:40px;height:42px}@media(max-width:760px){.garrah-main-header #navigation a{font-size:14px!important;min-height:54px}.garrah-main-header #navigation .site-feature-logo{width:34px!important}.garrah-main-header #navigation .main-home-logo{width:34px;height:36px}}

/* One row of evenly sized main sections, with labels below their larger icons. */
@media(min-width:901px){
.garrah-main-header #navigation{display:grid!important;grid-template-columns:repeat(10,minmax(0,1fr));gap:0 6px!important;overflow:visible}
.garrah-main-header #navigation a{display:flex!important;flex-direction:column!important;justify-content:flex-start;align-items:center;gap:5px!important;white-space:normal!important;text-align:center;font-size:15px!important;line-height:1.15!important;min-height:88px;width:100%;min-width:0;padding:7px 2px!important}
.garrah-main-header #navigation .site-feature-logo{width:36px!important}.garrah-main-header #navigation .main-home-logo{width:36px;height:34px}
html{scroll-padding-top:180px}
}
@media(min-width:761px) and (max-width:900px){.garrah-main-header #navigation{flex-wrap:nowrap!important;overflow-x:auto;justify-content:flex-start;gap:18px!important}.garrah-main-header #navigation a{flex:0 0 auto;font-size:14px!important}}
/* Accessible click/touch dropdowns; panels remain outside the mobile scrolling row. */
.garrah-main-header #navigation .main-dropdown{min-width:0;position:relative;color:#00334d}
.garrah-main-header #navigation .main-dropdown-trigger{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;min-height:88px;box-sizing:border-box;padding:7px 2px;cursor:pointer;font:700 15px/1.15 Arial,sans-serif;text-align:center;border-bottom:3px solid transparent;list-style:none}
.main-dropdown-trigger::-webkit-details-marker{display:none}.dropdown-chevron{font-size:12px;line-height:10px}.main-dropdown.is-current>summary,.main-dropdown[open]>summary{border-bottom-color:#00334d!important}.main-dropdown-trigger:focus-visible{outline:2px solid #00334d;outline-offset:-2px}
.garrah-main-header #navigation .main-dropdown-panel{position:fixed;z-index:150;width:min(320px,calc(100vw - 16px));overflow-y:auto;background:#faf4e8;border:1px solid #b5c6cc;border-radius:0 0 8px 8px;box-shadow:0 8px 20px #00334d26;padding:8px;box-sizing:border-box}
.garrah-main-header #navigation .main-dropdown-panel a{display:flex!important;flex-direction:row!important;justify-content:flex-start;align-items:center;text-align:left;font-size:15px!important;white-space:normal!important;min-height:44px;width:100%;padding:10px 12px!important;box-sizing:border-box;border:0!important;border-radius:4px}
.garrah-main-header #navigation .main-dropdown-panel a:hover,.garrah-main-header #navigation .main-dropdown-panel a:focus-visible,.garrah-main-header #navigation .main-dropdown-panel a[aria-current=page]{background:#e2eced;color:#00334d!important;text-decoration:underline!important}
.association-menu-logo{width:36px;height:36px;object-fit:contain}
@media(min-width:901px){.garrah-main-header #navigation{grid-template-columns:repeat(8,minmax(0,1fr))!important}}
@media(max-width:900px){.garrah-main-header #navigation .main-dropdown{flex:0 0 auto}.garrah-main-header #navigation .main-dropdown-trigger{flex-direction:row;min-height:60px;gap:7px;font-size:14px;padding:7px 0}}

/* Consistent logos beside every dropdown destination. */
.garrah-main-header #navigation .main-dropdown-panel a{gap:12px!important}
.garrah-main-header #navigation .main-dropdown-panel .site-feature-logo{width:36px!important}
.dropdown-team-logo,.association-menu-logo{width:36px!important;height:36px!important;object-fit:contain;flex:0 0 36px}
.dropdown-bb-logo{display:inline-block;position:relative;overflow:hidden;width:36px;aspect-ratio:420/340;flex:0 0 36px;background:transparent}
.dropdown-bb-logo img{position:absolute!important;width:365.714286%!important;max-width:none!important;height:auto!important;display:block;pointer-events:none}
.dropdown-bb-designer img{left:-14.285714%;top:-52.941176%}.dropdown-bb-planner img{left:-132.857143%;top:-52.941176%}.dropdown-bb-library img{left:-245.238095%;top:-52.941176%}.dropdown-bb-resources img{left:-14.285714%;top:-170.588235%}.dropdown-bb-gameday img{left:-132.857143%;top:-170.588235%}.dropdown-bb-team img{left:-245.238095%;top:-170.588235%}

.garrah-main-header #navigation .skill-lab-menu-logo{width:36px!important;height:36px!important;object-fit:contain;flex:0 0 36px}
.skill-lab-card-logo{width:145px;height:145px;object-fit:contain;display:block;margin-bottom:12px}
.skill-lab-heading-logo{width:78px;height:78px;object-fit:contain;vertical-align:middle;margin-right:16px}
@media(max-width:600px){.skill-lab-heading-logo{width:58px;height:58px}}

/* Keep the navy interior solid while retaining transparent shield edges. */
.skill-lab-menu-logo,.skill-lab-card-logo,.skill-lab-heading-logo{background-image:radial-gradient(ellipse 32% 36% at 50% 49%,#00334d 99%,transparent 100%)}

.garrah-main-header #navigation .team-role-menu-logo{width:36px!important;height:36px!important;object-fit:contain;flex:0 0 36px}

.garrah-main-header #navigation .session-menu-logo{width:36px!important;height:36px!important;object-fit:contain;flex:0 0 36px}
.session-card-logo{display:block;width:140px;height:140px;object-fit:contain;margin-bottom:14px}.session-inline-logo{width:42px;height:42px;object-fit:contain;vertical-align:middle;margin-right:10px}
.session-menu-logo,.session-card-logo,.session-inline-logo{background-image:radial-gradient(ellipse 32% 36% at 50% 49%,#00334d 99%,transparent 100%)}
.garrah-main-header #navigation a[hidden],.benchbook-nav a[hidden],main a.area-card[hidden],.team-role-tabs a[hidden]{display:none!important}.benchbook-nav{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:650px){.benchbook-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Show the open page inside the main navigation dropdown. */
.garrah-main-header #navigation .main-dropdown-panel a[aria-current="page"]{background:#d7e9f1!important;color:#00334d!important;border-left:4px solid #00334d;font-weight:800;box-shadow:inset 0 -1px #b2cbd6}
.garrah-main-header #navigation .main-dropdown-panel .current-page-label{margin-left:auto;flex:0 0 auto;font-size:10px;font-weight:800;line-height:1.3;letter-spacing:0;text-transform:none;background:#00334d;color:#fff;border-radius:3px;padding:4px 5px;white-space:nowrap}

/* Larger main section shields; dropdown destinations retain their compact size. */
.garrah-main-header #navigation>a>.site-feature-logo,.garrah-main-header #navigation>.main-dropdown>summary>.site-feature-logo{width:52px!important}
.garrah-main-header #navigation>a>.main-home-logo{width:52px!important;height:54px!important}
.garrah-main-header #navigation>.main-dropdown>summary,.garrah-main-header #navigation>a{min-height:104px}
@media(max-width:900px){.garrah-main-header #navigation>a>.site-feature-logo,.garrah-main-header #navigation>.main-dropdown>summary>.site-feature-logo{width:42px!important}.garrah-main-header #navigation>a>.main-home-logo{width:42px!important;height:44px!important}.garrah-main-header #navigation>.main-dropdown>summary,.garrah-main-header #navigation>a{min-height:70px}}
html{scroll-padding-top:205px}
@media(max-width:900px){html{scroll-padding-top:145px}}

body>footer{display:grid!important;grid-template-columns:minmax(0,1fr)!important;text-align:center;justify-items:center;gap:18px}
body>footer .footer-contact{grid-column:1/-1;width:100%;text-align:center;margin:8px auto}
body>footer .footer-contact .eyebrow{font:800 11px/1.5 Arial,sans-serif;letter-spacing:2px;color:#00334d;margin:0 0 12px}
body>footer .footer-contact a{font-size:17px;text-underline-offset:5px}
body>footer .footer-bottom{width:100%;box-sizing:border-box;grid-column:1/-1}

/* Account controls are separate from the section row. Public navigation contains no tool menus. */
.garrah-main-header .main-account{margin-left:auto;display:flex;align-items:center;gap:12px}
.garrah-main-header .main-account a,.garrah-main-header .main-account button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 16px;border:1px solid #00334d;background:transparent;color:#00334d;font:700 13px/1.3 Arial,sans-serif;text-decoration:none;cursor:pointer}
.garrah-main-header .main-account a{background:#00334d;color:#faf4e8}
.garrah-main-header .main-account a:hover,.garrah-main-header .main-account button:hover{background:#285d70;color:#fff}
@media(max-width:600px){.garrah-main-header .main-account{gap:7px}.garrah-main-header .main-account a,.garrah-main-header .main-account button{font-size:11px;padding:8px 10px;min-height:40px}}