/* Тарифы: подробные карточки уровней поверх .urovni с главной (glavnaya.css подключён
   в meta страницы), плюс черновик-предупреждение. Общие файлы не трогаем, все правила
   для этой страницы живут здесь. */

.chernovik {
  margin-top: 28px; display: flex; gap: 12px; align-items: flex-start; max-width: 720px;
  padding: 16px 18px; border-radius: var(--radius-knopki); background: var(--bumaga-2);
  border: 1px solid var(--liniya); border-left: 3px solid var(--zvezda);
}
.chernovik svg { flex: none; margin-top: 3px; color: var(--zvezda); }
.chernovik p { color: var(--tekst-2); font-size: var(--melko-r); line-height: var(--melko-v); }
.chernovik b { color: var(--tekst); font-weight: 700; }

/* карточки уровней подробнее, чем на главной: строка "кому", список из чего состоит
   уровень, что включает предыдущий уровень внизу карточки */
.urovni.podrobno { align-items: stretch; margin-top: 36px; }
.urovni.podrobno li { display: flex; flex-direction: column; gap: 14px; position: relative; }
.urovni.podrobno li.svoj { border-color: var(--deystvie); box-shadow: inset 0 0 0 1px var(--deystvie); }
.urovni.podrobno .znachok {
  position: absolute; top: -12px; left: 20px; padding: 3px 10px; border-radius: 999px;
  background: var(--deystvie); color: var(--na-deystvii); font: 600 12px/1.4 var(--shrift-tekst);
}
.urovni.podrobno .cena-god { margin: -6px 0 0; color: var(--tekst-2); font: 500 14px/1.3 var(--shrift-cifry); }
.urovni.podrobno .komu { color: var(--tekst-2); font-size: var(--podpis-r); line-height: var(--podpis-v); }
.urovni.podrobno .spisok { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.urovni.podrobno .spisok li {
  padding: 0 0 0 20px; position: relative; color: var(--tekst-2); font-size: var(--melko-r); line-height: 1.4;
  background: none; border: 0; border-radius: 0;
}
.urovni.podrobno .spisok li::before { content: "✓"; position: absolute; left: 0; color: var(--deystvie); font-weight: 700; }
.urovni.podrobno .vklyuchaet {
  margin-top: auto; padding-top: 12px; border-top: 1px solid var(--liniya);
  color: var(--tekst-2); font-size: var(--podpis-r);
}
@media (max-width: 960px) { .urovni.podrobno { margin-top: 28px; } }