/* Main menu bar (Owen, 11 September 2026): four hover dropdowns beneath the banner, favourites at the other end.
   Hover opens a menu through CSS; nav-menu.js adds click, keyboard and outside-click handling on top. */
@media screen{
/* Sticky beneath the banner, so the menus and favourites stay on screen on every page however far it scrolls. */
.menubar{display:flex;align-items:center;gap:12px;padding:0 16px;background:#f7faf8;border-bottom:1px solid var(--line,#d5dfd7);min-height:36px;position:sticky;top:var(--topbar-height,94px);z-index:44;box-shadow:0 2px 6px #29443510}
body.class-projector .menubar,body.awards-big .menubar,body.printing .menubar{display:none!important}
.menu-back{display:inline-flex;align-items:center;gap:5px;height:27px;padding:0 10px 0 8px;margin-right:4px;border:1px solid #bdcfc3;border-radius:7px;background:#fff;color:#223b26;font:inherit;font-size:12px;font-weight:700;line-height:1;cursor:pointer;box-shadow:none;flex:none}
.menu-back span{font-size:16px;line-height:1;margin-top:-2px}
.menu-back:not(:disabled):hover{background:#e9f1ec;border-color:var(--green,#365f4b)}
.menu-back:disabled{opacity:.45;cursor:default}
.main-menu{flex:0 0 auto}
.menu-roots{list-style:none;margin:0;padding:0;display:flex;gap:2px}
.menu-root{position:relative}
.menu-trigger{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 13px;border:0;border-radius:0;background:transparent;color:#223b26;font:inherit;font-size:13px;font-weight:700;cursor:pointer;border-bottom:2px solid transparent;box-shadow:none;line-height:1}
.menu-root:hover>.menu-trigger,.menu-root.is-open>.menu-trigger{background:#e9f1ec;border-bottom-color:var(--green,#365f4b);color:var(--green,#365f4b)}
.menu-chevron{width:10px;height:7px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
.menu-root:hover>.menu-trigger .menu-chevron,.menu-root.is-open>.menu-trigger .menu-chevron{transform:rotate(180deg)}
.menu-panel{display:none;position:absolute;left:0;top:100%;z-index:60;min-width:250px;padding:6px;background:#fff;border:1px solid var(--line,#d5dfd7);border-top:2px solid var(--green,#365f4b);border-radius:0 0 10px 10px;box-shadow:0 14px 34px #18251f2b}
.menu-root:hover>.menu-panel,.menu-root.is-open>.menu-panel{display:block}
.menu-panel ul{list-style:none;margin:0;padding:0}
.menu-panel a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 10px;border-radius:6px;font-size:13px;line-height:1.3;color:#18232b;text-decoration:none;white-space:nowrap}
.menu-panel a:hover,.menu-panel a:focus-visible,.menu-sub:hover>a{background:#e9f1ec;color:#223b26}
.menu-panel a[aria-current=page]{font-weight:700;color:var(--green,#365f4b)}
.menu-panel a small{font-size:9.5px;color:var(--muted,#617168);text-transform:uppercase;letter-spacing:.05em;font-weight:700}
.menu-panel a.menu-restricted{color:#654579}
.menu-sub{position:relative}
.menu-arrow{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:#7c8b82;flex:none}
.menu-flyout{display:none;position:absolute;left:calc(100% - 2px);top:-7px;z-index:61;min-width:230px;padding:6px;background:#fff;border:1px solid var(--line,#d5dfd7);border-radius:10px;box-shadow:0 14px 34px #18251f2b}
.menu-sub:hover>.menu-flyout,.menu-sub:focus-within>.menu-flyout{display:block}
/* Favourites share the bar: chips at the right, the pin button last. */
.menubar .favourites{margin-left:auto;flex:1 1 auto;justify-content:flex-end;background:transparent;border:0;padding:0;min-height:0;min-width:0;overflow:hidden}
.menubar .fav-pin{margin-left:0;flex:none}
.menubar .fav-empty{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.safeguarding-area .menubar{background:#e5ddea;border-color:#cbbbd7}
.safeguarding-area .menu-trigger{color:#3b2a4a}
@media(max-width:1100px){.menubar .fav-empty{display:none}}
@media(max-width:900px){
 .menubar{flex-wrap:wrap;padding-bottom:4px}
 .menubar .favourites{flex-basis:100%;justify-content:flex-start;margin-left:0;padding:2px 0 4px}
 .menu-flyout{position:static;box-shadow:none;border:0;border-left:2px solid #e9f1ec;border-radius:0;margin:0 0 4px 10px;padding:0 0 0 6px}
}
}
@media print{.menubar{display:none!important}}
.menu-panel a.menu-restricted{background:var(--safeguarding-bg,#efeaf4);color:var(--safeguarding-ink,#654579)}
.menu-panel a.menu-restricted:hover,.menu-panel a.menu-restricted:focus-visible{background:var(--safeguarding-line,#ded3e8);color:var(--safeguarding-ink,#654579)}