.mn-topbar{position:sticky;top:0;z-index:50;background:rgba(6,8,20,.72);backdrop-filter: blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.mn-topbar__row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:14px}
.mn-brand{display:flex;align-items:baseline;gap:8px;font-weight:700}
.mn-brand__dot{color:var(--accent)}
.mn-nav{display:flex;gap:18px;align-items:center}
.mn-burger{display:none;background:transparent;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:10px 12px;color:var(--text)}
@media (max-width:860px){.mn-nav{display:none}.mn-burger{display:inline-flex}}
.mn-drawer{position:fixed;inset:0;z-index:80;display:none}
.mn-drawer[aria-hidden="false"]{display:block}
.mn-drawer__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.mn-drawer__panel{position:absolute;right:0;top:0;height:100%;width:min(420px,90vw);background:rgba(10,15,36,.96);border-left:1px solid rgba(255,255,255,.12);padding:18px;display:flex;flex-direction:column;gap:12px}
.mn-drawer__panel a{padding:12px 10px;border-radius:12px;color:var(--text);border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04)}
.mn-drawer__panel a:hover{background:rgba(255,255,255,.07)}
.mn-card{padding:18px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04)}
.mn-card:hover{background:rgba(255,255,255,.06)}
.mn-chip{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.18);padding:6px 10px;border-radius:999px}
.mn-postmeta{font-size:12px;color:var(--muted2);display:inline-flex;gap:10px;align-items:center}
.mn-hero{padding:34px 0 8px}
.mn-hero__grid{display:grid;grid-template-columns: 1.2fr .8fr;gap:18px;align-items:start}
@media (max-width:980px){.mn-hero__grid{grid-template-columns:1fr}}
.mn-hero__meta{display:flex;gap:12px;align-items:center;color:var(--muted2);flex-wrap:wrap;margin-top:6px}
.mn-featured{margin-top:18px}
.mn-featured__label{margin:0 0 10px}
.mn-badge{display:inline-flex;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(108,246,255,.08);color:var(--text);font-size:12px}
.mn-featured__card{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;align-items:stretch;padding:16px;border-radius:var(--radius2);border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05)}
.mn-featured__card:hover{background:rgba(255,255,255,.07)}
@media (max-width:980px){.mn-featured__card{grid-template-columns:1fr}}
.mn-featured__thumb{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.10);min-height:160px;background:radial-gradient(circle at 30% 30%, rgba(108,246,255,.18), transparent 50%), radial-gradient(circle at 70% 40%, rgba(167,139,250,.16), transparent 55%), rgba(0,0,0,.25)}
.mn-featured__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.mn-aside-card{padding:18px}
.mn-aside-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.mn-list{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-direction:column;gap:10px}
.mn-footer{padding:26px 0 40px;border-top:1px solid rgba(255,255,255,.08);margin-top:40px}
.mn-footer__row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.mn-footer__nav{display:flex;gap:14px;flex-wrap:wrap}
.mn-footer__nav a{color:var(--muted);font-size:13px}
.mn-footer__nav a:hover{color:var(--text)}

/* ===== Header Menu Fix ===== */
.mn-menu, .mn-menu ul{list-style:none;margin:0;padding:0}
.mn-menu{display:flex;gap:22px;align-items:center}
.mn-menu li{margin:0;padding:0}
.mn-menu a{color:var(--muted);font-size:14px;text-decoration:none;transition:.2s ease}
.mn-menu a:hover{color:var(--text)}


/* ===== Footer menu ===== */
.mn-footmenu{list-style:none;margin:0;padding:0;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.mn-footmenu li{list-style:none;margin:0;padding:0}
.mn-footmenu a{color:var(--muted);font-size:13px}
.mn-footmenu a:hover{color:var(--text)}


/* ===== Header nav (desktop) ===== */
.mn-nav, .mn-nav ul{list-style:none;margin:0;padding:0}
.mn-nav > ul{
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:nowrap;
}
.mn-nav li{position:relative;list-style:none}
.mn-nav a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 10px;
  border-radius:12px;
  color:var(--muted);
  text-decoration:none;
  white-space:nowrap;
}
.mn-nav a:hover,
.mn-nav a:focus{
  color:var(--text);
  background:rgba(255,255,255,.04);
  outline:none;
}

/* Dropdowns */
.mn-nav .menu-item-has-children > a::after{
  content:"▾";
  font-size:12px;
  opacity:.75;
  transform:translateY(-1px);
}
.mn-nav .sub-menu{
  position:absolute;
  top:100%;
  left:0;
  margin-top:10px;
  min-width:240px;
  display:none;
  flex-direction:column;
  padding:10px;
  gap:4px;
  background:rgba(10,15,36,.92);
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  box-shadow:0 18px 60px rgba(0,0,0,.45);
  z-index:999;
  backdrop-filter: blur(10px);
}
.mn-nav .sub-menu a{
  width:100%;
  padding:10px 12px;
  border-radius:12px;
  color:var(--muted);
}
.mn-nav .sub-menu a:hover,
.mn-nav .sub-menu a:focus{
  color:var(--text);
  background:rgba(255,255,255,.06);
}
.mn-nav li:hover > .sub-menu,
.mn-nav li:focus-within > .sub-menu{display:flex}

/* Keep header aligned when menu gets tight */
@media (max-width: 1100px){
  .mn-nav > ul{gap:10px}
  .mn-nav a{padding:9px 8px}
}