/* Переопределения поверх inline-стилей d-cute-white.html (fixbatch-1).
   Сам HTML лендинга read-only: файл подключается landingHandler'ом последним
   в <head> — ПОСЛЕ inline <style>, поэтому при равной специфичности побеждают
   правила отсюда (инжект пинит cmd/server/landing_overrides_test.go). */

/* S2b: primary-действия главной — терракота #C2410C + белый (5.18:1, AA;
   пара подтверждена владельцем, VC batch 1 ack yd-primary-buttons-2026-10-05-confirm),
   hover темнеет в той же оранжевой шкале (#9A3412). Коралл остаётся
   декоративным токеном лендинга (чипы, иллюстрации, акцент логотипа). */
.btn.btn-primary { background: #C2410C; color: #fff }
.btn.btn-primary:hover { background: #9A3412; box-shadow: 0 8px 24px rgba(194,65,12,.35) }
.spec-btn { background: #C2410C; color: #fff }
.spec-btn:hover { background: #9A3412 }
/* Коралловый текст на белой кнопке → терракотовый (контраст пары) */
.btn-white { color: #C2410C }
/* Финальная CTA-полоса: фон терракота под крупным белым текстом */
.cta-stripe { background: #C2410C }

/* F-001: якорные секции лендинга (#how, #topics, #pricing, #faq и прочие
   id-секции) не прячутся под sticky-шапкой 73px — общий отступ 88px,
   как в app.css (одно правило на все id-якоря) */
section[id], h2[id], h3[id] { scroll-margin-top: 88px }

/* F-002: hit-area логотипа шапки ≥44px (текст ~35px + 2×6px padding),
   отрицательный margin компенсирует — визуально без изменений */
#header .logo { padding: 6px 0; margin: -6px 0 }

/* F-030: на самых узких экранах крупные CTA (btn-lg: padding 18px 36px,
   white-space:nowrap) не вылезают за край вьюпорта — «Смотреть всех
   специалистов» была 321px при 320px экрана (+40px overflow) */
@media (max-width: 360px) {
  .btn.btn-lg { padding: 14px 20px; max-width: 100%; white-space: normal; text-align: center; }
}

/* F-031: сжатие шапки в переходной зоне 769–900px (бургер включается только
   ≤768): без этого .header-actions вылезал за край на ~845–880 (+25px при 860) */
@media (min-width: 769px) and (max-width: 900px) {
  #header .header-inner { gap: 20px; }
  #header .nav { gap: 16px; }
}

/* F-030: на самых узких экранах крупные CTA (btn-lg: padding 18px 36px,
   white-space:nowrap) не вылезают за край вьюпорта — «Смотреть всех
   специалистов» была 321px при 320px экрана (+40px overflow) */
@media (max-width: 360px) {
  .btn.btn-lg { padding: 14px 20px; max-width: 100%; white-space: normal; text-align: center; }
}