/*
 * Страницы о наследстве — свои блоки: «Как узнать нотариуса по наследству» (nasledstvo_notarius.htm)
 * и «Наследственные споры в суде» (nasledstvenyi_advokat.htm).
 * Подключается ПОСЛЕ style.css рекламной страницы: цвета, шрифты и размеры — её переменные
 * (--navy, --gold-old, --fs-3 …). Новых цветов здесь не задаётся.
 * Собирают eksport/nasledstvo-notarius/sborka.mjs и eksport/nasledstvo-advokat/sborka.mjs.
 */

/* ---------- Первый экран: ответ на вопрос + «мы юристы, а не нотариусы» ---------- */
.nn-hero { color: var(--on-navy); }
.nn-eyebrow { margin-bottom: .5rem; font-size: var(--fs-1); font-weight: 600; letter-spacing: .08em;
              text-transform: uppercase; color: var(--gold-old); }
.nn-otvet h1 { font-size: var(--fs-6); line-height: 1.12; color: var(--on-navy); }
.nn-lead { max-width: 62ch; margin-top: 1rem; margin-bottom: 0; font-size: var(--fs-3); line-height: 1.6; color: var(--on-navy); }
.nn-lead b { color: var(--gold-old); font-weight: 600; }
.nn-lead a { color: var(--gold-old); white-space: nowrap; }
.nn-my { padding: 24px; border-radius: var(--r-lg); background: var(--surface); color: var(--ink); box-shadow: var(--sh-3); }
.nn-my b { color: var(--navy); }

/* ---------- Карточки «Когда нужен суд» ---------- */
.nn-kart { display: flex; flex-direction: column; background: var(--surface); }
.nn-kart p { flex-grow: 1; }
.nn-obsudit { align-self: flex-start; display: inline-flex; align-items: center; gap: .375rem; padding: 0; border: 0;
              background: none; font-size: var(--fs-2); font-weight: 600; color: var(--brass); cursor: pointer; }
.nn-obsudit:hover { color: var(--navy); }
.nn-dalee { display: inline-flex; align-items: center; gap: .375rem; font-weight: 600; }

/* ---------- Нотариус / только суд ---------- */
.nn-spisok { border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--surface); }
.nn-spisok h3 { display: flex; align-items: center; gap: .5rem; font-size: var(--fs-4); }
.nn-spisok h3 .ico { color: var(--brass); }
.nn-spisok ul { margin: .75rem 0 0; padding-left: 1.25rem; font-size: var(--fs-3); }
.nn-spisok li + li { margin-top: .5rem; }
.nn-spisok-sud { border-color: var(--navy); background: var(--sage); }

/* ---------- Документы ---------- */
.nn-dok { display: grid; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.nn-dok li { display: flex; align-items: flex-start; gap: .5rem; font-size: var(--fs-3); }
.nn-dok .ico { margin-top: 3px; color: var(--brass); }
@media (min-width: 768px) { .nn-dok { grid-template-columns: 1fr 1fr; column-gap: 2rem; } }

/* ---------- Стоимость у нотариуса: строки «за что — сколько» ---------- */
.nn-tab { border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--surface); overflow: hidden; }
.nn-tab-r { display: grid; gap: .25rem; padding: .875rem 1.25rem; font-size: var(--fs-2); }
.nn-tab-r + .nn-tab-r { border-top: 1px solid var(--line); }
.nn-tab-r b { color: var(--navy); }
@media (min-width: 768px) { .nn-tab-r { grid-template-columns: 1fr minmax(220px, auto); align-items: center; gap: 1.5rem; }
                            .nn-tab-r b { text-align: right; } }

/* ---------- Типичные ситуации ---------- */
.nn-primer { border-left: 4px solid var(--gold-old); border-radius: var(--r); background: var(--surface); box-shadow: var(--sh-1); }
.nn-primer h3 { font-size: var(--fs-4); line-height: 1.35; }
.nn-primer p { font-size: var(--fs-2); color: var(--ink); }

/* ---------- «Другая ситуация?» — последняя карточка в сетке споров ---------- */
.nn-drugoe { display: flex; flex-direction: column; align-items: flex-start; justify-content: center;
             border: 1px dashed var(--navy); border-radius: var(--r-lg); background: var(--sage); }
.nn-drugoe h3 { font-size: var(--fs-4); }
.nn-drugoe p { max-width: 52ch; font-size: var(--fs-2); }

/* ---------- Почему нам доверяют (страница споров) ---------- */
.nn-fakty { display: grid; gap: 1rem; margin: 0; padding: 0; list-style: none; }
.nn-fakty li { padding: 1.25rem; border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--surface); }
.nn-fakty b { display: block; font-size: var(--fs-5); line-height: 1.2; color: var(--navy); }
.nn-fakty span { display: block; margin-top: .375rem; font-size: var(--fs-2); color: var(--muted); }
@media (min-width: 768px) { .nn-fakty { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 992px) { .nn-fakty { grid-template-columns: repeat(4, 1fr); } }

/* ---------- Случай из практики (страница споров) ---------- */
.nn-sluchai { border: 1px solid var(--line); border-left: 4px solid var(--gold-old); border-radius: var(--r-lg);
              background: var(--surface); box-shadow: var(--sh-1); }
.nn-sluchai h3 { font-size: var(--fs-4); line-height: 1.35; }
.nn-sluchai-meta { font-size: var(--fs-1); font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.nn-sluchai dl { display: grid; gap: 1rem; margin: 0; }
.nn-sluchai dt { font-size: var(--fs-2); font-weight: 600; color: var(--navy); }
.nn-sluchai dd { margin: .25rem 0 0; font-size: var(--fs-2); }
@media (min-width: 992px) { .nn-sluchai dl { grid-template-columns: repeat(3, 1fr); column-gap: 2rem; } }

/* ---------- Ещё по теме ---------- */
.nn-ssylki { display: grid; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.nn-ssylki a { display: inline-flex; align-items: center; gap: .375rem; font-weight: 600; }

/* ---------- Текст старой страницы (владелец 15.10.2026: вернуть полностью) — удобная ширина строки ---------- */
.nn-tekst { max-width: 75ch; }
.nn-tekst p { font-size: var(--fs-3); line-height: 1.6; }
.nn-tekst p:last-child { margin-bottom: 0; }
.nn-tekst h3 { margin: 1.75rem 0 .75rem; font-size: var(--fs-4); }
/* Карточка с номером без заголовка («5 причин…») — отступ текста от номера */
.napr > .napr-n + p { margin-top: .75rem; }