/* № 1848: «Аа» в шапке — размер текста и связка шрифтов, как на ktotvoigospod.com.
   Выбор хранится в localStorage (imena-razmer, imena-svyazka-2); начальное значение ставит скрипт в <head>. */
.vybor { position: relative; }
.kz--aa { font: 700 16px/1 var(--f-zag); letter-spacing: .01em; }
.kz--aa[aria-expanded="true"] { background: var(--fon-2); border-color: var(--akcent-t); }
.vybor__menyu { position: absolute; right: 0; top: calc(100% + 10px); z-index: 60; width: 360px; max-height: calc(100svh - 90px); overflow: auto;
  padding: 14px 14px 16px; border-radius: 18px; border: 1px solid var(--cherta); background: var(--fon); color: var(--tekst);
  box-shadow: 0 24px 40px -22px rgb(0 0 0 / .45); }
.vybor__menyu[hidden] { display: none; }
.vybor__metka { margin: 4px 4px 8px; font: 700 12px/1.2 var(--f-ui); letter-spacing: .08em; text-transform: uppercase; color: var(--tekst-2); }
.vybor__metka + .vybor__razmer, .vybor__metka + .vybor__shrifty { margin-bottom: 14px; }
.vybor__razmer { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.vybor__razmer button, .vybor__shrifty button { cursor: pointer; border: 1.5px solid var(--cherta); background: transparent; color: var(--zag); border-radius: 12px; transition: border-color .2s, background-color .2s; }
.vybor__razmer button { display: grid; justify-items: center; gap: 4px; padding: 8px 4px 7px; font-family: var(--f-ui); }
.vybor__razmer b { font: 600 var(--r, 18px)/1 var(--f-zag); }
.vybor__razmer small { font-size: 12px; }
.vybor__shrifty { display: grid; gap: 6px; margin-bottom: 0; }
.vybor__shrifty button { display: grid; grid-template-columns: 52px 1fr; align-items: center; gap: 10px; padding: 8px 10px; text-align: left; }
.vybor__obr { font-size: 26px; line-height: 1; text-align: center; color: var(--akcent-t); }
.vybor__imya { display: block; font: 650 15px/1.25 var(--f-ui); color: var(--zag); }
.vybor__imya small { display: block; margin-top: 2px; font: 400 12.5px/1.3 var(--f-ui); color: var(--tekst-2); }
.vybor__razmer button:hover, .vybor__shrifty button:hover { background: var(--fon-2); }
.vybor__razmer button[aria-pressed="true"], .vybor__shrifty button[aria-pressed="true"] { border-color: var(--akcent-t); background: var(--fon-2); box-shadow: inset 0 0 0 1px var(--akcent-t); }
/* образец связки — её шрифтом заголовков (шрифт качается, только когда меню открыто) */
.vybor__obr[data-s="a"] { font-family: "Forum", Georgia, serif; }
.vybor__obr[data-s="c"] { font-family: "Playfair Display", Georgia, serif; }
.vybor__obr[data-s="d"] { font-family: "Lora", Georgia, serif; }
.vybor__obr[data-s="e"] { font-family: "Literata", Georgia, serif; }
.vybor__obr[data-s="f"] { font-family: "Forum", Georgia, serif; }
@media (max-width: 560px) {
  .vybor { position: static; }
  .vybor__menyu { position: absolute; left: 10px; right: 10px; width: auto; top: calc(100% + 6px); }
}

/* размер текста: всё содержимое страницы (не шапка) — как увеличение в браузере, раскладка подстраивается сама */
html[data-razmer="m"] main, html[data-razmer="m"] .foot { zoom: .9; }
html[data-razmer="k"] main, html[data-razmer="k"] .foot { zoom: 1.15; }
html[data-razmer="kk"] main, html[data-razmer="kk"] .foot { zoom: 1.3; }

/* связка побеждает и облик «Книга» на страницах статей (№ 1847) */
html[data-svyazka="c"] body.kniga { --f-zag: "Playfair Display", Georgia, serif; --f-ui: "Golos Text", system-ui, sans-serif; --f-tekst: "Golos Text", system-ui, sans-serif; }
html[data-svyazka="d"] body.kniga { --f-zag: "Lora", Georgia, serif; --f-ui: "Onest", system-ui, sans-serif; --f-tekst: "Onest", system-ui, sans-serif; }
html[data-svyazka="e"] body.kniga { --f-zag: "Literata", Georgia, serif; --f-ui: "Manrope", system-ui, sans-serif; --f-tekst: "Manrope", system-ui, sans-serif; }
html[data-svyazka="f"] body.kniga { --f-zag: "Forum", Georgia, serif; --f-ui: "Inter", system-ui, sans-serif; --f-tekst: "Inter", system-ui, sans-serif; }