.mp-menu { position: sticky; top: 0; z-index: 9000; background: rgba(11, 16, 14, .94); border-bottom: 1px solid #222D27; font-family: Archivo, system-ui, sans-serif; backdrop-filter: blur(6px); }
.mp-menu * { box-sizing: border-box; }
.mp-menu-in { max-width: 1240px; margin: 0 auto; padding: 8px 16px; display: flex; align-items: center; gap: 14px; }
.mp-brand { display: flex; align-items: center; gap: 8px; color: #E8EDE5; text-decoration: none; font-family: "Alegreya SC", Georgia, serif; font-size: 1.08rem; white-space: nowrap; }
.mp-brand svg { flex: none; }
.mp-brand .r { fill: none; stroke: #C98B45; stroke-width: 1.6; }
.mp-brand .g { fill: none; stroke: #E7B471; stroke-width: 2.2; stroke-linejoin: round; }
.mp-links { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 4px; margin: 0 0 0 auto; padding: 0; list-style: none; }
.mp-links a { display: block; padding: 6px 8px; border-radius: 6px; color: #AFBCB1; text-decoration: none; font-size: .84rem; white-space: nowrap; }
.mp-links a:hover, .mp-links a:focus-visible { color: #E7B471; background: rgba(201, 139, 69, .1); }
.mp-links a[aria-current="page"] { color: #E7B471; }
.mp-links a.mp-dl { color: #0B100E; background: #C98B45; font-weight: 600; margin-left: 4px; }
.mp-links a.mp-dl:hover { background: #E7B471; color: #0B100E; }
.mp-langs { display: flex; gap: 2px; margin-left: 6px; padding-left: 8px; border-left: 1px solid #222D27; }
.mp-langs a { padding: 6px 5px; font-size: .74rem; text-transform: uppercase; letter-spacing: .06em; }
.mp-langs a[aria-current="true"] { color: #E7B471; }
.mp-burger { display: none; margin-left: auto; width: 42px; height: 38px; border: 1px solid #222D27; border-radius: 6px; background: transparent; color: #E8EDE5; cursor: pointer; }
.mp-burger span, .mp-burger span::before, .mp-burger span::after { display: block; width: 20px; height: 2px; margin: 0 auto; background: currentColor; position: relative; content: ""; }
.mp-burger span::before { position: absolute; top: -6px; }
.mp-burger span::after { position: absolute; top: 6px; }
html.mp-menu-on .topbar { display: none !important; }
@media (max-width: 1180px) {
  .mp-burger { display: block; }
  .mp-menu-in { flex-wrap: wrap; }
  .mp-links { display: none; width: 100%; flex-direction: column; align-items: stretch; margin: 6px 0 4px; }
  .mp-menu.open .mp-links { display: flex; }
  .mp-links a { padding: 10px 8px; font-size: .95rem; }
  .mp-links a.mp-dl { margin: 6px 0 0; text-align: center; }
  .mp-langs { margin: 8px 0 0; padding: 8px 0 0; border-left: 0; border-top: 1px solid #222D27; justify-content: space-between; }
}
body:has(.mp-menu) .mpn-site { display: none !important; }
body:has(.mp-menu) .mpn-top { display: none !important; }