/* Expanded public navigation: one row on desktop and a scrollable mobile menu. */
.site-header .header-portal-menu { display: none; }
.site-header .header-actions :is(.assessment-portal-link,.admin-portal-link) { padding-inline: 18px; }
@media (min-width: 1301px) {
  body .site-header:has(.main-nav) .header-inner { grid-template-columns: auto minmax(0, 1fr); row-gap: 6px; padding-block: 12px; }
  .site-header .brand { grid-column: 1; grid-row: 1; }
  .site-header .header-actions { grid-column: 2; grid-row: 1; justify-self: end; }
  .site-header .header-actions { gap: 8px; }
  .site-header .header-actions .button { padding-inline: 15px; }
  body .site-header:has(.main-nav) .main-nav { grid-column: 1 / -1; grid-row: 2; transform: none; flex-wrap: nowrap; justify-content: space-between; gap: clamp(4px, .26vw, 5px); padding-block: 0; font-size: clamp(10.3px, .76vw, 12.5px); line-height: 1.45; }
  html[lang="ar"] .site-header:has(.main-nav) .main-nav { font-family: "Adelle Sans ARA", Tahoma, sans-serif; font-size: clamp(12px, .85vw, 14px); }
  body:has(.site-header .main-nav a[href*="diagnostic-tools"]) .hero-section { padding-top: 155px; }
}
@media (max-width: 1300px) {
  .site-header .main-nav { justify-content: flex-start; align-items: stretch; gap: 0; padding: 100px max(24px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)); overflow-y: auto; overscroll-behavior: contain; max-height: 100dvh; font-size: clamp(17px, 3vw, 22px); }
  .site-header .main-nav a { flex: 0 0 auto; display: block; width: 100%; max-width: 640px; margin-inline: auto; padding-block: 11px; padding-inline: 12px; text-align: start; white-space: normal; line-height: 1.35; }
  html[lang="ar"] .site-header:has(.main-nav) .main-nav { font-family: "Adelle Sans ARA", Tahoma, sans-serif; font-size: 19px; }
  .site-header .nav-toggle { display: grid; }
  .site-header .header-portal-menu { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; width: 100%; max-width: 640px; margin: 20px auto 0; padding-top: 18px; border-top: 1px solid #2ec4b655; }
  .site-header .header-portal-menu a { display: flex; align-items: center; justify-content: center; text-align: center; padding: 13px 10px; font-size: 14px; margin: 0; color: #fff; border: 1px solid #2ec4b6; border-radius: 4px; background: #06131b; }
}

@media (min-width: 1301px) { .site-header:has(.main-nav) .main-nav a { white-space: nowrap; flex: 0 0 auto; } }
@media (min-width: 1301px) { .site-header .main-nav > .nav-entry { flex: 0 0 auto; } .site-header .nav-entry-top { gap: 2px; } .site-header .main-nav .nav-expand { width: 18px; } .site-header .main-nav .nav-entry-top > a { padding-inline: 0; } }
/* Grouped navigation and horizontal contextual subpages. */
.site-header .nav-entry-top{display:flex;align-items:center;gap:3px}.site-header .nav-expand{font:700 16px/1 sans-serif;display:grid;place-items:center;padding:0;width:24px;height:30px;flex-shrink:0;color:#5ee3d8;background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer}.site-header .nav-expand:hover,.site-header .nav-expand:focus-visible{background:#173943;border-color:#2ec4b6;outline:none}.site-header .nav-expand[aria-expanded=true] span{transform:rotate(180deg)}.site-header .nav-panel[hidden]{display:none!important}.site-header .nav-panel-inner{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}.site-header .nav-panel-inner a{font-size:13px!important;line-height:1.35!important;padding:9px 13px!important;border:1px solid #2ec4b64d;border-radius:4px;color:#d4dee3!important;background:#112d36;white-space:normal!important;text-decoration:none}.site-header .nav-panel-inner a:hover,.site-header .nav-panel-inner a:focus-visible{color:#0b1d26!important;background:#2ec4b6;border-color:#2ec4b6}.site-header .nav-panel-inner a::after{display:none}
@media(min-width:1301px){.site-header .header-inner,.site-header .main-nav,.site-header .nav-entry{position:static!important}.site-header .nav-panel{position:absolute;left:0;right:0;top:100%;background:#0b1d26;border-top:1px solid #2ec4b655;border-bottom:1px solid #2ec4b655;box-shadow:0 12px 20px #06131b15;padding:12px 25px;z-index:4}.site-header[data-subnav-open]+main>.hero-section,.site-header[data-subnav-open]+main>.pr-hero,.site-header[data-subnav-open]+main>.pr-resource-intro{padding-top:240px!important}.site-header .nav-panel-inner{max-width:1500px;margin:auto}.site-header .main-nav .header-portal-menu{display:none}}
@media(max-width:1300px){.site-header .nav-entry{width:100%;max-width:640px;margin-inline:auto}.site-header .nav-entry-top{justify-content:space-between;border-bottom:1px solid #2ec4b622}.site-header .nav-entry-top>a{margin:0;flex:1!important}.site-header .nav-expand{width:44px;height:44px}.site-header .nav-panel{padding:10px 0 18px;background:#112d36}.site-header .nav-panel-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 12px}.site-header .nav-panel-inner a{width:100%;height:100%;display:flex;align-items:center;font-size:14px!important;margin:0;max-width:none;box-sizing:border-box}.site-header .main-nav .nav-entry-top>a{font-size:18px}.site-header .main-nav{padding-top:92px!important}}
/* Keep desktop and mobile in the same colour sequence; the underline marks the active page. */
.site-header .main-nav > a:nth-child(odd), .site-header .main-nav > .nav-entry:nth-child(odd) > .nav-entry-top > a { color: rgba(255,255,255,.9); }
.site-header .main-nav > a:nth-child(even), .site-header .main-nav > .nav-entry:nth-child(even) > .nav-entry-top > a { color: #2ec4b6; }
/* IPO support sits between the language control and the consultation action. */
.site-header .header-actions .ipo-support-link{background:#2ec4b6;color:#061722;border-color:#2ec4b6;white-space:normal;text-align:center;line-height:1.25;max-width:185px;font-size:12px}
@media(max-width:1300px){.site-header .header-actions .ipo-support-link{display:flex;max-width:150px;font-size:10px;padding:8px;min-height:36px}.site-header .header-inner{column-gap:12px}.site-header .header-actions{gap:7px}}
@media(max-width:620px){.site-header .header-actions .ipo-support-link{max-width:115px;font-size:10px;padding:7px}.site-header .brand{width:140px}.site-header .header-actions{gap:6px}.site-header .header-inner{column-gap:8px}.site-header .header-inner{flex-wrap:wrap}.site-header .header-actions{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:380px){.site-header .brand{width:120px}.site-header .header-actions .ipo-support-link{max-width:100px}.site-header .header-actions{gap:4px}}
/* The nationalisation centre is adjacent to IPO support in every public header. */
.site-header .header-actions .nationalisation-support-link{display:flex;background:#2ec4b6;color:#06131b;border-color:#2ec4b6;white-space:normal;text-align:center;line-height:1.25;font-size:12px;max-width:150px}
@media(max-width:1300px){.site-header .header-actions .nationalisation-support-link{font-size:10px;padding:8px;min-height:36px;max-width:125px}}
@media(max-width:620px){
 .site-header:has(.nationalisation-support-link) .header-inner{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;padding-block:10px;min-height:112px}
 .site-header:has(.nationalisation-support-link) .brand{grid-column:1/5;grid-row:1;align-self:center;width:140px;margin-top:0}
 .site-header:has(.nationalisation-support-link) .header-actions{display:contents}
 .site-header:has(.nationalisation-support-link) .site-language-switch{grid-column:5;grid-row:1;justify-self:end}
 .site-header:has(.nationalisation-support-link) .nav-toggle{grid-column:6;grid-row:1;justify-self:end}
 .site-header:has(.nationalisation-support-link) .main-nav{padding-top:132px!important}
 .site-header .header-actions .ipo-support-link{grid-column:1/4;grid-row:2;max-width:none;width:100%;min-height:36px;justify-content:center;font-size:11px;padding:7px}
 .site-header .header-actions .nationalisation-support-link{grid-column:4/7;grid-row:2;max-width:none;width:100%;min-height:36px;justify-content:center;font-size:11px;padding:7px}
 /* Match the shared row height when either label wraps onto another line. */
 .site-header .header-actions :is(.ipo-support-link,.nationalisation-support-link){align-self:stretch;align-items:center;min-height:44px}
}

/* Workplace accreditation stays beside language; existing navigation colours remain unchanged. */
.site-header .header-actions .workplace-accreditation-link{display:flex;align-items:center;justify-content:center;min-width:0;max-width:185px;min-height:44px;white-space:normal;text-align:center;line-height:1.3;font-size:12px;text-wrap:balance}
.site-header .header-actions .workplace-accreditation-link[aria-current=page]{outline:2px solid #2ec4b6;outline-offset:2px}
.site-header .header-actions .workplace-accreditation-link:focus-visible{outline:3px solid #5ee3d8;outline-offset:3px}
body .site-header:has(.workplace-accreditation-link) .header-actions{min-width:0;max-width:100%;flex-wrap:wrap;justify-content:flex-end;gap:8px}
@media(min-width:621px){body .site-header:has(.workplace-accreditation-link) .header-inner{grid-template-columns:auto minmax(0,1fr)}body .site-header:has(.workplace-accreditation-link) .header-actions .button{min-width:0}}
@media(min-width:621px) and (max-width:1300px){.site-header .header-actions .workplace-accreditation-link{max-width:165px;min-height:36px;padding:8px;font-size:11px}}
@media(max-width:620px){
 body .site-header:has(.workplace-accreditation-link) .header-inner{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;padding-block:10px}
 body .site-header:has(.workplace-accreditation-link) .brand{grid-column:1/6;grid-row:1;width:150px;max-width:100%;margin-top:0}
 body .site-header:has(.workplace-accreditation-link) .header-actions{display:contents}
 body .site-header:has(.workplace-accreditation-link) .nav-toggle{grid-column:6;grid-row:1;justify-self:end}
 body .site-header:has(.workplace-accreditation-link) .site-language-switch{grid-column:1/3;grid-row:2;justify-self:stretch;min-height:42px}
 .site-header .header-actions .workplace-accreditation-link{grid-column:3/7;grid-row:2;max-width:none;width:100%;min-height:42px;padding:8px;font-size:11px}
 .site-header:has(.workplace-accreditation-link) .header-actions .ipo-support-link{grid-column:1/4;grid-row:3}
 .site-header:has(.workplace-accreditation-link) .header-actions .nationalisation-support-link{grid-column:4/7;grid-row:3}
 .site-header:has(.workplace-accreditation-link) .main-nav{padding-top:182px!important}
}