/* Внутренние страницы: сравнение, галерея работ, кейс, категории, политика. После site.css. */

/* таблица сравнения */
.cmp-wrap { overflow-x: auto; }
.cmp { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); min-width: 640px; }
.cmp th, .cmp td { text-align: left; padding: var(--s-2) var(--s-3); border-bottom: 1px solid var(--c-line); vertical-align: top; color: var(--c-ink-2); }
.cmp thead th { font-weight: 600; color: var(--c-ink); border-bottom: 1px solid var(--c-ink); }
.cmp tbody th { font-weight: 500; color: var(--c-ink); width: 26%; }
.cmp td:last-child { color: var(--c-ink); }

/* галерея работ — фото с подписью, без карточек */
.gallery { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s-6) var(--s-4); }
.gallery img { width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; border: 1px solid var(--c-line); background: var(--c-byaz-2); }
.gallery h3 { font-family: var(--f-text); font-weight: 600; font-size: var(--fs-lg); letter-spacing: 0; margin: var(--s-2) 0 var(--s-1); }
.gallery h3 a { color: var(--c-ink); text-decoration: none; }
.gallery h3 a:hover { color: var(--c-chalk); }

/* кейс */
.crumbs { font-size: var(--fs-sm); color: var(--c-muted); margin-bottom: var(--s-3); }
.crumbs a { color: var(--c-muted); }
.case__head { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s-6); align-items: end; margin-bottom: var(--s-5); }
.case__head h1 { font-size: var(--fs-2xl); margin-bottom: var(--s-2); }
.case__head .lead { margin: 0; }
.case__gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s-3); }
.case__how { max-width: 62ch; margin-top: var(--s-6); }
.case__how h2 { font-size: var(--fs-xl); }
.case__nav { display: flex; justify-content: space-between; gap: var(--s-4); margin-top: var(--s-6); padding-top: var(--s-3); border-top: var(--stitch-chalk); font-size: var(--fs-sm); }
.case__nav a { text-decoration: none; }

/* список «что нужно от вас» */
.need { margin: 0; padding-left: 1.2em; color: var(--c-ink-2); }
.need li { margin-bottom: var(--s-2); }
.need b { color: var(--c-ink); font-weight: 600; }

/* политика */
.policy .container { max-width: 760px; }
.policy h2 { font-size: var(--fs-xl); margin-top: var(--s-5); }

@media (max-width: 900px) {
  .gallery, .case__gallery { grid-template-columns: repeat(2, 1fr); }
  .case__head { grid-template-columns: 1fr; gap: var(--s-3); }
}
@media (max-width: 480px) {
  .gallery { grid-template-columns: 1fr; }
}

/* факты не шире текста */
.section > .container > .facts { max-width: 66ch; }