:root{
    --steel:#8299b5;
    --steel-dark:#6f88a6;
    --ink:#111214;
    --dark:#141a26;
    --navy:#1d2b45;
    --head:#2f3f56;
    --text:#3a3b3d;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{font-family:'Montserrat',sans-serif;color:var(--text);background:#fff;overflow-x:clip;overflow-wrap:break-word}
  @supports not (overflow:clip){ body{overflow-x:hidden} }

  body{padding-top:76px} /* под фиксированной шапкой */
  .header{
    position:fixed;
    inset:0 0 auto 0;
    z-index:100;
    background:#fff;
    box-shadow:0 2px 18px rgba(0,0,0,.10); /* как шапка главной после скролла */
  }
  .header__inner{
    max-width:1100px;margin:0 auto;padding:0 32px;
    height:76px;display:flex;align-items:center;gap:40px;
  }
  .logo{
    font-family:'Merriweather',serif;font-weight:700;font-size:32px;
    letter-spacing:.04em;color:var(--ink);text-decoration:none;
  }
  .nav{display:flex;gap:36px;margin-left:8vw}
  .nav a{
    color:#fff;text-decoration:none;
    font-size:14px;font-weight:500;letter-spacing:.02em;
    transition:color .35s ease, opacity .2s ease;
  }
  .nav a:hover{opacity:.65}
  .header__avatar{
    width:36px;height:36px;border-radius:50%;background:var(--steel);flex:none;
    display:flex;align-items:center;justify-content:center;
  }
  .header__avatar svg{width:17px;height:17px;fill:#fff}
  .msgr{
    width:36px;height:36px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--steel);
    flex:none;
    transition:background .2s ease, transform .15s ease;
  }
  .msgr svg{width:18px;height:18px;fill:#fff}
  .msgr:hover{background:var(--steel-dark);transform:translateY(-1px)}
  .msgr--onsteel{background:#fff}
  .msgr--onsteel svg{fill:#41597a}
  .msgr--onsteel:hover{background:#f0f2f5}
  .header__right{margin-left:auto;display:flex;align-items:center;gap:22px}
  .header__phone{color:var(--ink);text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap}
  .btn{
    display:inline-block;font-size:14px;font-weight:500;color:#fff;
    background:var(--steel);border-radius:26px;padding:14px 32px;
    text-decoration:none;transition:background .25s ease;
  }
  .btn:hover{background:var(--steel-dark)}

  .article-page{max-width:760px;margin:0 auto;padding:56px 32px 72px}
  .article-page__back{
    display:inline-block;margin-bottom:28px;
    font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:600;
    font-size:17px;color:var(--head);text-decoration:none;
  }
  .article-page__back:hover{opacity:.7}
  .article-page h1{
    font-family:'Merriweather',serif;font-weight:700;
    font-size:clamp(28px, 3.4vw, 40px);line-height:1.25;color:var(--ink);
    margin-bottom:28px;
  }
  .article-page__date{
    font-size:13px;
    color:#8b8f96;
    margin:-16px 0 26px; /* прижата к заголовку */
  }
  .article-page__img{
    border-radius:16px;overflow:hidden;aspect-ratio:3/2;margin-bottom:36px;background:#e8eaee;
  }
  .article-page__img img{width:100%;height:100%;object-fit:cover;display:block}
  .article-page p{font-size:15px;line-height:1.75;margin-bottom:18px}
  .article-page p.lead{
    font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:600;
    font-size:clamp(19px,1.8vw,22px);line-height:1.5;color:var(--head);margin-bottom:26px;
  }
  .article-page h2{
    font-family:'Merriweather',serif;font-weight:500;font-size:23px;color:var(--head);
    margin:34px 0 14px;
  }
  .article-page ul{margin:0 0 18px 0;padding-left:2px;list-style:none}
  .article-page li{
    position:relative;padding-left:24px;font-size:15px;line-height:1.7;margin-bottom:8px;
  }
  .article-page li::before{
    content:"";position:absolute;left:4px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--steel);
  }
  .article-page__cta{
    margin-top:44px;background:var(--steel);border-radius:32px;color:#fff;
    padding:34px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  }
  .article-page__cta p{font-size:16px;font-weight:500;margin:0;line-height:1.4}
  .article-page__cta .btn{background:#fff;color:#41597a}
  .article-page__cta .btn:hover{background:#f0f2f5}

  /* ---------- подвал как на главной ---------- */
  .footer{background:#fff;color:#2a2b2d;border-top:1px solid #e6e8ec}
  .footer__inner{max-width:1100px;margin:0 auto;padding:56px 32px 28px}
  .footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:48px;align-items:start}
  .footer__badge{
    display:inline-flex;align-items:center;gap:16px;
    background:var(--navy);border-radius:13px;padding:14px 22px;color:#fff;
  }
  .footer__badge-logo{font-family:'Merriweather',serif;font-weight:700;font-size:44px;line-height:1}
  .footer__badge-text{
    font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:600;
    font-size:14px;line-height:1.25;
  }
  .footer__req{margin-top:24px;font-size:13px;line-height:1.7}
  .footer__req-muted{color:#8b8f96}
  .footer__contacts{margin-top:18px;display:flex;flex-direction:column;gap:6px}
  .footer__contacts a{color:#2a2b2d;font-size:13px;text-decoration:none}
  .footer__contacts a:hover{text-decoration:underline}
  .footer__col-title{
    display:block;font-family:'Merriweather',serif;font-weight:500;
    font-size:15px;color:var(--head);margin-bottom:16px;
  }
  .footer__nav,
  .footer__docs{display:flex;flex-direction:column;gap:10px;padding-top:6px}
  .footer__nav a,
  .footer__docs a{
    color:var(--text);font-size:13px;text-decoration:none;width:max-content;
    transition:color .2s ease;
  }
  .footer__nav a:hover,
  .footer__docs a:hover{color:#41597a;text-decoration:underline}
  .footer__bottom{
    margin-top:44px;padding-top:20px;border-top:1px solid #eceef1;
    font-size:12px;color:#8b8f96;
  }
  @media (max-width:860px){
    .footer__grid{grid-template-columns:1fr;gap:36px}
  }
  @media (max-width:640px){
    .header__phone{display:none}
    .article-page{padding:36px 20px 56px}
    .article-page__cta{padding:26px 24px}
  }

.article-page p.verdict{
  font-family:'Merriweather',serif;
  font-weight:700;
  font-size:21px;
  color:var(--navy);
  margin:6px 0 22px;
}

/* статьи: шапка всегда белая — тёмные цвета навигации без is-solid */
.header .nav a{color:var(--ink)}
.header .nav a:hover{color:#41597a}
@media (max-width:900px){
  .nav{display:none}
}
@media (max-width:640px){
  .header__avatar{display:none}
}