/* Страницы направлений, «Контакты» и «О студии» (20.10.2026).
   Надстройка над шаблоном документов из style.css (.doc-page, .doc, .doc__hdr):
   те же цвета, шрифты и кнопки, плюс несколько блоков для содержательных страниц. */

.doc__nav { display: flex; align-items: center; gap: 22px; }
.doc__nav a { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; color: var(--muted); border-bottom: 0; }
.doc__nav a:hover { color: var(--honey-2); }
.doc__nav .btn { color: #FCF8F1; }
@media (max-width: 720px) {
  .doc__nav a:not(.btn) { display: none; }
}

.doc .crumbs { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 18px; padding: 0; list-style: none; font-size: 13px; color: var(--muted); }
.doc .crumbs li { margin: 0; }
.doc .crumbs li + li::before { content: '›'; margin-right: 6px; color: var(--muted-2); }
.doc .crumbs a { color: var(--muted); border-bottom: 0; }
.doc .crumbs a:hover { color: var(--honey-2); }

.doc h1 { margin-bottom: 18px; }
.doc .lead { font-size: clamp(17px, 1.4vw, 20px); line-height: 1.6; color: var(--ink-2); margin: 0 0 26px; }

.doc .facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin: 0 0 30px; padding: 0; list-style: none; }
.doc .facts li { margin: 0; padding: 14px 16px; border: 1px solid var(--line); border-radius: var(--r); background: var(--glass-card); box-shadow: var(--sh-1); }
.doc .facts b { display: block; font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); margin-bottom: 6px; }
.doc .facts span { font-size: 16px; color: var(--ink); }

.doc .note { margin: 0 0 18px; padding: 16px 18px; border-left: 3px solid var(--honey-soft); border-radius: 0 var(--r-sm) var(--r-sm) 0; background: var(--ivory-2); color: var(--ink-2); }

.doc .cta { margin: 34px 0; padding: clamp(22px, 3vw, 32px); border-radius: var(--r-lg); background: var(--cream); border: 1px solid var(--line); }
.doc .cta h2 { margin: 0 0 10px; padding: 0; border: 0; }
.doc .cta p { margin: 0 0 18px; }
.doc .cta__act { display: flex; flex-wrap: wrap; gap: 10px; }
.doc a.btn { border-bottom: 0; }
.doc a.btn--dark, .doc a.btn--honey { color: #FCF8F1; }
.doc a.btn--ghost { color: var(--ink); }

.doc .sched { margin: 0 0 14px; padding: 0; list-style: none; }
.doc .sched li { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0; padding: 10px 0; border-bottom: 1px solid var(--line); }
.doc .sched time { min-width: 13ch; font-weight: 600; color: var(--ink); }
.doc .sched .dim { font-size: 14px; }

.doc .day { margin: 26px 0 6px; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; color: var(--honey-2); }

.doc .links { margin: 0 0 18px; padding: 0; list-style: none; }
.doc .links li { margin: 0; padding: 10px 0; border-bottom: 1px solid var(--line); }
.doc .links a { border-bottom: 0; }

.doc details { margin: 0; padding: 14px 0; border-bottom: 1px solid var(--line); }
.doc summary { cursor: pointer; font-weight: 600; color: var(--ink); }
.doc details p { margin: 10px 0 0; }

.doc .team { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; margin: 0 0 18px; padding: 0; list-style: none; }
.doc .team li { margin: 0; padding: 16px 18px; border: 1px solid var(--line); border-radius: var(--r); background: var(--glass-card); }
.doc .team b { display: block; font-family: 'Prata', Georgia, serif; font-weight: 400; font-size: 19px; color: var(--ink); }
.doc .team span { display: block; font-size: 14px; color: var(--muted); margin-top: 4px; }

.doc .map { margin: 0 0 14px; border-radius: var(--r-lg); overflow: hidden; border: 1px solid var(--line); }
.doc .map iframe { display: block; width: 100%; height: 360px; border: 0; }