/* Shared header and information pages; menu components keep their existing styles. */
.wmg-header { background:#1c1c1c; border-bottom:2px solid #c0392b; }
.wmg-header .n1 { padding:8px 20px; overflow:visible; }
.wmg-header .n2 { max-width:1200px; margin:0 auto; min-width:0; gap:3px; flex-wrap:wrap; justify-content:center; }
.wmg-header .n3 { padding:11px 14px; border-radius:4px; white-space:normal; line-height:1.4; }
.wmg-header a:focus-visible, .wmg-menu-toggle:focus-visible { outline:2px solid #fff; outline-offset:3px; }
.wmg-menu-nav { padding:8px 20px 12px; border-top:1px solid #333; }
.wmg-menu-dropdown { max-width:1200px; margin:0 auto; position:relative; }
.wmg-menu-toggle { display:flex; align-items:center; justify-content:center; gap:12px; width:fit-content; max-width:100%; margin:0 auto; padding:11px 24px; background:#c0392b; color:#fff; font:700 14px Arial,Helvetica,sans-serif; border-radius:4px; cursor:pointer; list-style:none; }
.wmg-menu-toggle::-webkit-details-marker { display:none; }
.wmg-menu-toggle:hover { background:#a93226; }
.wmg-menu-dropdown[open] .wmg-menu-toggle span { transform:rotate(180deg); }
.wmg-submenu { position:absolute; top:calc(100% + 8px); left:50%; transform:translateX(-50%); width:min(640px,100%); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; list-style:none; padding:12px; background:#202020; border:1px solid #555; border-top:3px solid #c0392b; border-radius:6px; box-shadow:0 8px 24px #0008; z-index:1100; }
.wmg-menu-dropdown:not([open]) .wmg-submenu { display:none; }
.wmg-submenu .n3 { border:1px solid #3a3a3a; height:100%; }
.wmg-info-page { max-width:1000px; text-align:left; padding-bottom:12px; }
.wmg-info-page .s7 { text-transform:lowercase; }
.wmg-info-page .s8 { margin:0 0 16px; overflow-wrap:anywhere; }
.wmg-info-page .wmg-updated { font-size:13px; color:#aaa; margin-bottom:24px; }
.wmg-info-page .s9 { padding-top:8px; text-transform:lowercase; }
.wmg-related { margin-top:30px; padding:20px; border:1px solid #333; border-top:2px solid #c0392b; border-radius:8px; background:#151515; }
.wmg-related .s9 { margin:0 0 16px; padding:0; font-size:22px; }
.wmg-related .ft2 { justify-content:flex-start; gap:10px; }
.ft7 a { color:#fff; text-decoration:underline; text-decoration-color:#c0392b; text-underline-offset:3px; }
@media(max-width:600px) {
  .wmg-header .n1 { padding:8px; }
  .wmg-header .n2 { gap:4px; }
  .wmg-header .n3 { font-size:13px; padding:9px 10px; }
  .wmg-menu-nav { padding:8px 12px 12px; }
  .wmg-submenu { gap:6px; padding:10px; }
  .wmg-info-page { margin-top:24px; padding-left:16px; padding-right:16px; }
  .wmg-info-page .s8 { font-size:15px; line-height:1.75; }
  .wmg-related { padding:16px; }
}
@media(max-width:360px) { .wmg-submenu { grid-template-columns:1fr; } }

/* Light navigation and information surfaces. */
.wmg-header { background:#fff; border-bottom-color:#e9e1d8; box-shadow:0 4px 20px #382a180d; }
.wmg-header .n1 { background:#fff; }
.wmg-header .n3 { color:#39332d; }
.wmg-header .n3:hover { background:#f8ece6; color:#a73327; }
.wmg-header .n3.active { background:#a73327; color:#fff; outline-color:#a73327; }
.wmg-header a:focus-visible,.wmg-menu-toggle:focus-visible { outline-color:#a73327; }
.wmg-menu-nav { border-top-color:#eee7df; }
.wmg-menu-toggle { background:#a73327; }
.wmg-menu-toggle:hover { background:#84261e; }
.wmg-submenu { background:#fff; border-color:#e2d6c9; border-top-color:#a73327; box-shadow:0 12px 28px #382a1822; }
.wmg-submenu .n3 { border-color:#eee7df; }
.wmg-info-page .wmg-updated { color:#625d58; }
.wmg-related { background:#fff; border-color:#e9e1d8; border-top-color:#a73327; }
.ft7 a { color:#a73327; }

/* Mobile navigation uses the same page links as desktop. */
.wmg-mobile-check, .wmg-burger { display:none; }
@media (max-width:768px) {
  .wmg-header { position:relative; }
  .wmg-mobile-check { display:block; position:absolute; width:1px; height:1px; opacity:0; }
  .wmg-burger { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; padding:15px 20px; color:#39332d; font:700 15px Arial,Helvetica,sans-serif; cursor:pointer; text-transform:lowercase; }
  .wmg-burger-icon { display:flex; flex-direction:column; justify-content:space-between; width:22px; height:17px; }
  .wmg-burger-icon span { display:block; width:100%; height:2px; border-radius:2px; background:currentColor; }
  .wmg-mobile-check:focus-visible + .wmg-burger { outline:2px solid #a73327; outline-offset:-4px; }
  .wmg-header .wmg-info-nav, .wmg-header .wmg-menu-nav { display:none; }
  .wmg-mobile-check:checked ~ .wmg-info-nav, .wmg-mobile-check:checked ~ .wmg-menu-nav { display:block; }
  .wmg-header .wmg-info-nav { padding:8px 12px; }
  .wmg-header .wmg-info-nav .n2 { display:flex; flex-direction:column; align-items:stretch; gap:2px; width:100%; min-width:0; }
  .wmg-header .wmg-info-nav .n3 { padding:11px 14px; white-space:normal; }
  .wmg-header .wmg-menu-nav { padding:10px 12px 14px; }
  .wmg-header .wmg-menu-toggle { width:100%; }
  .wmg-header .wmg-submenu { position:static; transform:none; width:100%; margin-top:8px; grid-template-columns:1fr; box-shadow:none; }
}