.doc { max-width: 760px; padding-block: clamp(110px, 12vw, 150px) 60px; display: flex; flex-direction: column; gap: 22px; }
  .doc h1 { font-size: clamp(2.2rem, 5vw, 3.2rem); text-align: start; }
  .doc h2 { font-size: 1.5rem; text-align: start; margin-top: 18px; padding-top: 22px; border-top: 1px solid var(--line); }
  .doc ul { list-style: disc; padding-inline-start: 22px; display: flex; flex-direction: column; gap: 8px; }
  .doc h3 { font-size: 1.12rem; margin-top: 6px; }
  .doc a { text-underline-offset: 4px; }
  .doc .draft { background: var(--stone); padding: 16px 20px; border-radius: 12px; border: 1px solid var(--line); font-size: .95rem; }

  .doc .updated { color: var(--muted); font-size: .95rem; }

  .doc p, .doc li { overflow-wrap: anywhere; }
@media (max-width: 360px) { .top-in { flex-wrap: nowrap; gap: 4px; } .nav-cta { white-space: nowrap; } }
@media (max-width: 360px) { html.a11y-text .top-in, html.a11y-font .top-in { flex-wrap: wrap; } }
  .doc ul ul { list-style: circle; margin-top: 8px; }
  .doc ol { list-style: decimal; padding-inline-start: 22px; display: flex; flex-direction: column; gap: 8px; }