/* Two-level navigation, shared by SR admin-preview pages. */
.ms-menu-study{display:contents}
.ms-menu-study .ms-menu-top{position:sticky;top:0;z-index:100;overflow:visible}
.ms-menu-study .sr-header-row{display:grid!important;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:60px;padding-block:6px;position:relative}
.ms-menu-study .parent-brand{margin:0!important;flex:none;justify-self:start}
.ms-menu-study .utility-tools{margin:0!important;justify-self:end;min-width:0;grid-column:4;width:auto!important;display:block!important}
.ms-menu-study .brand-controls{gap:12px;flex-wrap:nowrap!important}
.ms-menu-study .ms-menu-dock{grid-column:3;min-width:0;display:flex;align-items:center;justify-content:center}
.ms-menu-study .sr-palette-picker{width:80px!important;min-width:80px!important;flex:0 0 80px!important}
.ms-menu-study .sr-palette-label{font-size:0!important;width:auto!important}
.ms-menu-study .sr-palette-label::after{content:'Color';font-size:14px;color:color-mix(in srgb,var(--ink) 65%,var(--accent));transition:color .25s ease}
.ms-menu-study .site-masthead .masthead{padding-block:20px}
.ms-menu-study .ms-menu-lower-wrap{background:var(--menu-bg,var(--page));min-height:var(--ms-menu-lower-height,50px)}
.ms-menu-study .ms-menu-lower{position:static!important;z-index:auto!important;background:transparent!important;min-height:var(--ms-menu-lower-height,50px);display:flex;justify-content:center;align-items:center}
.ms-menu-study #sr-study-menu{display:flex!important;position:static!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:18px;width:max-content!important;max-width:none!important;flex:0 0 auto!important;justify-content:center;padding:0!important;margin:0!important;align-items:center;font-size:14px;background:transparent!important;border:0!important;box-shadow:none!important}
.ms-menu-study #sr-study-menu>a,.ms-menu-study #sr-study-menu>details>summary{white-space:nowrap;font:500 15px/1.5 var(--sr-ui);letter-spacing:normal;padding:12px 0;transform:none}
.ms-menu-study #sr-study-menu{color:var(--ink)}
.ms-menu-study #sr-study-menu>a,.ms-menu-study #sr-study-menu>details>summary,.ms-menu-study #sr-study-menu>details>div>a{color:var(--ink);transition:color .25s,background-color .25s}
.ms-menu-study #sr-study-menu>a:is(:hover,:focus-visible,[aria-current]),.ms-menu-study #sr-study-menu>details:is(:hover,[open])>summary,.ms-menu-study #sr-study-menu>details>summary:focus-visible{color:var(--accent);font-weight:500}
.ms-menu-study #sr-study-menu>details>div>a{font-weight:400}
.ms-menu-study #sr-study-menu>details>div>a:is(:hover,:focus-visible,[aria-current]){color:var(--accent);font-weight:400;background:color-mix(in srgb,var(--accent) 8%,transparent)}
.ms-menu-study .sr-admin-menu{margin-left:0}
.ms-menu-study .sr-mobile-toggle{display:none!important}
.ms-menu-measuring #sr-study-menu{position:absolute!important;visibility:hidden!important}
.ms-menu-compact .ms-menu-lower-wrap{display:none}
.ms-menu-compact .sr-mobile-toggle{display:inline-flex!important;grid-column:2;align-items:center;justify-content:center;width:32px;min-width:32px;padding:4px}
.ms-menu-compact .sr-mobile-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ms-menu-compact .sr-mobile-toggle{min-height:32px;color:var(--ink);background:transparent;border:0}
.ms-menu-compact .sr-mobile-toggle>span{display:none}
.ms-menu-compact .ms-menu-dock{grid-column:3}
.ms-menu-compact .utility-tools{grid-column:4}
.ms-menu-compact #sr-study-menu{display:none!important;position:absolute!important;top:100%;left:0;right:auto!important;width:min(288px,calc(100vw - 40px))!important;max-width:calc(100vw - 40px)!important;box-sizing:border-box;max-height:calc(100dvh - 70px);overflow:auto;flex-direction:column!important;align-items:stretch;gap:0;padding:12px 20px!important;background:var(--paper)!important;box-shadow:0 8px 20px rgb(0 0 0/.12)!important;border-radius:0 0 5px 5px}
.ms-menu-compact #sr-study-menu.sr-mobile-open{display:flex!important;animation:ms-menu-panel-in 360ms cubic-bezier(.22,.61,.36,1) both!important;transform-origin:top left}
.ms-menu-compact .ms-menu-top:has(.sr-mobile-toggle[aria-expanded="false"]) #sr-study-menu.sr-mobile-open{animation:ms-menu-panel-out 300ms ease-in-out both!important;pointer-events:none}
.ms-menu-compact #sr-study-menu{background:color-mix(in srgb,var(--menu-bg,var(--soft)) 75%,var(--soft))!important;color:var(--ink);border:1px solid color-mix(in srgb,var(--accent) 16%,transparent)!important;box-shadow:0 10px 28px color-mix(in srgb,var(--ink) 14%,transparent)!important;border-radius:6px}
.ms-menu-compact #sr-study-menu>.nav-dropdown>div{background:transparent!important}
.ms-menu-compact #sr-study-menu>.nav-dropdown>div>a{border-radius:3px;transition:background-color .25s,color .25s}
@keyframes ms-menu-panel-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@keyframes ms-menu-panel-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}
.ms-menu-compact #sr-study-menu>a,.ms-menu-compact #sr-study-menu>details>summary{display:block;width:fit-content;max-width:100%;box-sizing:border-box;white-space:normal;padding:9px 0;font:500 15px/1.5 var(--sr-ui)}
.ms-menu-compact #sr-study-menu>.nav-dropdown{width:100%;min-width:0}
.ms-menu-compact #sr-study-menu>.nav-dropdown>div{position:static!important;width:auto!important;min-width:0!important;max-width:none!important;box-sizing:border-box;max-height:none;box-shadow:none!important;border:0!important;margin:0!important;padding:4px 0 6px 10px}
.ms-menu-compact #sr-study-menu>.nav-dropdown>div>a{white-space:normal;overflow-wrap:break-word}
.ms-menu-compact #sr-study-menu .sr-admin-menu{border-top:1px solid var(--line);padding-top:8px;margin-top:8px}
@media(max-width:600px){.ms-menu-study .sr-header-row{gap:7px;grid-template-columns:auto 28px minmax(0,1fr) auto;min-height:48px}.ms-menu-study .brand-controls{gap:7px}.ms-menu-study .sr-header-socials{gap:8px}.ms-menu-study .sr-header-socials a,.ms-menu-study .sr-header-socials svg{width:17px;height:17px}.ms-menu-study .parent-brand{font-size:18px;gap:6px}.ms-menu-study .parent-brand svg{position:static!important;width:25px;height:25px;transform:none!important}.ms-menu-study .sr-palette-picker{width:39px!important;min-width:39px!important;flex:0 0 39px!important}.ms-menu-study .sr-palette-label{display:none!important}.ms-menu-study .tone-button{width:24px;height:26px}.ms-menu-study .sr-palette-chevron{width:9px}.ms-menu-study .sr-mobile-toggle{width:28px;min-width:28px}.ms-menu-study .war-ribbon{display:none}}
@media(max-width:359px){.ms-menu-study .parent-brand{font-size:16px}.ms-menu-study .parent-brand svg{width:21px;height:21px}.ms-menu-study .sr-header-row{gap:4px}.ms-menu-study .brand-controls{gap:5px}.ms-menu-study .sr-header-socials{gap:5px}}
@media(max-width:359px){.ms-menu-study .sr-header-socials a,.ms-menu-study .sr-header-socials svg{width:15px;height:15px}.ms-menu-study .sr-palette-picker{width:34px!important;min-width:34px!important;flex-basis:34px!important}.ms-menu-study .brand-controls{gap:4px}.ms-menu-study .tone-button{width:22px}}
@media(prefers-reduced-motion:reduce){.ms-menu-study *{scroll-behavior:auto}.ms-menu-compact #sr-study-menu.sr-mobile-open{animation:none!important}}

/* Owner review: double the homepage gap below the lower navigation. */
body[data-study-view="home"] #site>main.page{padding-top:58px}

@media(prefers-reduced-motion:reduce){.ms-menu-study .sr-palette-label::after{transition:none}}