/* Лендинг клинического руководства (PDF + положения).
   Все правила скоупятся под .prose — иначе глобальные .btn/.note из
   clinical.css и skins.css перебивают локальные стили. */

/* ---------- блок скачивания / просмотра ---------- */
.prose .dl-box{
  border:1px solid var(--line,#e5e0d8);
  border-top:3px solid var(--accent);
  background:var(--bg,#fff);
  padding:26px;
  margin:34px 0;
  border-radius:8px;
}
.prose .dl-box h3{margin:0 0 8px;font-size:20px;}
.prose .dl-box p{margin:0 0 18px;color:var(--muted,#6b6b6b);font-size:15.5px;}

.prose .dl-box .btn{
  display:inline-block;
  background:var(--accent);
  border:1px solid var(--accent);
  color:#fff;
  text-decoration:none;
  font-weight:600;
  font-size:15.5px;
  padding:12px 26px;
  border-radius:8px;
  margin:0 10px 10px 0;
}
.prose .dl-box .btn:hover{background:var(--accent-ink,#8F3C20);border-color:var(--accent-ink,#8F3C20);}
.prose .dl-box .btn.ghost{background:#fff;color:var(--accent);}
.prose .dl-box .btn.ghost:hover{background:var(--accent-wash,#F4E4D8);color:var(--accent);}
.prose .dl-meta{
  font-family:var(--mono,monospace);
  font-size:11.5px;
  color:var(--muted,#6b6b6b);
  margin-top:6px;
}

/* ---------- карточки положений ---------- */
.prose .pos{
  border:1px solid var(--line,#e5e0d8);
  border-left:3px solid #c9bca8;
  background:var(--bg,#fff);
  padding:16px 20px;
  margin:0 0 12px;
  border-radius:6px;
}
.prose .pos.rec{border-left-color:var(--accent);}

.prose .pos-h{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:6px;
}
.prose .pos-n{
  font-family:var(--mono,monospace);
  font-weight:600;
  color:var(--accent);
  font-size:14px;
}
/* .pos-tag НЕ использует глобальный .tag — он красится в оранжевый в skin-bold */
.prose .pos-tag{
  font-family:var(--mono,monospace);
  font-size:10.5px;
  letter-spacing:.1em;
  text-transform:uppercase;
  background:var(--accent-wash,#F4E4D8);
  color:var(--accent-ink,#8F3C20);
  padding:3px 9px;
  border-radius:3px;
}
.prose .pos.cons .pos-tag{background:#F0EEE9;color:#5c5c5c;}

.prose h3.pos-t{
  margin:0 0 8px;
  font-size:17.5px;
  line-height:1.35;
}
.prose .pos-s{margin:0 0 10px;font-size:16px;line-height:1.55;}

.prose .pos-m{
  display:flex;
  gap:20px;
  flex-wrap:wrap;
  font-family:var(--mono,monospace);
  font-size:11.5px;
  color:var(--muted,#6b6b6b);
  min-width:0;
}
.prose .pos-m span{overflow-wrap:anywhere;}
.prose .pos-m b{color:var(--ink,#1a1a1a);font-weight:500;}

/* ---------- врезка «Источник» ---------- */
.prose .note{
  background:var(--accent-wash,#F4E4D8);
  border-left:3px solid var(--accent);
  padding:16px 20px;
  margin:26px 0;
  font-size:15.5px;
  border-radius:6px;
}
.prose .note b{
  display:block;
  font-family:var(--mono,monospace);
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--accent-ink,#8F3C20);
  margin-bottom:7px;
}

/* ---------- мобильные ---------- */
@media (max-width:560px){
  .prose .dl-box{padding:20px 16px;}
  .prose .dl-box .btn{display:block;text-align:center;margin:0 0 10px;}
  .prose .pos{padding:14px 16px;}
  .prose .pos-m{gap:6px 16px;}
}