/* Shared dropdown layout for public and protected case pages. */

.project-menu{width:min(880px,calc(100vw - 32px));padding:0;grid-template-columns:1fr;gap:0;overflow:hidden;border-radius:18px}
.project-menu:before{left:38%}
.mega{display:grid;grid-template-columns:1.55fr 1fr}
.mega__main{padding:24px 26px 20px}
.mega__side{padding:24px 22px 20px;border-left:1px solid var(--border);background:#f6fbff}
.mega__head{display:flex;align-items:center;gap:9px;margin:0 0 16px}
.mega__dot{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;font-size:11px;font-weight:850}
.mega__side .mega__dot{background:var(--gold);color:#3a2b06}
.mega__title{color:var(--navy);font-size:10.5px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.mega__count{margin-left:6px;padding:2px 7px;border-radius:999px;background:var(--pale);color:var(--blue);font-size:9px;font-weight:850;letter-spacing:.04em}
.mega__grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}
.mega__side .mega__grid{grid-template-columns:1fr}
.mega__item{display:block;padding:9px 10px;border-radius:10px;text-decoration:none;transition:.18s ease}
.mega__item:hover{background:#eef6ff}
.mega__side .mega__item:hover{background:#fff6e2}
.mega__item strong{display:block;color:var(--navy);font-size:12.5px;font-weight:800;line-height:1.3}
.mega__item span{display:block;margin-top:2px;color:var(--muted);font-size:10.5px;line-height:1.42}
.mega__foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 26px;background:var(--navy)}
.mega__foot strong{display:block;color:#fff;font-size:13px}
.mega__foot span{display:block;margin-top:2px;color:#9dc0e4;font-size:11px}
.mega__foot a{flex:none;padding:9px 16px;border-radius:999px;background:var(--blue);color:#fff;text-decoration:none;font-size:11.5px;font-weight:850;white-space:nowrap;transition:.18s ease}
.mega__foot a:hover{background:#0d55b0}
@media(max-width:1024px){
  .project-menu{width:min(620px,calc(100vw - 24px))}
  .mega{grid-template-columns:1fr}
  .mega__side{border-left:0;border-top:1px solid var(--border)}
  .mega__grid{grid-template-columns:1fr}
}
@media(max-width:860px){
  .project-menu{width:100%}
  .mega__main,.mega__side{padding:16px 14px}
  .mega__foot{flex-direction:column;align-items:flex-start;padding:14px}
}


/* Anchor the dropdown to the full header container, not the Projects label. */
@media (min-width:981px) {
  .nav-wrap, .portfolio-nav-wrap { position:relative; }
  .site-header .site-nav, .portfolio-header .site-nav { align-self:stretch; }
  .site-header .site-nav > .nav-projects,
  .portfolio-header .site-nav > .nav-projects { position:static; align-self:stretch; }
  .project-menu {
    top:100%; left:auto; right:0;
    max-width:100%; max-height:calc(100dvh - 104px);
    overflow-y:auto; overscroll-behavior:contain;
    transform:translateY(-8px);
  }
  .nav-projects:hover .project-menu,
  .nav-projects:focus-within .project-menu,
  .nav-projects.open .project-menu { transform:translateY(0); }
  .project-menu::before { display:none; }
}
@media (max-width:980px) {
  .site-header .site-nav, .portfolio-header .site-nav {
    max-height:calc(100dvh - 84px);
    overflow-y:auto; overscroll-behavior:contain;
  }
  .site-nav > .nav-projects .project-menu {
    position:static; inset:auto; width:100%; max-width:100%; transform:none;
  }
}