/* Общий блок «Почему стоит выбрать нас» (partials/site/why.html): список преимуществ карточками с галочкой, два столбца, на телефоне один.
   Вид страницы задают переменные --why-card, --why-line, --why-accent и правила страницы в слое page. Логические свойства: готово к RTL. */
@layer site {
  .site-why-wrap { margin-block-start: clamp(2.5rem, 5vw, 4rem); }
  .site-why { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.8rem; }
  .site-why__item { position: relative; padding: 1rem 1.2rem 1.1rem 3.4rem; border: 1px solid var(--why-line, var(--team-line, var(--site-line))); border-radius: 0.8rem; background: var(--why-card, var(--team-card, rgba(255, 255, 255, 0.04))); }
  .site-why__item::before { content: ""; position: absolute; inset-inline-start: 1.1rem; inset-block-start: 1.1rem; inline-size: 1.4rem; block-size: 1.4rem; border-radius: 50%; background: var(--why-accent, var(--team-accent, var(--faq-accent, var(--site-signal)))); }
  .site-why__item::after { content: ""; position: absolute; inset-inline-start: 1.6rem; inset-block-start: 1.45rem; inline-size: 0.35rem; block-size: 0.65rem; border-inline-end: 2px solid var(--why-ink, var(--faq-accent-ink, #0b0c10)); border-block-end: 2px solid var(--why-ink, var(--faq-accent-ink, #0b0c10)); transform: rotate(40deg); }
  .site-why__t { margin: 0 0 0.3rem; font-size: 1.05rem; font-weight: 700; line-height: 1.3; }
  .site-why__d { margin: 0; font-size: 0.95rem; line-height: 1.5; color: var(--site-dim); }
  @media (max-width: 43.75rem) { .site-why { grid-template-columns: 1fr; } }
}