/* ============================================================================
   chrome.css — общая шапка и футер сайта (используется на лендинге и на
   юридических страницах, чтобы навигация выглядела одинаково и была всегда
   под рукой). Палитра, .logo, .btn, .mark — в tokens.css.
   ========================================================================== */

.wrap { max-width:1080px; margin:0 auto; padding:0 24px; }

/* ── Шапка ─────────────────────────────────────────── */
.nav {
  position:sticky; top:0; z-index:40; backdrop-filter:blur(12px);
  background:color-mix(in srgb, var(--bg) 82%, transparent);
  border-bottom:1px solid var(--line);
}
.nav .wrap { display:flex; align-items:center; justify-content:space-between; gap:16px; height:64px; }
.nav-links { display:flex; align-items:center; gap:26px; }
.nav-links a { color:var(--ink-soft); text-decoration:none; font-size:14.5px; transition:color .15s; }
.nav-links a:hover { color:var(--ink); }

/* ── Футер ─────────────────────────────────────────── */
footer { border-top:1px solid var(--line); padding:48px 0 40px; margin-top:40px; }
.foot-grid { display:grid; grid-template-columns:1.6fr 1fr 1fr; gap:32px; margin-bottom:36px; }
.foot-grid h4 { font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-faint); margin:0 0 14px; font-weight:600; }
.foot-grid ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
.foot-grid a { color:var(--ink-soft); text-decoration:none; font-size:14px; }
.foot-grid a:hover { color:var(--ink); }
.foot-about { color:var(--ink-soft); font-size:14px; margin:12px 0 0; max-width:330px; }
.legal { font-size:12.5px; color:var(--ink-faint); border-top:1px solid var(--line); padding-top:24px; }
.legal p { margin:0 0 6px; }
.legal a { color:var(--ink-soft); text-decoration:none; }
.legal a:hover { color:var(--ink); text-decoration:underline; }

@media (max-width:900px) {
  .foot-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:640px) {
  /* На мобильном в шапке оставляем логотип и «Личный кабинет», разделы — в футере. */
  .nav-links a:not(.btn) { display:none; }
  .foot-grid { grid-template-columns:1fr; }
}