.nav{position:relative}
.nav-toggle{display:none;background:var(--cream);border:1px solid rgba(38,70,83,.2);border-radius:10px;padding:8px 10px}
.menu{display:flex;gap:8px;align-items:center}
.menu a{padding:10px 14px;border-radius:10px;color:var(--charcoal)}
.menu a:hover{background:var(--green)}

/* Mega menu */
.menu .has-mega{position:relative}
.menu .mega-trigger{background:transparent;border:0;cursor:pointer;padding:10px 14px;border-radius:10px;color:var(--charcoal);font:inherit}
.menu .mega-trigger:hover{background:var(--green)}
.menu .mega-panel{display:none;position:absolute;left:90%;transform:translateX(-90%);top:100%;z-index:999;background:var(--cream);border:1px solid rgba(38,70,83,.1);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.18);padding:16px;width:min(1000px, calc(100vw - 24px))}
.menu .has-mega:hover .mega-panel{display:block}
.menu .mega-2col{display:grid;grid-template-columns:220px 1fr;gap:8px}
.menu .mega-subjects{display:flex;flex-direction:column;gap:6px}
.menu .mega-subjects .subject{display:block;background:transparent;border:0;cursor:pointer;text-align:left;padding:10px;border-radius:8px;color:var(--charcoal);font:inherit}
.menu .mega-subjects .subject:hover{background:rgba(38,70,83,.06)}
.menu .mega-subjects .subject.is-active{background:rgba(38,70,83,.12);font-weight:700}
.menu .mega-topics{min-height:160px}
.menu .mega-topics .mega-list{display:none;grid-template-columns:repeat(2, minmax(0,1fr));gap:8px}
.menu .mega-topics .mega-list.is-active{display:grid}
.menu .mega-panel a{white-space:nowrap}
.menu .mega-seeall{margin-top:8px;font-weight:600}
@media (max-width:900px){
  .nav-toggle{display:inline-block}
  /* Mobile drawer: overlay above all and full-width */
  .menu{
    position:fixed;
    left:0; right:0; top:56px; /* just below header */
    z-index:9999;
    background:var(--cream);
    border:1px solid rgba(38,70,83,.1);
    border-radius:12px 12px 0 0;
    box-shadow:0 18px 40px rgba(0,0,0,.25);
    padding:16px;
    display:none;
    flex-direction:column;
    width:100%;
    max-height:calc(100vh - 56px);
    overflow:auto;
  }
  .menu.is-open{display:flex}
  /* Mobile: full-width inline panel */
  .menu .has-mega{width:100%}
  .menu .mega-panel{position:static;display:none;border:0;box-shadow:none;background:transparent;padding:8px;transform:none;width:100%}
  .menu .has-mega.is-open .mega-panel{display:block}
  .menu .mega-2col{grid-template-columns:1fr; gap:12px}
  .menu .mega-subjects{gap:8px}
  .menu .mega-subjects .subject{width:100%; padding:12px; border:1px solid rgba(38,70,83,.12); border-radius:10px; background:#fff}
  .menu .mega-subjects .subject.is-active{background:rgba(38,70,83,.06)}
  .menu .mega-topics{margin-top:8px}
  .menu .mega-topics .mega-list{grid-template-columns:1fr; background:#fff; border:1px solid rgba(38,70,83,.12); border-radius:10px; padding:10px}
  .menu .mega-topics .mega-list a{padding:8px 6px; border-radius:6px}
  .menu .mega-topics .mega-list a:hover{background:rgba(38,70,83,.06)}
  /* Center the Resources trigger button */
  .menu .mega-trigger{display:block; text-align:center; margin: 0 auto;}
}

@media (max-width:600px){
  .menu{padding:12px}
  .menu .mega-subjects .subject{padding:10px}
  .menu .mega-topics .mega-list{padding:8px}
}