/*
 * Текст сторінки з CMS (.storinka-tekst): одні правила для сайту й для поля
 * візуального редактора в адмінці (там те саме поле має клас storinka-tekst),
 * тож редактор показує текст так, як на сайті. Кольори – власні змінні блоку,
 * щоб не залежати від :root сайту чи адмінки.
 * Стилі блоків (вибір «Стиль» у редакторі; сервер пропускає лише ці класи):
 *   p.lid – вступ, p.prymitka – примітка, p.vazhlyvo – важливо, p.dribno – дрібний текст,
 *   a.kn – посилання-кнопка.
 */
.storinka-tekst{--t-synii:#123a7a;--t-synii-2:#2a63c4;--t-synii-m:#e8f0fc;--t-zoloto:#c8962f;--t-zoloto-m:#fbf3e1;
  --t-tekst:#141c2b;--t-tykho:#586379;--t-liniia:#dfe5ee;--t-tlo-2:#f2f5fa;
  --t-serif:Fraunces,Georgia,serif;--t-sans:Manrope,system-ui,"Segoe UI",Roboto,sans-serif;
  max-width:46em;margin:10px 0 28px;font:17px/1.65 var(--t-sans);color:var(--t-tekst)}
.storinka-tekst p{margin:0 0 14px}
.storinka-tekst h2,.storinka-tekst h3{font-family:var(--t-serif);color:var(--t-synii);letter-spacing:-.015em}
.storinka-tekst h2{font-size:clamp(25px,2.4vw,31px);font-weight:800;line-height:1.18;margin:34px 0 12px}
.storinka-tekst h3{font-size:clamp(19px,1.6vw,21px);font-weight:800;line-height:1.3;margin:26px 0 8px}
.storinka-tekst>:first-child{margin-top:0}
.storinka-tekst a{color:var(--t-synii-2)}
.storinka-tekst ul,.storinka-tekst ol{margin:0 0 14px;padding-left:1.4em}.storinka-tekst li{margin:4px 0}
.storinka-tekst li::marker{color:var(--t-zoloto)}
.storinka-tekst table{border-collapse:collapse;margin:16px 0;max-width:100%;display:block;overflow-x:auto;font-size:.95em}
.storinka-tekst td,.storinka-tekst th{border:1px solid var(--t-liniia);padding:7px 12px;text-align:left;vertical-align:top}
.storinka-tekst th{background:var(--t-tlo-2);font-weight:700}
.storinka-tekst img{max-width:100%;height:auto;border-radius:12px;margin:6px 0}
.storinka-tekst hr{border:0;border-top:1px solid var(--t-liniia);margin:28px 0}
.storinka-tekst blockquote{margin:16px 0;padding:10px 18px;border-left:4px solid var(--t-zoloto);background:var(--t-tlo-2);border-radius:0 12px 12px 0}
.storinka-tekst blockquote>:last-child{margin-bottom:0}
.storinka-tekst math{font-family:"STIX Two Math","Cambria Math","Latin Modern Math",math;font-size:1.12em}
.storinka-tekst math[display=block]{display:block math;margin:14px 0;overflow-x:auto;overflow-y:hidden;padding:4px 0}
.storinka-tekst code{font:.92em ui-monospace,Consolas,monospace;background:var(--t-tlo-2);padding:1px 5px;border-radius:5px}
.storinka-tekst pre{background:var(--t-tlo-2);padding:12px 14px;border-radius:10px;overflow-x:auto;line-height:1.45}.storinka-tekst pre code{background:none;padding:0}
/* Стилі блоків */
.storinka-tekst .lid{font-size:1.18em;line-height:1.55;color:#2b3550}
.storinka-tekst .prymitka,.storinka-tekst .vazhlyvo{padding:14px 18px;border-radius:14px;border-left:4px solid}
.storinka-tekst .prymitka{background:var(--t-synii-m);border-color:var(--t-synii-2)}
.storinka-tekst .vazhlyvo{background:var(--t-zoloto-m);border-color:var(--t-zoloto)}
.storinka-tekst .dribno{font-size:.86em;color:var(--t-tykho)}
.storinka-tekst a.kn{display:inline-block;margin:4px 0;padding:12px 24px;border-radius:999px;background:linear-gradient(120deg,var(--t-synii),var(--t-synii-2));
  color:#fff;font-weight:700;text-decoration:none}
.storinka-tekst a.kn:hover{box-shadow:0 10px 26px rgba(18,58,122,.22)}