/* ════════════════════════════════════════════════════════════════════
   Прості сторінки: прескіт, приватність, 404.

   Навмисно нудні. Ні стрічки, ні снапу, ні паралаксу, ні дощу, ні
   звуку. Прескіт відкриває журналіст, якому потрібен файл, а не
   подорож; приватність читають, коли щось шукають. Швидко й
   передбачувано — тут це перевага (LAWS.md, розділ 10).

   Захисне поле те саме, 32 px (A1). Вміст приліплений вліво (A5).
   ════════════════════════════════════════════════════════════════════ */

body.doc {
  min-height: 100vh;
  background: var(--c-surface-base);
  padding: var(--safe);
}

.doc__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: calc(var(--step) * 3);
  padding-bottom: calc(var(--step) * 3);
  border-bottom: 1px solid var(--c-border);
}

.doc__back {
  display: grid;
  gap: 4px;
  text-decoration: none;
  border-left: 1px solid var(--c-gold);
  padding-left: calc(var(--step) * 1.5);
}
.doc__backName {
  font-family: var(--font-display);
  font-weight: var(--w-heading);
  font-size: var(--fs-label);
  line-height: var(--lh-label);
  letter-spacing: var(--ls-label);
  color: var(--c-text-primary);
}
.doc__backKind {
  font-size: var(--fs-meta);
  line-height: var(--lh-meta);
  letter-spacing: var(--ls-meta);
  text-transform: uppercase;
  color: var(--c-text-secondary);
}

.doc__body {
  /* Смуга для читання, не на всю ширину: довгий рядок читається гірше. */
  max-width: 62ch;
  padding-block: calc(var(--step) * 6);
}

.doc__title {
  font-family: var(--font-display);
  font-weight: var(--w-heading);
  font-size: var(--fs-h1);
  line-height: var(--lh-h1);
  letter-spacing: var(--ls-h1);
  margin: 0 0 calc(var(--step) * 2);
}

.doc__summary {
  font-size: var(--fs-label);
  line-height: var(--lh-label);
  color: var(--c-text-secondary);
  margin: 0 0 calc(var(--step) * 5);
}

.doc__section { margin-bottom: calc(var(--step) * 5); }

.doc__h2 {
  font-family: var(--font-display);
  font-weight: var(--w-heading);
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
  letter-spacing: var(--ls-h3);
  margin: 0 0 calc(var(--step) * 2);
  padding-bottom: var(--step);
  /* Волосяна лінія під заголовком — картографія, не плашка. */
  border-bottom: 1px solid var(--c-border);
}

.doc__p { margin: 0 0 calc(var(--step) * 2); }

/* Факт-шит: пари ключ-значення в дві колонки. */
.doc__facts {
  display: grid;
  grid-template-columns: minmax(0, 18ch) minmax(0, 1fr);
  gap: var(--step) calc(var(--step) * 3);
  margin: 0;
}
.doc__factKey {
  font-size: var(--fs-meta);
  line-height: var(--lh-meta);
  letter-spacing: var(--ls-meta);
  text-transform: uppercase;
  color: var(--c-text-secondary);
}
.doc__factValue { margin: 0; }

.doc__files { list-style: none; margin: 0; padding: 0; }
.doc__files li {
  display: grid;
  grid-template-columns: minmax(0, 24ch) minmax(0, 1fr);
  gap: calc(var(--step) * 2);
  padding-block: var(--step);
  border-bottom: 1px solid var(--c-border);
}
.doc__fileName { font-family: var(--font-num); }
.doc__fileNote { color: var(--c-text-secondary); font-size: var(--fs-meta); }

.doc .rail__lang { border-bottom: none; padding-bottom: 0; }