/* Текстовые страницы в новом дизайне: политика, согласие, документация для клиник.
   Подключается после new.css; здесь только то, чего в new.css нет. */

/* Якоря разделов не прячутся под верхним краем окна */
.n-docs section{scroll-margin-top:20px}
.n-docs section h3{margin-top:8px}

/* Шапка документа: в разметке строка с редакцией стоит до заголовка (как в исходном тексте), на экране — под ним */
.n-docs__head .n-h1{order:-1}

/* Длинное оглавление не выходит за окно */
.n-docs-aside{max-height:calc(100vh - 32px);overflow-y:auto}
.n-docs-aside .n-side__a{min-height:36px;padding-block:6px;line-height:20px}

/* Нумерация разделов счётчиком — когда номера нет в тексте заголовка (согласие) */
.n-docs--num{counter-reset:n-docs-term}
.n-docs--num>section{counter-increment:n-docs-term}
.n-docs--num>section>h2::before{content:counter(n-docs-term) ". "}

/* Реквизиты: «название — значение» */
.n-kv{margin:0}
.n-kv dt{color:var(--n-muted)}
.n-kv dd{margin:0;color:var(--n-ink)}

/* Код и примеры */
.n-docs code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;color:var(--n-blue-ink);overflow-wrap:anywhere}
.n-pre{display:block;margin:0;max-height:440px;overflow:auto;padding:16px;border-radius:var(--n-r-m);background:var(--n-bg);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:19px;white-space:pre;color:var(--n-ink)}

/* Таблицы в тексте: длинные ячейки, выравнивание по верху */
.n-doctable td{vertical-align:top}
.n-doctable th:first-child,.n-doctable td:first-child{padding-left:0}
.n-doctable th:last-child,.n-doctable td:last-child{padding-right:0}
.n-doctable tbody tr:hover td{background:transparent}

/* Способы передачи данных: строка «название — пояснение — кнопка» */
.n-docs .n-place:last-child{border-bottom:0}

/* Справочник специальностей — простым списком в колонки */
.n-speclist--plain{columns:3 180px;column-gap:24px;font-size:14px;line-height:24px}

@media (max-width:720px){
  .n-kv dd{margin-bottom:10px}
  /* таблица — карточками: подпись колонки берётся из data-label */
  .n-doctable thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .n-doctable,.n-doctable tbody{display:block}
  .n-doctable tr{display:block;padding:12px 0;border-bottom:1px solid var(--n-line-2)}
  .n-doctable tr:last-child{border-bottom:0}
  .n-doctable,.n-doctable td{white-space:normal}
  .n-doctable td{display:block;padding:2px 0;border:0}
  .n-doctable td::before{content:attr(data-label);display:block;font-size:12px;line-height:18px;font-weight:600;color:var(--n-muted)}
}

@media print{
  .n-hdr,.n-foot,.n-crumbs,.n-docs-aside,.n-docs__btn,.gd-cookie{display:none!important}
  .n [style*="grid-template-columns: 260px"]{display:block!important}
  .n-docs{max-width:none!important}
}