/* content-pages.css — общие стили для контентных страниц
   (about.html, contacts.html, contract-terms.html, project-composition.html).
   Замена inline-стилей на семантические классы. Использует переменные из :root. */

/* ===== Общие: breadcrumbs, section-heading override, page-hero H1 ===== */

/* Хлебные крошки в стиле контентных страниц */
.content-breadcrumbs{
  padding:22px clamp(24px,7vw,110px) 0;
  font-size:11px;
  color:#6b7280;
  letter-spacing:.05em;
}
.content-breadcrumbs a{
  color:inherit;
  text-decoration:underline;
  text-underline-offset:3px;
}
.content-breadcrumbs .sep{margin:0 8px}

/* Hero-секция на контентных страницах (H1 в стиле section-heading) */
.content-hero-section{padding-top:40px}

.content-hero-title{
  font-family:var(--serif);
  font-weight:400;
  letter-spacing:-.04em;
  line-height:1.08;
  font-size:clamp(42px,5vw,76px);
  margin:.34em 0;
}

/* Левое выравнивание для .section-heading на контентных страницах —
   отменяет 3-колоночный grid, который центрирует h2 в средней колонке. */
.content-heading-left{
  grid-template-columns:auto 1fr!important;
  text-align:left;
}
.content-heading-left>div:first-child{align-items:flex-start}

/* ===== contacts.html ===== */

/* Сетка контактных каналов и реквизитов */
.contacts-channels-grid{
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:18px;
}

.contacts-channel-link{color:inherit}

/* Секция реквизитов */
.contacts-requisites-section{
  padding-top:0;
  background:#f3f4f6;
}

/* Список реквизитов - двухколоночная сетка */
.contacts-requisites-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:0;
  margin:0;
  list-style:none;
  padding:0;
}

.contacts-requisites-row{
  border-top:1px solid var(--line);
  padding:16px 0;
  display:grid;
  grid-template-columns:1fr 1fr;
}
.contacts-requisites-row.is-last{border-bottom:1px solid var(--line)}
.contacts-requisites-row b{font-size:13px}
.contacts-requisites-row span{
  font-size:12px;
  color:#3a423e;
}

.contacts-requisites-note{
  margin-top:24px;
  font-size:12px;
  color:#6b7280;
  max-width:640px;
}

/* ===== about.html ===== */

/* Секция «Цифры, которые говорят» — без верхнего padding */
.about-numbers-section{padding-top:0}

/* Секция «Философия работы» — светлый бежевый фон */
.about-philosophy-section{background:#f3f4f6}

/* Тёмная секция сертификатов */
.about-dark-section{
  background:var(--forest);
  color:#fff;
}
.about-dark-section h2{color:#fff}
.about-dark-section .eyebrow{color:#9ca3af}
.about-dark-section .lead{color:#9ca3af}

/* Grid карточек в auto-fit */
.about-cards-autofit{
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}

/* Карточки сертификатов на тёмном фоне */
.about-cert-card{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.15);
}
.about-cert-card small{color:#9ca3af}
.about-cert-card h3{color:#fff}
.about-cert-card p{color:#9ca3af}
.about-cert-card a{color:var(--accent)}

/* Ссылки-карточки «Смотрите наши проекты» */
.about-link-card{
  text-decoration:none;
  color:inherit;
}

/* ===== contract-terms.html ===== */

/* Плотная сетка карточек «правового основания» */
.contract-legal-grid{
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
}

/* Секция этапов на светлом бежевом */
.contract-stages-section{background:#f3f4f6}

/* Тёмная секция «Скачать типовой договор» */
.contract-dark-section{
  background:var(--forest);
  color:#fff;
}
.contract-dark-section h2{color:#fff}
.contract-dark-section .lead{color:#9ca3af}

/* Карточки-ссылки на PDF/HTML в тёмной секции */
.contract-doc-card{
  text-decoration:none;
  color:#fff;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.15);
}
.contract-doc-card small{color:#9ca3af}
.contract-doc-card h3{color:#fff}
.contract-doc-card p{color:#9ca3af}

/* Оферта под тёмной секцией */
.contract-oferta-note{
  margin-top:24px;
  font-size:11px;
  color:#9ca3af;
}

/* ===== project-composition.html ===== */

/* «Что можно менять» - светлый фон */
.composition-changes-section{background:#f3f4f6}

/* Ссылка внутри intro на секцию каркасных */
.composition-inline-link{color:var(--forest)}

/* Заметка ниже карусели */
.composition-samples-note{
  margin-top:22px;
  font-size:11px;
  color:#9ca3af;
}
.composition-samples-note a{color:var(--accent)}

/* Мелкие подписи в таблице цен */
.composition-extras-caption{
  display:block;
  font-size:11px;
  color:#9ca3af;
  margin-top:4px;
}

/* Сбрасываем margin-bottom section-heading внутри специальных секций */
.section-heading.is-tight{margin-bottom:0}

/* ===== check-list — оверрайд max-width для контентных страниц ===== */
.check-list.is-wide{max-width:none}