/* Cap page content only. Shared header/footer retain their existing layout. */
body:not(.adhder-video-full-width) #main{
 width:100%;max-width:3000px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box;
}
/* Keep the homepage's viewport-sized wordmark within the content cap. */
@media(min-width:3001px){
 body:not(.adhder-video-full-width) #main .su-home .su-hero h1{font-size:954px!important}
}
/* Uploaded brand mark, before the existing wordmark. */
body #top.site-header .brand>.adhder-brand-logo{
 display:block!important;width:40px!important;height:40px!important;min-width:40px;max-width:none;flex:0 0 40px;
 object-fit:contain;object-position:center;margin:0;padding:0;border:0;border-radius:0;filter:none!important;
}
@media(max-width:900px){
 body #top.site-header .brand>.adhder-brand-logo{width:32px!important;height:32px!important;min-width:32px;flex-basis:32px}
}

/* Website menu follows the app: toggle before the logo on every screen size. */
body #top.site-header .adhder-main-brand-group{display:flex;align-items:center;gap:12px;flex:0 0 auto;min-width:0}
body #top.site-header .adhder-main-brand-group>.adhder-menu-trigger{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 32px;width:32px!important;min-width:32px;min-height:32px!important;height:32px!important;padding:0!important;border:0!important;border-radius:5px!important;background:#e9ecdf!important;color:#171b13!important;cursor:pointer}
body #top.site-header .adhder-main-brand-group>.adhder-menu-trigger:is(:hover,:focus-visible),body #top.site-header .adhder-main-brand-group>.adhder-menu-trigger[aria-expanded="true"]{background:#d9dfcd!important;color:#171b13!important}
body #top.site-header .adhder-main-brand-group .adhder-menu-trigger>span:last-child{display:none!important}
body #top.site-header .adhder-main-brand-group .adhder-menu-symbol{display:flex;flex-direction:column;justify-content:center;gap:4px;width:17px;height:18px}
body #top.site-header .adhder-main-brand-group .adhder-menu-symbol i{display:block;width:17px;height:1.5px;background:currentColor!important;margin:0;transform:none}
body #top.site-header .adhder-main-brand-group>.brand{margin:0}
@media(max-width:900px){body #top.site-header .adhder-main-brand-group{gap:8px}}
@media(max-width:370px){body #top.site-header .adhder-main-brand-group{gap:5px}body #top.site-header .adhder-main-brand-group>.brand{gap:6px!important}}

/* Restore the labelled black MENU button and align its panel to the left. */
body #top.site-header .adhder-main-brand-group>.adhder-menu-trigger{width:auto!important;min-width:60px;flex:0 0 auto;height:32px!important;padding:0 11px!important;background:#000!important;color:#fff!important;font-size:11px!important;font-weight:700!important;line-height:1!important}
body #top.site-header .adhder-main-brand-group>.adhder-menu-trigger:is(:hover,:focus-visible),body #top.site-header .adhder-main-brand-group>.adhder-menu-trigger[aria-expanded="true"]{background:#252525!important;color:#fff!important}
body #top.site-header .adhder-main-brand-group .adhder-menu-trigger>.adhder-menu-symbol{display:none!important}
body #top.site-header .adhder-main-brand-group .adhder-menu-trigger>span:last-child{display:inline!important}
body #top.site-header>#adhder-mega-menu{left:0!important;right:auto!important;transform:none!important;transform-origin:top left!important}

/* Mobile main header: menu and brand left, profile only on the right. */
@media(max-width:900px){
 body #top.site-header{background:#000!important;color:#fff!important}
 body #top.site-header>.header-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:nowrap!important;width:100%!important;max-width:none!important;padding-left:12px!important;padding-right:12px!important;box-sizing:border-box}
 body #top.site-header .adhder-main-brand-group{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex:0 1 auto!important;min-width:0;gap:8px!important;margin:0!important;order:0!important}
 body #top.site-header .adhder-main-brand-group>.brand{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;margin:0!important;color:#fff!important}
 body #top.site-header .brand-word,body #top.site-header .brand-dot{color:#fff!important}
 body #top.site-header :is(.adhder-header-label,.mx-brand-descriptor,.site-nav,.menu-toggle){display:none!important}
 body #top.site-header .su-header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex:0 0 auto!important;gap:0!important;margin-left:auto!important;order:1!important}
 body #top.site-header .su-header-actions>#adhder-account-trigger{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;min-width:34px!important;height:34px!important;padding:0!important;background:transparent!important;color:#fff!important;border:0!important}
 body #top.site-header .su-header-actions>#adhder-account-trigger>span{display:none!important}
 body #top.site-header .su-header-actions>#adhder-account-trigger svg{display:block!important;width:19px;height:19px;stroke:currentColor}
 body #top.site-header .adhder-main-brand-group>.adhder-menu-trigger{color:#fff!important;background:#252525!important;min-width:54px;height:32px!important;padding:0 9px!important}
 body #top.site-header .adhder-main-brand-group>.adhder-menu-trigger:is(:hover,:focus-visible){background:#393939!important;color:#fff!important}
}

/* Match desktop main-header colours to mobile. */
@media(min-width:901px){
 body #top.site-header{background:#000!important;color:#fff!important}
 body #top.site-header :is(.brand,.brand-word,.brand-dot,.mx-brand-descriptor,.adhder-header-label,.site-nav a,.su-nav-word){color:#fff!important}
 body #top.site-header .su-header-actions>#adhder-account-trigger{background:transparent!important;color:#fff!important;border-color:transparent!important}
 body #top.site-header .adhder-main-brand-group>.adhder-menu-trigger{background:#252525!important;color:#fff!important}
 body #top.site-header .adhder-main-brand-group>.adhder-menu-trigger:is(:hover,:focus-visible){background:#393939!important;color:#fff!important}
}

/* White website navbar; black MENU button with white lettering. */
body #top.site-header{background:#fff!important;color:#171717!important}
body #top.site-header :is(.brand,.brand-word,.brand-dot,.mx-brand-descriptor,.adhder-header-label,.site-nav a,.su-nav-word){color:#171717!important}
body #top.site-header .su-header-actions>#adhder-account-trigger{background:transparent!important;color:#171717!important;border-color:transparent!important}
body #top.site-header .adhder-main-brand-group>.adhder-menu-trigger{background:#000!important;color:#fff!important}
body #top.site-header .adhder-main-brand-group>.adhder-menu-trigger:is(:hover,:focus-visible),body #top.site-header .adhder-main-brand-group>.adhder-menu-trigger[aria-expanded="true"]{background:#252525!important;color:#fff!important}

/* MENU: white text by default, brand green with black text on hover. */
body #top.site-header .adhder-main-brand-group>.adhder-menu-trigger,
body #top.site-header .adhder-main-brand-group>.adhder-menu-trigger>span{color:#fff!important}
body #top.site-header .adhder-main-brand-group>.adhder-menu-trigger:is(:hover,:focus-visible),
body #top.site-header .adhder-main-brand-group>.adhder-menu-trigger:is(:hover,:focus-visible)>span{background:#bdff63!important;color:#000!important}

/* Desktop content has visible side margins as well as its absolute width cap. */
@media(min-width:901px){
 body:not(.adhder-video-full-width) #main{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}
}
@media(max-width:900px){
 body:not(.adhder-video-full-width) #main{width:100%!important;max-width:3000px!important}
}
/* Scale the large homepage wordmark to its container rather than the screen. */
body:not(.adhder-video-full-width) #main .su-home{container-type:inline-size}
body:not(.adhder-video-full-width) #main .su-home .su-hero h1{font-size:29cqw!important}
@media(max-width:800px){body:not(.adhder-video-full-width) #main .su-home .su-hero h1{font-size:28.2cqw!important}}

/* Full-width footer, matching the main body. */
body>.su-footer{box-sizing:border-box;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;container-type:inline-size}
body>.su-footer .su-footer-brand{font-size:31.8cqw}

/* MENU follows the account control at the right edge of the main navbar. */
html body #top.site-header>.header-inner .su-header-actions{gap:10px!important}
html body #top.site-header>.header-inner .su-header-actions button#adhder-menu-trigger,
html body #top.site-header>.header-inner .su-header-actions button#adhder-menu-trigger:is(:hover,:focus-visible,[aria-expanded=true]){
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 gap:9px!important;margin:0!important;padding:9px 12px!important;min-height:36px;
 background:#000!important;border:1px solid #000!important;color:#fff!important;
}
html body #top.site-header button#adhder-menu-trigger>span{color:#fff!important;background:transparent!important}
html body #top.site-header button#adhder-menu-trigger .adhder-menu-symbol{
 display:grid!important;grid-template-columns:repeat(2,3px);grid-template-rows:repeat(2,3px);
 width:9px;height:9px;gap:3px;flex:0 0 9px;animation:none!important;transform:rotate(0deg)!important;transition:transform .25s ease!important;
}
html body #top.site-header button#adhder-menu-trigger .adhder-menu-symbol i{
 display:block;width:3px;height:3px;background:#bdff63!important;border-radius:50%;
}
html body #top.site-header button#adhder-menu-trigger .adhder-menu-symbol i:nth-child(3){grid-column:1/3;justify-self:center}
@keyframes adhder-menu-dots-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){
 html body #top.site-header>.header-inner .su-header-actions button#adhder-menu-trigger{padding:7px 8px!important;min-height:32px!important}
}
@media(prefers-reduced-motion:reduce){
 html body #top.site-header button#adhder-menu-trigger .adhder-menu-symbol{animation:none!important}
}

/* Rotate the dots a quarter turn only while MENU is hovered. */
html body #top.site-header button#adhder-menu-trigger:hover .adhder-menu-symbol{
 transform:rotate(90deg)!important;
}
html body #top.site-header>.header-inner .su-header-actions button#adhder-account-trigger,
html body #top.site-header>.header-inner .su-header-actions button#adhder-account-trigger:is(:hover,:focus-visible,[aria-expanded=true]){
 background:#eeeeee!important;color:#111!important;border-color:#eeeeee!important;
}
html body #top.site-header>.header-inner .su-header-actions button#adhder-account-trigger :is(span,svg){color:#111!important}
@media(prefers-reduced-motion:reduce){html body #top.site-header button#adhder-menu-trigger .adhder-menu-symbol{transition:none!important}}
/* Anchor the mobile menu dropdown below the controls on the right. */
@media(max-width:900px){
 html body header#top.site-header #adhder-mega-menu{
  left:auto!important;right:12px!important;
  width:min(360px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;
 }
}
/* Fill more of the existing navbar height with the brand mark. */
html body #top.site-header .brand>.adhder-brand-logo{
 width:56px!important;height:56px!important;min-width:56px!important;flex:0 0 56px!important;
}
html body #top.site-header .adhder-main-brand-group>.brand{gap:4px!important}
@media(max-width:900px){
 html body #top.site-header .brand>.adhder-brand-logo{width:46px!important;height:46px!important;min-width:46px!important;flex:0 0 46px!important}
}
/* Anchor the menu panel to the actual right edge of its trigger at all widths. */
html body header#top.site-header>#adhder-mega-menu{
 left:auto!important;right:var(--main-menu-right,12px)!important;
 top:100%!important;width:min(448px,calc(100vw - 24px))!important;
 max-width:calc(100vw - 24px)!important;transform:none!important;
 transform-origin:top right!important;
}
/* Signed-in Account navigates directly; guests get two quiet account links. */
html body #top.site-header>.header-inner .su-header-actions a.adhder-account-direct{
 display:inline-flex!important;align-items:center;justify-content:center;gap:8px;
 box-sizing:border-box;margin:0!important;padding:9px 12px!important;min-height:36px;
 background:#eee!important;color:#111!important;border:1px solid #eee!important;border-radius:3px;
 font-size:12px!important;font-weight:750;line-height:1.4;letter-spacing:.09em;text-decoration:none!important;
}
html body #top.site-header .adhder-account-direct :is(span,svg){color:#111!important}
html body #top.site-header .adhder-account-direct svg{width:16px;height:16px}
html body #top.site-header #adhder-account-menu{left:auto!important;right:12px!important;width:180px!important;max-width:calc(100vw - 24px)!important;padding:16px!important}
html body #top.site-header #adhder-account-menu .adhder-mega-main{display:flex!important;flex-direction:column;gap:12px;padding:0!important}
html body #top.site-header #adhder-account-menu .adhder-mega-main>a,
html body #top.site-header #adhder-account-menu .adhder-mega-main>a:is(:hover,:focus-visible){
 display:block!important;padding:0!important;margin:0!important;background:transparent!important;
 color:#111!important;font-size:14px!important;font-weight:400!important;line-height:1.5!important;
 letter-spacing:0!important;text-transform:none!important;transform:none!important;border:0!important;text-decoration:none!important;
}
html body #top.site-header #adhder-account-menu .adhder-mega-main>a:is(:hover,:focus-visible){text-decoration:underline!important;text-underline-offset:3px}
@media(max-width:900px){
 html body #top.site-header>.header-inner .su-header-actions a.adhder-account-direct{padding:7px!important;min-height:32px;min-width:32px}
 html body #top.site-header .adhder-account-direct>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
}