/* Header mega menu. The top bar itself (.nav, .nav > a, .nav-link, .nav-toggle,
   .lang-switch) is declared in each page's stylesheet; everything from .mnav-item
   downwards is declared here, so a menu rule appears exactly once. */

/* The panel hangs from the header's bottom edge, not from the trigger, so on the desktop
   bar the item is stretched to the header's full height: the pointer never crosses a strip
   that belongs to neither the trigger nor the menu on its way down. The drawer stacks, so
   this must not leak into it. */
.mnav-item{position:static}
@media(min-width:921px){
  .header-inner > .nav{align-self:stretch}
  .mnav-item{align-self:stretch;display:flex;align-items:center}
}

.mnav-panel{position:absolute;top:100%;left:0;right:0;z-index:60;display:none;background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);box-shadow:0 34px 60px -34px rgba(15,42,79,.42)}
.mnav-item.is-open .mnav-panel{display:block}
@media(hover:hover){
  .mnav-item:hover .mnav-panel{display:block}
  .mnav-item:hover .mnav-trigger{background:var(--soft);color:var(--accent)}
}
.mnav-item.is-current .mnav-trigger{color:var(--accent);background:var(--soft)}

.mnav-inner{display:grid;grid-template-columns:252px minmax(0,1fr);max-width:var(--container);margin:0 auto;padding:26px 24px 30px}

.mnav-rail{display:flex;flex-direction:column;gap:2px;padding-right:20px;border-right:1px solid var(--border)}
.mnav-schedule-link{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:10px 12px;border:1px solid rgba(47,107,255,.3);border-radius:11px;background:linear-gradient(135deg,rgba(47,107,255,.10),rgba(56,189,248,.10));color:#1F55D6;text-decoration:none;transition:background .18s,border-color .18s}
.mnav-schedule-link:hover,.mnav-schedule-link.is-active{background:linear-gradient(135deg,rgba(47,107,255,.19),rgba(56,189,248,.19));border-color:rgba(47,107,255,.55)}
.mnav-schedule-icon{flex:none;margin-top:2px}
.mnav-schedule-link__title{display:block;font-size:13.5px;font-weight:800;line-height:1.3;color:#1442B4}
.mnav-schedule-link__sub{display:block;margin-top:2px;font-size:11.5px;font-weight:600;line-height:1.35;color:#4B6EBB}
.mnav-tabs{display:flex;flex-direction:column;gap:2px}
.mnav-tab{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 12px;border:0;border-radius:9px;background:transparent;font-family:inherit;font-size:14px;font-weight:600;color:#334155;text-align:left;line-height:1.35;text-decoration:none;cursor:pointer}
.mnav-tab:hover{background:var(--soft);color:var(--accent)}
.mnav-tab.is-active{background:var(--soft);color:var(--accent);font-weight:700}
.mnav-tab__go{flex:none;opacity:0;transition:opacity .16s,transform .16s}
.mnav-tab:hover .mnav-tab__go,.mnav-tab.is-active .mnav-tab__go{opacity:.75;transform:translateX(1px)}

.mnav-body{display:flex;flex-direction:column;padding-left:26px;min-height:424px}
.mnav-pane{display:none}
.mnav-pane.is-active{display:flex;flex:1;flex-direction:column}

.mnav-schedule__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}
.mnav-schedule__title{font-size:17px;font-weight:800;color:var(--ink)}
.mnav-schedule__all{font-size:13px;font-weight:700;color:#1F55D6;white-space:nowrap}
.mnav-schedule__all:hover{text-decoration:underline}
.mnav-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mnav-card{display:flex;flex-direction:column;gap:6px;padding:14px 15px;border:1px solid var(--border);border-radius:13px;background:#fff;transition:border-color .18s,box-shadow .18s,transform .18s}
.mnav-card:hover{border-color:var(--accent);box-shadow:0 18px 34px -22px rgba(15,42,79,.5);transform:translateY(-2px)}
.mnav-card__tag{align-self:flex-start;font-size:11px;font-weight:700;line-height:1.5;color:var(--accent);background:#EAF0FF;border-radius:999px;padding:3px 9px}
.mnav-card__name{font-size:14px;font-weight:700;line-height:1.4;color:#1E293B}
.mnav-card__desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:12px;line-height:1.55;color:var(--muted)}

.mnav-detail{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:36px;align-items:stretch}
.mnav-copy{display:flex;flex-direction:column;justify-content:space-between;gap:18px}
.mnav-name{font-size:24px;font-weight:800;line-height:1.28;color:var(--ink);margin:0}
.mnav-desc{font-size:14px;line-height:1.65;color:var(--muted);margin:10px 0 0}

.mnav-media{max-width:480px;aspect-ratio:16/9;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#070c13}
.mnav-media iframe{display:block;width:100%;height:100%;border:0;pointer-events:none}

.mnav-summary{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:14px;background:var(--soft);padding:16px 18px}
.mnav-summary dl{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:12px;margin:0}
.mnav-fact dt{font-size:11.5px;font-weight:700;color:var(--muted)}
.mnav-fact dd{margin:3px 0 0;font-size:13.5px;font-weight:600;line-height:1.5;color:var(--ink)}
.mnav-go{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;margin-top:16px;padding:9px 14px;border-radius:9px;background:var(--accent);color:#fff;font-size:13.5px;font-weight:700}
.mnav-go:hover{background:#1F55D6}

@media(max-width:1080px){
  .mnav-inner{grid-template-columns:216px minmax(0,1fr);padding:22px 20px 26px}
  .mnav-body{padding-left:20px;min-height:432px}
  .mnav-detail{grid-template-columns:minmax(0,1fr) 268px;gap:28px}
}

@media(max-width:920px){
  .mnav-panel{position:static;border-top:1px solid var(--border);border-bottom:0;box-shadow:none}
  .mnav-inner{display:block;max-width:none;padding:6px 0 10px}
  .mnav-rail{display:none}
  .mnav-body{padding:12px 0 0;min-height:0}
  .mnav-grid{grid-template-columns:1fr}
  .mnav-detail{grid-template-columns:1fr;gap:16px}
  .mnav-copy{gap:14px}
  .mnav-media{max-width:none}
  .mnav-name{font-size:20px}
  .mnav-schedule__head{flex-direction:column;gap:4px}
}