/* MCC navigation draft: scoped to the existing English navigation. */
header.mcc-menu-refresh { z-index:1001; }
#main-nav .mcc-menu-panel { box-sizing:border-box; width:566px; max-width:calc(100vw - 40px); padding:22px; gap:18px; background:#fffdf7; border:1px solid #d8e2da; border-radius:20px; box-shadow:0 20px 60px #163f3526,0 3px 10px #163f3508; transform:translateX(var(--mcc-panel-shift,0px)); }
#main-nav #mcc-nav-guides.mcc-menu-panel { width:600px; }
#main-nav .mcc-menu-intro { margin:0; display:grid; gap:5px; }
#main-nav .mcc-menu-eyebrow { color:#547269; font-size:11px; font-weight:700; letter-spacing:.14em; line-height:1.4; text-transform:uppercase; }
#main-nav .mcc-menu-description { color:#254b42; font-size:14px; line-height:1.5; margin:0; }
#main-nav .mcc-menu-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
#main-nav .mcc-menu-grid-guides { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
#main-nav .mcc-menu-grid a { display:flex; align-items:center; gap:10px; min-height:60px; min-width:0; box-sizing:border-box; padding:14px 12px; border:1px solid #e1e8df; border-radius:12px; color:#163f35; background:#fafbf5; font-size:15px; font-weight:600; line-height:1.35; text-decoration:none; transition:background .15s,border-color .15s; }
#main-nav .mcc-menu-grid a::after { content:'↗'; margin-left:auto; color:#6c877c; font-weight:400; font-size:15px; }
#main-nav .mcc-menu-icon { width:21px; height:21px; flex:0 0 21px; color:#50796b; }
#main-nav .mcc-menu-grid-guides a { min-height:86px; padding:15px 14px; gap:12px; }
#main-nav .mcc-menu-label { min-width:0; }
#main-nav .mcc-menu-grid a:hover,#main-nav .mcc-menu-grid a:focus-visible { background:#eaf3e9; border-color:#95b8a5; color:#123d32; }
#main-nav .mcc-menu-grid a[aria-current="page"] { background:#e2eee4; border-color:#719e86; }
#main-nav .mcc-menu-footer { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; border-top:1px solid #dce5db; padding-top:14px; }
#main-nav .mcc-menu-footer a,#main-nav .mcc-menu-footer .mcc-nav-overview { display:flex; align-items:center; justify-content:space-between; gap:8px; border:0; margin:0; padding:9px 8px; border-radius:8px; min-height:44px; color:#29594a; font-size:13px; font-weight:600; line-height:1.4; text-decoration:none; box-sizing:border-box; }
#main-nav .mcc-menu-footer a::after { content:'→'; flex:0 0 auto; font-size:17px; }
#main-nav .mcc-menu-footer a:hover { background:#edf3e9; }
#main-nav .mcc-menu-drawer-top,.mcc-menu-backdrop { display:none; }
#main-nav .mcc-nav-group>summary { border-radius:8px; }
@media(min-width:1051px) {
  header.mcc-menu-refresh .nav { flex-wrap:nowrap; }
  header.mcc-menu-refresh #main-nav.mcc-primary-nav { flex-direction:row; flex-wrap:nowrap; }
  #main-nav .mcc-menu-panel { top:calc(100% + 8px); }
  #main-nav .mcc-nav-group[open]>summary { color:#07695d; }
}
@media(max-width:1050px) {
  header.mcc-menu-refresh { backdrop-filter:none; -webkit-backdrop-filter:none; }
  html.mcc-navigation-open { overflow:hidden; }
  html.mcc-navigation-open .mcc-menu-backdrop { display:block; position:fixed; inset:0; background:#143c3547; z-index:1000; }
  header.mcc-menu-refresh #main-nav.mcc-primary-nav { position:fixed; inset:auto auto 0 50%; transform:translateX(-50%); width:min(100%,620px); max-height:calc(100dvh - 84px); max-height:calc(var(--mcc-drawer-viewport,100dvh) - 84px); padding:8px 16px calc(16px + env(safe-area-inset-bottom)); border-radius:24px 24px 0 0; background:#fffdf7; border:1px solid #d8e2da; box-shadow:0 -12px 60px #173f3526; scrollbar-width:thin; overscroll-behavior:contain; }
  #main-nav .mcc-menu-drawer-top { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:4px 0 6px 8px; color:#547269; font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
  header.mcc-menu-refresh #main-nav.mcc-primary-nav.open { flex-wrap:nowrap; }
  header.mcc-menu-refresh #main-nav.mcc-primary-nav { max-height:var(--mcc-nav-available,calc(var(--mcc-drawer-viewport,100dvh) - 84px)); }
  #main-nav.mcc-primary-nav>* { flex-shrink:0; }
  #main-nav .mcc-menu-drawer-top { position:sticky; top:-8px; z-index:2; background:#fffdf7; }
  #main-nav .mcc-menu-close { display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; margin:0; padding:0; background:transparent; border:1px solid #dce5db; border-radius:50%; color:#214f41; cursor:pointer; font-size:24px; font-family:inherit; line-height:1; letter-spacing:0; }
  #main-nav .mcc-nav-group { border-bottom-color:#dfe7dc; }
  #main-nav .mcc-nav-group>summary { padding:14px 8px; min-height:50px; font-size:16px; font-weight:600; }
  #main-nav .mcc-nav-group[open]>summary { color:#075d52; padding-bottom:8px; }
  #main-nav .mcc-menu-panel,#main-nav #mcc-nav-guides.mcc-menu-panel { width:auto; max-width:none; padding:0 0 14px; gap:12px; border:0; border-radius:0; background:transparent; box-shadow:none; transform:none; }
  #main-nav .mcc-menu-intro { padding:0 8px; }
  #main-nav .mcc-menu-eyebrow { display:none; }
  #main-nav .mcc-menu-description { font-size:12px; color:#647c70; }
  #main-nav .mcc-menu-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  #main-nav .mcc-menu-grid a { min-height:54px; padding:12px; font-size:14px; gap:8px; }
  #main-nav .mcc-menu-grid-guides a { min-height:92px; padding:12px 10px; gap:8px; align-items:flex-start; flex-direction:column; position:relative; }
  #main-nav .mcc-menu-grid-guides a::after { position:absolute; top:12px; right:10px; }
  #main-nav .mcc-menu-grid-guides .mcc-menu-icon { width:18px; height:18px; flex-basis:18px; }
  #main-nav .mcc-menu-footer { gap:8px; padding-top:8px; }
  #main-nav .mcc-menu-footer a { font-size:12px; padding:8px; }
  #main-nav>a { font-size:14px; }
  #main-nav .mcc-nav-plan { border-radius:10px; }
}
@media(prefers-reduced-motion:reduce) { #main-nav .mcc-menu-grid a { transition:none; } }