#navigation{gap:18px}.nav-dropdown{position:relative;align-self:stretch;display:flex;align-items:center}.nav-dropdown>summary{list-style:none;cursor:pointer;font-size:13px;font-weight:600;padding:36px 0;white-space:nowrap;color:var(--ink)}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-dropdown>summary::after{content:'▾';font-size:11px;margin-left:6px}.nav-dropdown[open]>summary{color:var(--green)}.nav-dropdown[open]>summary::after{content:'▴'}.nav-submenu{position:absolute;top:100%;left:0;min-width:230px;max-width:min(330px,calc(100vw - 32px));padding:8px 0;background:white;border:1px solid var(--line);box-shadow:0 10px 24px #0002;z-index:40}.nav-submenu a{display:block;padding:12px 18px;white-space:normal;border:0;font-size:13px;line-height:1.5}.nav-submenu a:hover,.nav-submenu a:focus-visible{background:var(--cream);color:var(--green)}.nav-dropdown:not([open])>.nav-submenu{display:none}summary:focus-visible{outline:3px solid var(--green);outline-offset:4px}@media(min-width:1351px){#navigation>.nav-dropdown:nth-last-child(-n+3)>.nav-submenu{left:auto;right:0}}@media(max-width:1350px){#navigation{max-height:calc(100dvh - 130px);overflow-y:auto;gap:0}.nav-dropdown{display:block;align-self:auto;border-bottom:1px solid var(--line)}.nav-dropdown>summary{padding:13px 0;display:flex;align-items:center;justify-content:space-between}.nav-submenu{position:static;min-width:0;max-width:none;padding:0 0 10px 12px;border:0;border-left:3px solid var(--blue,#35b5e5);box-shadow:none}.nav-submenu a{padding:11px 14px}#navigation>a{padding:13px 0}.nav-dropdown[open]{background:white}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Selected Option 3: authentic building panorama behind navigation. */
body>header{isolation:isolate;background-color:#0875ae}
body>header::before,body>header::after{content:"";position:absolute;top:0;bottom:0;width:50%;z-index:-1;pointer-events:none;background-size:cover;background-repeat:no-repeat}
body>header::before{left:0;background-image:linear-gradient(90deg,#005e9de6,#006ba7b8),url('assets/navigation-residential.jpg');background-position:center,center 52%}
body>header::after{right:0;background-image:linear-gradient(90deg,#006ba7b8,#005e9de6),url('assets/navigation-commercial.jpg');background-position:center,center 57%}
body>header #navigation>a,body>header #navigation>.nav-dropdown>summary,body>header .article-language{color:#fff;text-shadow:0 1px 2px #00304c}
body>header #navigation>a:hover,body>header #navigation>a:focus-visible,body>header #navigation>.nav-dropdown>summary:hover,body>header #navigation>.nav-dropdown[open]>summary{color:#fff;border-bottom-color:#f3d445}
body>header .header-actions>.small{background:#006b47;color:#fff;border:1px solid #ffffff66}
body>header .search-brand-icon{filter:brightness(0) invert(1)}
body>header .nav-submenu{background:#fff;text-shadow:none}
body>header .nav-submenu a{color:#173e34;text-shadow:none}
body>header .nav-submenu a:hover,body>header .nav-submenu a:focus-visible{color:#006b47;background:#edf6e8}
body>header .menu{background:#006b47;color:#fff;padding:8px 12px;border-radius:5px}
@media(max-width:1350px){body>header #navigation{background:#075b88}body>header .nav-dropdown[open]{background:#075b88}body>header .nav-submenu{background:#fff}}

/* Match the emblem's visible height to the wide ZSSF logo. */
.header-inner .brand>.swapped-smz{width:180px;height:94px;object-fit:contain;padding:3px;border:0;margin:0;flex-shrink:0}
@media(max-width:960px){.header-inner .brand>.swapped-smz{width:152px;height:80px}}
@media(max-width:640px){.header-inner .brand>.swapped-smz{width:clamp(90px,26vw,120px);height:67px}}

/* Keep header search prominent against the building-photo background. */
body>header .header-actions{flex-shrink:0}
body>header .search-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;padding:5px;background:#fff;color:#006b47;border:1px solid #006b47;border-radius:9px;box-shadow:0 2px 6px #0002;opacity:1;visibility:visible}
body>header .search-icon .search-brand-icon{display:block;width:32px;height:32px;max-width:none;opacity:1}
body>header .search-icon:hover{background:#edf7ef;border-color:#35b5e5}
body>header .search-icon:focus-visible{outline:3px solid #35b5e5;outline-offset:3px}

/* White arch-style surround for the ZSSF logo, echoing the SMZ emblem. */
body>header .zssf-home-link{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff;border:1px solid #e0e8e4;border-radius:50% 50% 8px 8px;box-shadow:0 2px 6px #00304c22;overflow:hidden}
body>header .header-inner>.zssf-home-link>.swapped-zssf{padding:12px 10px 6px;object-fit:contain}
@media(max-width:640px){body>header .header-inner>.zssf-home-link>.swapped-zssf{padding:9px 7px 5px}}
/* Preserve the branded search artwork on its new white button. */
body>header .search-icon .search-brand-icon{filter:none}

/* Keep the utility bar and navigation together at the top while scrolling. */
body>.utility{position:sticky;top:0;z-index:51}
body>header{position:sticky;top:var(--zssf-utility-height,0px);z-index:50}
html{scroll-padding-top:calc(var(--zssf-utility-height,0px) + var(--zssf-header-height,110px) + 12px)}
@media(max-width:1350px){body>header #navigation{max-height:calc(100dvh - var(--zssf-utility-height,0px) - var(--zssf-header-height,110px) - 12px)}}

/* Reference arch: pointed centre with rounded shoulders and straight base. */
body>header .zssf-home-link{background:transparent url('assets/logo-arch.svg') center / 100% 100% no-repeat;border:0;border-radius:0;box-shadow:none;overflow:visible}
body>header .header-inner>.zssf-home-link>.swapped-zssf{padding:28px 12px 6px;object-fit:contain}
@media(max-width:960px){body>header .header-inner>.zssf-home-link>.swapped-zssf{padding:24px 10px 5px}}
@media(max-width:640px){body>header .header-inner>.zssf-home-link>.swapped-zssf{padding:20px 8px 4px}}

/* Selected sample 3: Ocean Blue Shine, wider header and larger unframed logos. */
body>header{background:linear-gradient(175deg,#e8fbff 0%,#b2ebfa 34%,#73d6f4 58%,#38b7ed 100%);box-shadow:inset 0 1px 0 #ffffffd9,0 3px 14px #085a7b1a}
body>header::before{inset:0;width:100%;background:linear-gradient(166deg,#ffffff75 0%,#ffffff26 36%,transparent 36.5%);clip-path:ellipse(85% 65% at 50% 0%)}
body>header::after{inset:0;width:100%;background:linear-gradient(12deg,transparent 20%,#ffffff2b 20.5%,transparent 58%);pointer-events:none}
body>header .header-inner{width:calc(100% - 32px);max-width:1760px;min-height:128px;height:auto;gap:18px;padding-top:5px;padding-bottom:5px}
body>header .brand,body>header .zssf-home-link{background:none;border:0;box-shadow:none;border-radius:0;padding:0;overflow:visible}
body>header .header-inner .brand>.swapped-smz{width:200px;height:116px;padding:0;object-fit:contain;background:transparent;mix-blend-mode:multiply}
body>header .header-inner>.zssf-home-link>.swapped-zssf{width:270px;height:116px;padding:0;object-fit:contain;background:transparent;mix-blend-mode:multiply}
body>header .brand>span{display:none}
body>header #navigation>a,body>header #navigation>.nav-dropdown>summary,body>header .article-language{color:#073f3b;text-shadow:none}
body>header #navigation>a:hover,body>header #navigation>a:focus-visible,body>header #navigation>.nav-dropdown>summary:hover,body>header #navigation>.nav-dropdown[open]>summary{color:#005b43;border-bottom-color:#006b47}
body>header .nav-dropdown[open]{background:transparent}
body>header .search-icon{background:#006b47;border-color:#ffffffb3;border-radius:50%;box-shadow:0 2px 7px #07584a24}
body>header .search-icon:hover{background:#00583c}
@media(min-width:1351px){body>header #navigation{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;column-gap:18px;row-gap:0;white-space:normal;flex:1;margin-left:0}body>header #navigation>a,body>header .nav-dropdown>summary{padding:10px 0;font-size:12px}body>header .nav-dropdown{align-self:auto}body>header #navigation>.nav-dropdown:nth-child(4){break-before:auto}}
@media(max-width:1350px){body>header #navigation,body>header .nav-dropdown[open]{background:#d9f4fc}body>header #navigation{top:100%}body>header .header-inner{min-height:110px}body>header .header-inner .brand>.swapped-smz{width:170px;height:100px}body>header .header-inner>.zssf-home-link>.swapped-zssf{width:235px;height:100px}}
@media(max-width:700px){body>header .header-inner{width:calc(100% - 20px);gap:8px;min-height:94px}body>header .header-inner .brand>.swapped-smz{width:clamp(80px,23vw,130px);height:80px}body>header .header-inner>.zssf-home-link>.swapped-zssf{width:clamp(130px,36vw,195px);height:80px}body>header .menu{padding:8px}body>header .search-icon{width:36px;height:36px;padding:4px}body>header .search-icon .search-brand-icon{width:26px;height:26px}}
@media(min-width:1351px){body>header #navigation{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:12px;row-gap:0;justify-items:center}body>header #navigation>*{grid-column:span 4}body>header #navigation>:nth-child(n+4){grid-column:span 3;grid-row:2}}



/* Single desktop row with visible interactive states; mobile keeps its Menu control. */
@media(min-width:1351px){
 body>header .header-inner{gap:12px}
 body>header .header-inner .brand>.swapped-smz{width:clamp(110px,9vw,180px)}
 body>header .header-inner>.zssf-home-link>.swapped-zssf{width:clamp(175px,13vw,250px)}
 body>header #navigation{display:flex;flex-direction:row;flex-wrap:nowrap;gap:2px;min-width:0;justify-content:center;white-space:nowrap;overflow:visible}
 body>header #navigation>*,body>header #navigation>:nth-child(n+4){grid-column:auto;grid-row:auto;flex:0 0 auto}
 body>header #navigation>a,body>header #navigation>.nav-dropdown>summary{font-size:clamp(11.5px,.8vw,13px);padding:10px 7px;line-height:1.4;white-space:nowrap}
 body>header .header-actions{gap:0}
 body>header .header-actions>.small{display:none}
}
body>header #navigation>a,body>header #navigation>.nav-dropdown>summary{border:2px solid transparent;border-radius:6px;transition:background .16s,color .16s,box-shadow .16s}
body>header #navigation>a:hover,body>header #navigation>.nav-dropdown>summary:hover,body>header #navigation>.nav-dropdown[open]>summary{background:#006b47;color:#fff;border-color:#006b47;box-shadow:0 3px 8px #063e3526}
body>header #navigation>a[aria-current="page"],body>header #navigation>.nav-dropdown.is-current>summary{background:#eafff7;color:#00452e;border-bottom-color:#006b47;font-weight:700}
body>header #navigation>.nav-dropdown.is-current[open]>summary{background:#006b47;color:#fff}
body>header #navigation a:focus-visible,body>header #navigation summary:focus-visible{outline:3px solid #004f91;outline-offset:3px}
body>header .nav-submenu{border-top:3px solid #006b47;border-radius:0 0 8px 8px;box-shadow:0 12px 26px #073f3b30}
body>header .nav-submenu a{border:0;border-left:3px solid transparent;transition:background .16s,color .16s}
body>header .nav-submenu a:hover,body>header .nav-submenu a:focus-visible,body>header .nav-submenu a[aria-current="page"]{background:#e4f6ee;color:#00452e;border-left-color:#006b47}
@media(max-width:1350px){body>header #navigation>a,body>header #navigation>.nav-dropdown>summary{padding:12px 14px}}

/* Linked parent labels navigate; the adjacent summary arrow opens the dropdown. */
body>header #navigation .nav-dropdown>summary>.nav-parent-link{display:inline;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;text-shadow:inherit;box-shadow:none}body>header #navigation .nav-dropdown>summary>.nav-parent-link:hover{text-decoration:underline}body>header #navigation .nav-dropdown>summary::after{display:inline-block;min-width:16px;text-align:center}body>header #navigation .nav-parent-link[aria-current="page"]{text-decoration:underline}

/* Clean transparent SMZ cutout: no arch and no white-background blending. */
body>header .header-inner .brand>.swapped-smz{mix-blend-mode:normal;background:transparent}

/* Institutional masthead and blue navigation, based on the supplied reference. */
body>header.institution-header{top:0;background:#fff;box-shadow:0 2px 8px #123a5a20}
body>header.institution-header::before,body>header.institution-header::after{display:none}
.institution-masthead{background-color:#fff;background-image:url('assets/zssf-security-pattern-v70.svg');background-size:auto 180px;background-position:center;background-repeat:repeat-x}
.institution-branding{max-width:1760px;display:grid;grid-template-columns:200px minmax(0,1fr) 250px;align-items:center;gap:20px;padding:12px 0}
body>header.institution-header .institution-branding .brand,body>header.institution-header .institution-branding .zssf-home-link{display:flex;align-items:center;justify-content:center;background:none;padding:0;width:auto;height:auto}
body>header.institution-header .institution-branding .swapped-smz{width:180px;height:104px;object-fit:contain;background:none;mix-blend-mode:normal}
body>header.institution-header .institution-branding .swapped-zssf{width:240px;height:104px;object-fit:contain;padding:0;mix-blend-mode:multiply}
.institution-name{text-align:center;color:#3276b1;line-height:1.2}
.institution-name strong{display:block;font-size:clamp(23px,3vw,46px);font-weight:750;letter-spacing:-.5px}
.institution-name>span{display:block;margin-top:8px;font-size:clamp(12px,1.2vw,18px);font-weight:500}
.institution-nav-band{background:#3276b1}
body>header.institution-header .header-inner{position:relative;width:calc(100% - 32px);min-height:58px;max-width:1760px;gap:16px;padding:4px 0;display:flex;align-items:center}
body>header.institution-header #navigation{flex:1;justify-content:center}
body>header.institution-header #navigation>a,body>header.institution-header #navigation>.nav-dropdown>summary{color:#fff;font-size:13px;padding:12px 10px;text-shadow:none}
body>header.institution-header #navigation>a:hover,body>header.institution-header #navigation>.nav-dropdown>summary:hover,body>header.institution-header #navigation>.nav-dropdown[open]>summary{background:#205a8c;border-color:transparent;color:#fff}
body>header.institution-header #navigation>a[aria-current],body>header.institution-header #navigation>.is-current>summary{background:#205a8c;color:#fff;border-color:transparent}
body>header.institution-header .header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}
body>header.institution-header .article-language,body>header.institution-header #language{display:flex;align-items:center;gap:6px;background:transparent;color:#fff;border:0;font-size:12px;white-space:nowrap;padding:6px;cursor:pointer}
body>header.institution-header .search-icon{background:#205a8c;border:1px solid #ffffff80}
body>header.institution-header .menu{color:#fff;background:transparent;border:1px solid #ffffff80}
@media(max-width:1350px){body>header.institution-header #navigation{background:#3276b1;top:100%;left:0;right:0}body>header.institution-header #navigation.open{display:block}body>header.institution-header .nav-dropdown[open]{background:#3276b1}body>header.institution-header .nav-submenu{background:white}}
@media(max-width:700px){.institution-branding{grid-template-columns:72px minmax(0,1fr) 100px;gap:6px;width:calc(100% - 20px);padding:10px 0}body>header.institution-header .institution-branding .swapped-smz{width:72px;height:65px}body>header.institution-header .institution-branding .swapped-zssf{width:100px;height:65px}.institution-name strong{font-size:clamp(16px,3.6vw,25px);letter-spacing:0}.institution-name>span{font-size:10px;margin-top:5px}body>header.institution-header .header-inner{min-height:48px}}

/* Compact navigation height; preserve horizontal menu spacing. */
body>header.institution-header .header-inner{min-height:44px;padding-top:2px;padding-bottom:2px}
body>header.institution-header #navigation>a,body>header.institution-header #navigation>.nav-dropdown>summary{padding-top:7px;padding-bottom:7px;line-height:1.3}
body>header.institution-header .search-icon{width:36px;height:36px;min-width:36px;min-height:36px;padding:4px}
body>header.institution-header .search-icon .search-brand-icon{width:26px;height:26px}
body>header.institution-header .menu{min-height:38px;padding-top:5px;padding-bottom:5px}
@media(max-width:1350px){body>header.institution-header #navigation>a,body>header.institution-header #navigation>.nav-dropdown>summary{padding-top:10px;padding-bottom:10px}}

body>header.institution-header{border-image:none;border-bottom:4px solid #006b47}
body>header.institution-header .institution-branding{width:calc(100% - 64px);max-width:1760px;grid-template-columns:250px minmax(0,1fr) 250px}
body>header.institution-header .institution-branding>.brand{justify-self:start}body>header.institution-header .institution-branding>.zssf-home-link{justify-self:end}
body>header.institution-header .header-inner{min-height:38px;padding-top:1px;padding-bottom:1px}
body>header.institution-header #navigation>a,body>header.institution-header #navigation>.nav-dropdown>summary{padding-top:5px;padding-bottom:5px;line-height:1.2}
body>header.institution-header .search-icon{width:32px;height:32px;min-width:32px;min-height:32px;padding:3px}body>header.institution-header .search-icon .search-brand-icon{width:24px;height:24px}body>header.institution-header .menu{min-height:34px;padding-top:4px;padding-bottom:4px}
@media(max-width:1000px){body>header.institution-header .institution-branding{grid-template-columns:180px minmax(0,1fr) 220px}}
@media(max-width:700px){body>header.institution-header .institution-branding{width:calc(100% - 32px);grid-template-columns:85px minmax(0,1fr) 105px;gap:6px}}
@media(max-width:1350px){body>header.institution-header #navigation>a,body>header.institution-header #navigation>.nav-dropdown>summary{padding-top:9px;padding-bottom:9px}}

/* Compact navigation: no internal white rules. */
body>header.institution-header .institution-nav-band,body>header.institution-header .header-inner,body>header.institution-header #navigation{border-top:0;border-bottom:0;box-shadow:none}
body>header.institution-header #navigation>.nav-dropdown{border-bottom:0}
body>header.institution-header #navigation>a,body>header.institution-header #navigation>.nav-dropdown>summary,body>header.institution-header .search-icon,body>header.institution-header .menu{border-color:transparent}
body>header.institution-header .header-inner{min-height:0;padding-top:0;padding-bottom:0}
body>header.institution-header #navigation>a,body>header.institution-header #navigation>.nav-dropdown>summary{padding-top:4px;padding-bottom:4px;line-height:1.2}
body>header.institution-header .search-icon{width:28px;height:28px;min-height:28px;padding:2px}
body>header.institution-header .search-icon img{width:22px;height:22px}
body>header.institution-header .lang{padding-top:3px;padding-bottom:3px}
body>header.institution-header .menu{min-height:28px;padding-top:3px;padding-bottom:3px}
@media(max-width:1350px){body>header.institution-header #navigation .nav-dropdown a{padding-top:8px;padding-bottom:8px}}

/* Fit the bar to menu labels and compact controls. */
body>header.institution-header .header-inner{height:auto;min-height:0;padding-block:0}
body>header.institution-header #navigation{padding-top:0;padding-bottom:0}
body>header.institution-header #navigation>a,body>header.institution-header #navigation>.nav-dropdown>summary{padding-top:3px;padding-bottom:3px;line-height:1.2}
body>header.institution-header .header-actions{padding-block:0}
body>header.institution-header #language,body>header.institution-header .article-language{min-height:0;padding-top:3px;padding-bottom:3px;line-height:1.2}
body>header.institution-header .search-icon{width:24px;height:24px;min-width:24px;min-height:24px;padding:2px}
body>header.institution-header .search-icon .search-brand-icon{width:20px;height:20px}
body>header.institution-header .menu{height:auto;min-height:24px;padding-top:3px;padding-bottom:3px;line-height:1.2}
@media(max-width:1350px){body>header.institution-header #navigation{padding-top:6px;padding-bottom:6px}body>header.institution-header #navigation>a,body>header.institution-header #navigation>.nav-dropdown>summary{padding-top:7px;padding-bottom:7px}}

/* Approved compact ZSSF light-blue navigation. Official masthead logos retained. */
body>header.institution-header .institution-nav-band{background:#35b5e5;border-bottom:3px solid #006b47}
body>header.institution-header .header-inner{padding-block:0;min-height:32px;gap:12px}
body>header.institution-header #navigation{gap:2px;padding-block:0}
body>header.institution-header #navigation>a,body>header.institution-header #navigation>.nav-dropdown>summary{padding:5px 8px;font-size:13px;line-height:1.2;color:#082d48;border-radius:3px}
body>header.institution-header #navigation>a:hover,body>header.institution-header #navigation>.nav-dropdown>summary:hover,body>header.institution-header #navigation>.nav-dropdown[open]>summary{background:#1c94c4;color:#062a42;border-color:transparent;box-shadow:none}
body>header.institution-header #navigation>a[aria-current="page"],body>header.institution-header #navigation>.nav-dropdown.is-current>summary{background:#167eb0;color:#fff;border-bottom-color:#006b47}
body>header.institution-header .header-actions{gap:6px;padding-block:0}
body>header.institution-header #language,body>header.institution-header .article-language,body>header.institution-header .menu{color:#082d48}
body>header.institution-header .nav-submenu{padding:4px 0}
body>header.institution-header #navigation .nav-submenu a{padding:7px 12px;font-size:12px;line-height:1.35}
@media(max-width:1350px){body>header.institution-header #navigation{padding:4px 10px}body>header.institution-header #navigation>a,body>header.institution-header #navigation>.nav-dropdown>summary{padding-block:6px}}

/* Larger menu labels while retaining compact spacing. */
body>header.institution-header #navigation>a,body>header.institution-header #navigation>.nav-dropdown>summary{font-size:15px;padding-inline:7px}
body>header.institution-header #navigation .nav-submenu a{font-size:14px}

/* V1: navigation items must not inherit the general details/accordion spacing. */
body>header.institution-header #navigation{gap:0;margin-block:0;padding-block:0}
body>header.institution-header #navigation .nav-dropdown{padding:0;margin:0;min-height:0;height:auto;border:0}
body>header.institution-header #navigation>a,body>header.institution-header #navigation>.nav-dropdown>summary{margin:0;padding:4px 6px;line-height:1.2;min-height:0}
body>header.institution-header #navigation>.nav-dropdown>summary{gap:6px}
body>header.institution-header #navigation .nav-submenu{margin:0;padding:2px 0}
body>header.institution-header #navigation .nav-submenu>a{margin:0;padding:6px 12px;line-height:1.35}
@media(min-width:1351px){
 body>header.institution-header #navigation{display:flex;flex-direction:row;flex-wrap:nowrap;column-gap:0;row-gap:0;align-items:center;justify-content:center;padding:0;white-space:nowrap}
 body>header.institution-header #navigation>.nav-dropdown{flex:0 0 auto;align-self:auto}
 body>header.institution-header .header-inner{gap:8px;padding-block:0}
}
@media(max-width:1350px){
 body>header.institution-header #navigation:not(.open){display:none}
 body>header.institution-header #navigation.open{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:4px 8px;margin:0;height:auto;min-height:0;white-space:normal}
 body>header.institution-header #navigation>.nav-dropdown{display:block;flex:0 0 auto;align-self:stretch}
 body>header.institution-header #navigation>a,body>header.institution-header #navigation>.nav-dropdown>summary{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;flex:0 0 auto;padding:8px 10px;line-height:1.2;min-height:36px}
 body>header.institution-header #navigation .nav-submenu{position:static;min-width:0;max-width:none;padding:2px 0 2px 10px}
 body>header.institution-header #navigation .nav-submenu>a{display:block;padding:6px 10px;min-height:32px;box-sizing:border-box}
}
@media(max-width:1350px) and (pointer:coarse){
 body>header.institution-header #navigation>a,body>header.institution-header #navigation>.nav-dropdown>summary,body>header.institution-header #navigation .nav-submenu>a{min-height:44px}
}

/* FAQ shortcut immediately beside website search. */
body>header.institution-header .header-faq-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:0 0 26px;padding:0;color:#082d48;text-decoration:none;border-radius:4px}
body>header.institution-header .header-faq-icon .header-faq-symbol{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border:2px solid currentColor;border-radius:50%;font:700 15px/1 Arial,sans-serif}
body>header.institution-header .header-faq-icon:hover{background:#1c94c4}
body>header.institution-header .header-faq-icon:focus-visible{outline:2px solid #082d48;outline-offset:2px}
@media(pointer:coarse){body>header.institution-header .header-faq-icon{width:44px;height:44px;flex-basis:44px}}

/* Full navigation on tablets/small desktops; phone-only menu below 768px. */
@media(min-width:768px){
 body>header.institution-header .menu{display:none}
 body>header.institution-header .header-inner{height:auto;min-height:32px;gap:8px;padding-block:0;align-items:center}
 body>header.institution-header #navigation,body>header.institution-header #navigation.open,body>header.institution-header #navigation:not(.open){display:flex;position:static;flex:1 1 auto;flex-direction:row;flex-wrap:wrap;align-items:center;align-self:center;justify-content:center;gap:0;min-width:0;width:auto;height:auto;max-height:none;overflow:visible;margin:0;padding:0;background:transparent;box-shadow:none;white-space:normal}
 body>header.institution-header #navigation>.nav-dropdown{position:relative;display:block;flex:0 0 auto;align-self:auto;margin:0;padding:0}
 body>header.institution-header #navigation>a,body>header.institution-header #navigation>.nav-dropdown>summary{display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto;width:auto;min-height:0;padding:4px 6px;line-height:1.2;white-space:nowrap}
 body>header.institution-header #navigation .nav-submenu{position:absolute;top:100%;left:0;right:auto;min-width:230px;max-width:min(330px,calc(100vw - 32px));padding:2px 0;border:1px solid var(--line);background:#fff;box-shadow:0 10px 24px #0002;text-align:left}
 body>header.institution-header #navigation>.nav-dropdown:nth-last-child(-n+3)>.nav-submenu{left:auto;right:0}
 body>header.institution-header #navigation .nav-submenu>a{padding:6px 12px;min-height:0;text-align:left}
 body>header.institution-header .header-actions{flex:0 0 auto}
}
@media(max-width:767px){
 body>header.institution-header #navigation{left:0;right:auto;width:100%;box-sizing:border-box;margin-left:0;text-align:left}
 body>header.institution-header #navigation.open{align-items:stretch;justify-content:flex-start}
 body>header.institution-header #navigation>a,body>header.institution-header #navigation>.nav-dropdown>summary{text-align:left}
 body>header.institution-header #navigation .nav-submenu{left:0;right:auto;margin:0;padding:2px 0;border-left:0;text-align:left}
 body>header.institution-header #navigation .nav-submenu>a{padding-left:10px;text-align:left}
}

/* FAQ shortcut: icon and visible label beside search on every screen. */
body>header.institution-header .header-faq-icon{width:auto;flex:0 0 auto;gap:5px;padding:2px 5px;white-space:nowrap}
body>header.institution-header .header-faq-icon .header-faq-label{font:600 12px/1.2 Arial,sans-serif}