/* «Сведения об образовательной организации» (/sveden/*): меню разделов + карточка раздела.
   Подключается после lp.css и пользуется его переменными. Макет — пакет оператора o_nas (10.11.2026):
   ≥1024 — меню колонкой слева, прилипает под липкой шапкой (72 px + 24); уже — раскрывающийся список над карточкой. */

.sv-h1{margin-top:56px}
.sv{display:grid;grid-template-columns:294px minmax(0,1fr);gap:var(--gap);align-items:start;margin-top:40px}

/* меню */
.sv-side{position:sticky;top:96px;padding:20px 12px 10px;max-height:calc(100vh - 112px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.sv-side__cap{font-size:14px;color:var(--ink-2);padding:0 12px 6px}
.sv-links a{display:block;padding:5px 12px;border-radius:10px;font-size:15px;line-height:1.25;color:var(--ink);transition:color var(--t),background var(--t)}
.sv-links a:hover{color:var(--brand)}
.sv-links a[aria-current]{background:var(--page);color:var(--brand);font-weight:600}
.sv-pick{display:none}

/* карточка раздела */
.sv-card{padding:32px;min-width:0}
.sv-h2{font:500 28px/1.2 var(--serif);margin-bottom:24px}
.sv-h3{font:500 22px/1.25 var(--serif);margin:36px 0 12px}
.sv-card>p,.sv-card>.sv-ul{font-size:16px;line-height:1.6;max-width:820px}
.sv-card>p+p,.sv-card>p+.sv-ul,.sv-card>.sv-ul+p{margin-top:12px}
.sv-card>*+.sv-table,.sv-card>*+.sv-docs,.sv-card>*+.sv-progs,.sv-card>*+.sv-person{margin-top:16px}
.sv-card>.sv-table+p,.sv-card>.sv-docs+p,.sv-card>.sv-docs+.sv-docs,.sv-card>.sv-table+.sv-docs{margin-top:20px}
.sv-card a:not(.sv-doc):not(.sv-prog){color:var(--brand);text-decoration:underline;text-underline-offset:2px}
.sv-card a:not(.sv-doc):not(.sv-prog):hover{color:var(--brand-deep)}
.sv-ul{padding-left:22px;list-style:disc}
.sv-ul li+li{margin-top:6px}
.sv-ul li::marker{color:var(--ink-3)}
.sv-ul--plain{padding:0;list-style:none}
.sv-ul--plain li+li{margin-top:2px}
.sv-nw{white-space:nowrap}

/* таблица «параметр — значение» */
.sv-table{background:var(--page);border-radius:16px;padding:6px 20px}
.sv-row{display:grid;grid-template-columns:minmax(180px,244px) 1fr;gap:16px;padding:14px 0;font-size:15px;line-height:1.55}
.sv-row+.sv-row{border-top:1px solid var(--line)}
.sv-row dt{color:var(--ink-2)}
.sv-row dd{margin:0;min-width:0;overflow-wrap:anywhere}

/* список документов: вся строка — ссылка, PDF в новой вкладке */
.sv-docs li+li{border-top:1px solid var(--line)}
.sv-doc{display:grid;grid-template-columns:40px 1fr 20px;gap:14px;align-items:center;padding:14px 8px;font-size:15px;line-height:1.45;color:var(--ink);transition:color var(--t)}
.sv-doc__ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#FCF4F3;color:var(--brand)}
.sv-doc .ic--ext{color:var(--ink-3);transition:color var(--t)}
.sv-doc:hover{color:var(--brand)}
.sv-doc:hover .ic--ext{color:var(--brand)}

/* перечень программ */
.sv-progs li+li{border-top:1px solid var(--line)}
.sv-prog{display:grid;grid-template-columns:40px 1fr 20px;gap:14px;align-items:center;padding:13px 8px;font-size:15px;line-height:1.45;color:var(--ink)}
.sv-prog b{color:var(--brand);font-weight:700}
.sv-prog .ic--ext{color:var(--ink-3)}
a.sv-prog:hover{color:var(--brand)}
a.sv-prog:hover .ic--ext{color:var(--brand)}
.sv-progs.is-short .sv-x{display:none}
.sv-more{margin:12px 8px 0}
.sv-more .ic{transition:transform var(--t)}
.sv-more[aria-expanded="true"] .ic{transform:rotate(-90deg)}

/* карточка сотрудника */
.sv-person{border:1px solid var(--line);border-radius:16px;padding:20px}
.sv-person+.sv-h3{margin-top:36px}
.sv-person__head{display:flex;align-items:center;gap:16px}
.sv-person__ava{width:56px;height:56px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--rose);color:var(--brand-deep);font:600 18px/1 var(--sans)}
.sv-person__name{font-size:17px;font-weight:600}
.sv-person__role{font-size:15px;color:var(--ink-2)}
.sv-person .sv-table{margin-top:16px}

@media (max-width:1279px){
  .sv{grid-template-columns:260px minmax(0,1fr)}
}
/* 768 и 390: меню — раскрывающийся список над карточкой */
@media (max-width:1023px){
  .sv-h1{margin-top:32px}
  .sv{grid-template-columns:minmax(0,1fr);margin-top:28px}
  .sv-side{display:none}
  .sv-pick{display:block;position:relative;z-index:3}
  .sv-pick__btn{display:grid;grid-template-columns:1fr 20px;align-items:center;column-gap:12px;padding:10px 16px;background:var(--surface);border-radius:16px;box-shadow:var(--shadow);cursor:pointer;list-style:none}
  .sv-pick__btn::-webkit-details-marker{display:none}
  .sv-pick__cap{grid-column:1;font-size:13px;color:var(--ink-2)}
  .sv-pick__name{grid-column:1;font-size:16px;font-weight:600;line-height:1.35}
  .sv-pick__btn .ic{grid-column:2;grid-row:1/3;color:var(--brand-deep);transition:transform var(--t)}
  .sv-pick[open] .sv-pick__btn .ic{transform:rotate(-90deg)}
  .sv-pick__list{position:absolute;left:0;right:0;top:calc(100% + 8px);padding:8px;background:var(--surface);border-radius:16px;box-shadow:var(--shadow-pop);max-height:min(70vh,640px);overflow:auto}
  .sv-pick__list a{font-size:16px;line-height:1.35;padding:10px 12px}
  .sv-card{padding:28px 24px}
}
@media (max-width:739px){
  .sv-h2{font-size:24px;margin-bottom:20px}
  .sv-h3{font-size:19px;margin:28px 0 10px}
  .sv-card{padding:24px 16px}
  .sv-table{padding:2px 14px}
  .sv-row{grid-template-columns:1fr;gap:2px;padding:12px 0}
  .sv-row dt{font-size:14px}
  .sv-doc,.sv-prog{grid-template-columns:40px 1fr 20px;gap:12px;padding:12px 4px}
  .sv-prog{grid-template-columns:36px 1fr 20px}
  .sv-person{padding:16px}
}