/* Общая шапка и меню астрология-всем.рф (все страницы). Подключается из <head>. */
#mx-nk-nav.mx-nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;font-family:'Open Sans',-apple-system,'Segoe UI',sans-serif}
#mx-nk-nav.mx-nav--float{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:99999;width:max-content;max-width:94vw}
#mx-nk-nav .mx-pill{display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;background:rgba(10,8,18,.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(232,200,116,.45);color:#f1ede0;font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;padding:10px 18px;border-radius:999px;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.35);transition:border-color .2s,color .2s,box-shadow .2s,transform .2s;white-space:nowrap}
#mx-nk-nav .mx-pill:hover{border-color:#e8c874;color:#e8c874;transform:translateY(-1px)}
/* «Прогноз на всю жизнь»: золотая обводка и текст, без заливки */
#mx-nk-nav .mx-pill--gold{border:1.5px solid #e8c874;color:#f3d98a;font-weight:700;box-shadow:0 0 14px rgba(232,200,116,.3),0 8px 20px rgba(0,0,0,.35)}
#mx-nk-nav .mx-pill--gold:hover{color:#fff1c2;box-shadow:0 0 22px rgba(232,200,116,.55),0 8px 20px rgba(0,0,0,.35)}
/* Текущая страница: сплошная золотая заливка */
#mx-nk-nav .mx-pill.is-current{background:linear-gradient(180deg,#fff1c2 0%,#e8c874 45%,#c4952f 100%);border:1px solid rgba(255,241,194,.85);color:#2a1a04;font-weight:700;box-shadow:0 0 18px rgba(232,200,116,.45),0 8px 20px rgba(0,0,0,.35);cursor:default}
#mx-nk-nav .mx-pill.is-current:hover{color:#2a1a04;transform:none}
@media (max-width:600px){
  #mx-nk-nav.mx-nav{gap:5px}
  #mx-nk-nav.mx-nav--float{top:10px}
  #mx-nk-nav .mx-pill{font-size:12px;padding:7px 10px;gap:4px}
}

/* ===== Единая шапка: логотип слева, меню по центру, «Личный кабинет» справа ===== */
#mx-hdr{position:relative;z-index:9990;background:linear-gradient(180deg,#06061a 0%,#0b1029 100%);border-bottom:1px solid rgba(232,200,116,.18);box-shadow:0 6px 24px rgba(0,0,0,.25);font-family:'Open Sans',-apple-system,'Segoe UI',sans-serif}
#mx-hdr .mx-hdr__in{box-sizing:border-box;max-width:1400px;margin:0 auto;padding:12px 20px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"logo nav cab";align-items:center;gap:16px;flex-wrap:nowrap}
#mx-hdr .mx-logo{grid-area:logo;justify-self:start;color:#f1ede0;font-weight:700;font-size:16px;letter-spacing:.02em;text-decoration:none;white-space:nowrap}
#mx-hdr .mx-logo span{color:#e8c874}
#mx-hdr .mx-logo:hover{color:#fff}
#mx-hdr #mx-nk-nav{grid-area:nav;gap:8px;width:auto;margin:0}
#mx-hdr #mx-nk-nav .mx-pill{padding:9px 16px;font-size:13.5px}
#mx-hdr .mx-cab,#mx-hdr .ap-auth-slot{grid-area:cab;justify-self:end;margin:0;width:auto;order:0}
#mx-hdr .ap-auth-widget{position:static;display:block;margin:0}
#mx-hdr .mx-cab,#mx-hdr .ap-auth-btn{display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;background:rgba(10,8,18,.8);border:1px solid rgba(232,200,116,.55);color:#f1ede0;font-family:inherit;font-size:13.5px;font-weight:600;line-height:1.2;padding:9px 16px;border-radius:999px;text-decoration:none;cursor:pointer;white-space:nowrap;transition:border-color .2s,color .2s}
#mx-hdr .mx-cab:hover,#mx-hdr .ap-auth-btn:hover{border-color:#e8c874;color:#e8c874}
@media (min-width:1100px){#mx-hdr{position:sticky;top:0}}
@media (max-width:1099px){
  #mx-hdr .mx-hdr__in{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"logo cab" "nav nav";row-gap:10px;padding:12px 16px}
}
@media (max-width:600px){
  #mx-hdr .mx-hdr__in{padding:10px 12px 12px;column-gap:10px}
  #mx-hdr .mx-logo{font-size:15px}
  #mx-hdr #mx-nk-nav{gap:6px}
  #mx-hdr #mx-nk-nav .mx-pill{font-size:12px;padding:7px 10px;gap:4px}
  #mx-hdr .mx-cab,#mx-hdr .ap-auth-btn{font-size:12px;padding:7px 12px}
}
/* Короткая подпись «Натальная карта» на телефоне – меню в 2 строки */
#mx-nk-nav .mx-sm{display:none}
@media (max-width:600px){#mx-nk-nav .mx-lg{display:none}#mx-nk-nav .mx-sm{display:inline}}
/* Статьи: отступ был рассчитан на плавающее меню */
#mx-hdr ~ .art-wrap{padding-top:44px}
@media (max-width:600px){#mx-hdr ~ .art-wrap{padding-top:22px}}