/* Каркас страницы: контейнер, шапка, лента тем, секции, подвал */
.wrap {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 var(--gutter);
}

/* Шапка */
.site-header {
  display: flex; flex-wrap: wrap; gap: 16px 28px;
  align-items: center; justify-content: space-between;
  padding: 24px 0 18px;
}
.site-nav {
  display: flex; flex-wrap: wrap; gap: 6px 26px;
  align-items: center; font-size: 17px;
}

/* Лента тем под шапкой */
.rail {
  border-top: 4px solid var(--ink);
  border-bottom: 1px solid var(--ink);
  padding: 9px 0;
  display: flex; flex-wrap: wrap; gap: 8px 32px;
  font-size: 14px; letter-spacing: 0.06em; text-transform: uppercase;
}
.rail__open { margin-left: auto; color: var(--mute); }

/* Секции */
.section { padding-bottom: var(--section-gap); }
.section--page { padding-top: var(--page-top); }
.section__head {
  display: flex; flex-wrap: wrap; gap: 16px 40px;
  align-items: baseline; justify-content: space-between;
}
.section__lead {
  font-size: 20px; line-height: 1.55; color: var(--ink-2);
  margin: 16px 0 0; max-width: 30em;
}

/* Подвал / контакты */
.site-footer {
  border-top: 4px solid var(--ink);
  padding: var(--page-top) 0 clamp(56px, 7vw, 88px);
}
.site-footer__meta {
  display: flex; flex-wrap: wrap; gap: 12px 32px;
  margin-top: 80px; font-size: 15px; color: var(--mute);
}

/* На телефоне «Открыт к работе» — отдельной строкой слева, а не прижатым вправо */
@media (max-width: 700px) {
  .rail__open { margin-left: 0; flex-basis: 100%; }
}