/* Собрано из staticheskoe/stil.css сайта (app_sbor.tekst_sayta_css, № 2589) — руками не править. */
@font-face {font-family: "Reem Kufi"; src: url("/shrifty/reem-kufi.woff2") format("woff2"); font-weight: 400 700; font-display: swap;}
@font-face {font-family: "Amiri"; src: url("/shrifty/amiri.woff2") format("woff2"); font-weight: 400; font-display: swap;}
@font-face {font-family: "Lotus Shamy"; src: url("/shrifty/lotus-shamy-light.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+00AB,U+00BB,U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF;}
@font-face {font-family: "Lotus Shamy"; src: url("/shrifty/lotus-shamy-bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; unicode-range: U+00AB,U+00BB,U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF;}
:root {--polya: clamp(20px, 4vw, 48px);
  --dvizh: cubic-bezier(.2, .7, .2, 1);
  --bar-h: 66px;}
[data-oblik="rassvet"] {--f-zag: "Forum", "PT Serif", Georgia, serif;   
  --f-ui: "Onest", "Golos Text", system-ui, sans-serif;      
  --f-tekst: "Montserrat", "Onest", system-ui, sans-serif;   
  --f-ar: "Lotus Shamy", "Amiri", serif;   
  --f-imya: "Reem Kufi", "Noto Kufi Arabic", "Lotus Shamy", "Amiri", sans-serif; 
  --zoloto: #8a6424;          
  --zoloto-ar: #7a5519;
  --uzor: .09;
  --shir: 1240px;
  --r: 14px;
  --r-big: 22px;
  --fon: #ffffff;
  --fon-2: #e6edf5;
  --fon-3: #d3deea;
  --zag: #0f1f33;
  --tekst: #1f2c3b;
  --tekst-2: #46525f;
  --akcent: #a8802f;          
  --akcent-t: #17437a;        
  --knopka: #16365c;
  --knopka-2: #0f2745;
  --knopka-tekst: #ffffff;
  --glub: #0d1620;
  --glub-tekst: #ece5d4;
  --glub-tekst-2: #a7b0b4;
  --glub-akcent: #cfa95f;
  --cherta: #a9b8ca;
  --stub-fon: #e6edf5;
  --stub-tekst: #46525f;
  --polosa-pust: rgb(255 255 255 / .16);
  --skrim: rgb(255 255 255 / .62);
  --skrim-0: rgb(255 255 255 / 0);
  --fokus: #17437a;
  --foto-filtr: none;
  color-scheme: light;}
[data-oblik="rassvet"][data-tema="tma"] {--fon: #0d1620;
  --fon-2: #132131;
  --fon-3: #1a2b3d;
  --zag: #ece5d4;
  --tekst: #dcd6c8;
  --tekst-2: #a7b0b4;
  --akcent: #cfa95f;
  --akcent-t: #d6b26a;
  --knopka: #cfa95f;
  --knopka-2: #dcbd7c;
  --knopka-tekst: #0d1620;
  --glub: #09111a;
  --glub-tekst: #ece5d4;
  --glub-tekst-2: #a7b0b4;
  --glub-akcent: #cfa95f;
  --cherta: #2a3b4d;
  --stub-fon: #132131;
  --stub-tekst: #a7b0b4;
  --polosa-pust: rgb(236 229 212 / .16);
  --skrim: rgb(13 22 32 / .64);
  --skrim-0: rgb(13 22 32 / 0);
  --fokus: #cfa95f;
  --foto-filtr: brightness(.55) saturate(.8);
  --zoloto: #cfa95f;
  --zoloto-ar: #d9b468;
  --uzor: .11;
  color-scheme: dark;}
.tekst p span[lang="ar"], .tekst li span[lang="ar"] {font-size: 1.25em; line-height: 1.4;}
.khatam {position: relative; display: inline-grid; place-items: center; flex: none; aspect-ratio: 1; container-type: inline-size; color: var(--zoloto);}
.khatam svg {position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible;}
.khatam svg * {fill: none; stroke: currentColor; stroke-width: var(--khatam-l, 1.2px); vector-effect: non-scaling-stroke;}
.khatam__ar {position: relative; font: 400 var(--ar-r, 30cqi)/1 var(--f-imya); color: var(--zoloto-ar); white-space: nowrap; transform: translateY(-.04em);}
.uzor {position: absolute; inset: 0; width: 100%; height: 100%; color: var(--zoloto); opacity: var(--uzor); pointer-events: none;
  -webkit-mask-image: radial-gradient(ellipse at center, #000 0%, transparent 70%); mask-image: radial-gradient(ellipse at center, #000 0%, transparent 70%);}
.znak {width: 40px; height: 40px; --khatam-l: 1.1px;}
.znak .khatam__ar {font-weight: 600;}
.pole-zvezdy .uzor {opacity: calc(var(--uzor) * 1.6);}
[data-oblik="rassvet"] .znak--hero {width: 128px; height: 128px; --khatam-l: 1.4px;}
[data-tema="tma"] .znak--hero {filter: drop-shadow(0 0 14px rgb(207 169 95 / .28));}
.znak--foot {width: 52px; height: 52px; color: var(--glub-akcent);}
.znak--foot .khatam__ar {color: var(--glub-akcent);}
.khatam--big {width: min(22rem, 76vw); --khatam-l: 1.3px;}
[data-tema="tma"] .khatam--big {filter: drop-shadow(0 0 22px rgb(207 169 95 / .18));}
.khatam--mal {width: 84px; --khatam-l: 1px;}
.imya-ryad--vse .khatam--mal {width: 120px;}
.tekst {hyphens: auto; -webkit-hyphens: auto;}
.tekst > p, .tekst > ul, .tekst > ol {margin: 0 0 16px;}
.tekst ul, .tekst ol {padding-left: 1.4em;}
.tekst li {margin-bottom: 6px;}
.tekst h2 {font-size: 34px; line-height: 1.1; letter-spacing: -.01em; margin: 52px 0 16px;}
.tekst h3 {font-size: 23px; margin: 26px 0 10px;}
.tekst > h2:first-child {margin-top: 8px;}
.tekst .ar {font-size: 1.5em; line-height: 1.9; text-align: right; margin: 0 0 16px;}
.citata {margin: 22px 0; padding: 22px 26px; border-radius: var(--r); background: var(--fon-2); border-left: 4px solid var(--akcent);}
.citata p {margin: 0; font: 500 23px/1.45 var(--f-zag); color: var(--zag);}
.citata cite {display: block; margin-top: 12px; font: 400 14px/1.4 var(--f-ui); font-style: normal; color: var(--tekst-2);}
:root {--cit-znak-koran: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M4 19.5V5.5A2.5 2.5 0 0 1 6.5 3H20v15H6.5A2.5 2.5 0 0 0 4 20.5 2.5 2.5 0 0 0 6.5 23H20'/%3E%3Cpath d='M12 6.5l1 2.2 2.3.3-1.7 1.6.4 2.3-2-1.1-2 1.1.4-2.3-1.7-1.6 2.3-.3z'/%3E%3C/svg%3E");
  --cit-znak-hadis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M4 19.5V5.5A2.5 2.5 0 0 1 6.5 3H20v15H6.5A2.5 2.5 0 0 0 4 20.5 2.5 2.5 0 0 0 6.5 23H20'/%3E%3C/svg%3E");
  --cit-znak-alim: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M20 4c-6.5.5-11 5-12.5 12.5L6 20'/%3E%3Cpath d='M20 4c.3 5.5-3 10-9.5 11.2'/%3E%3Cpath d='M4 20h7'/%3E%3C/svg%3E");}
.citata {position: relative;}
.citata::after {content: "\201D"; position: absolute; top: .3em; right: .5em; font: 700 1.9em/1 Georgia, "Times New Roman", serif; color: var(--akcent); opacity: .9; pointer-events: none;}
.citata .citata-rod {display: inline-flex; align-items: center; gap: .4em; margin: 0 0 .6em; padding: .26em .75em .26em .55em; border-radius: 999px; background: color-mix(in srgb, var(--akcent) 16%, transparent); font: 600 13px/1.2 var(--f-ui); color: var(--akcent-t); letter-spacing: .01em;}
.citata .citata-rod::before, .citata cite::before {content: ""; flex: none; display: inline-block; width: 1.1em; height: 1.1em; background: currentColor; -webkit-mask: var(--cit-znak-alim) center / contain no-repeat; mask: var(--cit-znak-alim) center / contain no-repeat;}
.citata[data-rod="koran"] .citata-rod::before, .citata[data-rod="koran"] cite::before {-webkit-mask-image: var(--cit-znak-koran); mask-image: var(--cit-znak-koran);}
.citata[data-rod="hadis"] .citata-rod::before, .citata[data-rod="hadis"] cite::before {-webkit-mask-image: var(--cit-znak-hadis); mask-image: var(--cit-znak-hadis);}
.citata cite::before {margin-inline-end: .4em; vertical-align: -.2em;}
.citata cite {text-align: end; color: var(--akcent-t); font-weight: 600; font-variant-numeric: lining-nums tabular-nums;}
.citata cite sup.snoska {vertical-align: baseline; margin-inline-start: .3em;}
.citata > p:not(:last-of-type) {margin-bottom: .6em;}
.citata p {padding-inline-end: 1.4em;}
.citata [lang="ar"] {font-style: normal; font-size: 1.2em;}
sup.snoska {line-height: 0;}
sup.snoska a {text-decoration: none; font: 700 .75em/1 var(--f-ui); padding: 0 1px;}
.plody {margin: 56px 0 8px; border-radius: var(--r-big); background: var(--fon-2);}
.plody__in {padding: 8px 32px 28px;}
.plody h2 {margin-top: 28px;}
.plody .citata {background: var(--fon);}
.foot .uzor {color: var(--glub-akcent); opacity: calc(var(--uzor) * .9);}
.uzor--polosa {-webkit-mask-image: linear-gradient(#000, transparent); mask-image: linear-gradient(#000, transparent);}
.plody {position: relative; overflow: clip; isolation: isolate;}
.plody__in {position: relative; z-index: 1;}
.plody .uzor {opacity: calc(var(--uzor) * .85); -webkit-mask-image: none; mask-image: none;}
[data-tema="svet"] .foot .uzor {opacity: .16;}
[data-oblik="rassvet"] .znak--hero {filter: drop-shadow(0 0 14px rgb(207 169 95 / .28));}
@font-face {font-family: "Playfair Display"; src: url("/shrifty/svyazki/playfair-z.woff2") format("woff2"); font-weight: 400 900; font-display: swap;}
@font-face {font-family: "Lora"; src: url("/shrifty/svyazki/lora-z.woff2") format("woff2"); font-weight: 400 700; font-display: swap;}
@font-face {font-family: "Literata"; src: url("/shrifty/svyazki/literata-z.woff2") format("woff2"); font-weight: 200 900; font-display: swap;}
@font-face {font-family: "Literata"; src: url("/shrifty/svyazki/literata-kursiv-z.woff2") format("woff2"); font-weight: 200 900; font-style: italic; font-display: swap;}
@font-face {font-family: "Forum"; src: url("/shrifty/svyazki/forum-z.woff2") format("woff2"); font-weight: 400;  font-display: swap;}
@font-face {font-family: "Golos Text"; src: url("/shrifty/svyazki/golos-z.woff2") format("woff2"); font-weight: 400 900; font-display: swap;}
@font-face {font-family: "Onest"; src: url("/shrifty/svyazki/onest-z.woff2") format("woff2"); font-weight: 100 900; font-display: swap;}
@font-face {font-family: "Montserrat"; src: url("/shrifty/svyazki/montserrat-z.woff2") format("woff2"); font-weight: 100 900; font-display: swap;}
@font-face {font-family: "Manrope"; src: url("/shrifty/svyazki/manrope-z.woff2") format("woff2"); font-weight: 200 800; font-display: swap;}
@font-face {font-family: "Inter"; src: url("/shrifty/svyazki/inter-z.woff2") format("woff2"); font-weight: 100 900; font-display: swap;}
html[data-svyazka="c"][data-oblik] {--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"][data-oblik] {--f-zag: "Lora", Georgia, serif; --f-ui: "Onest", system-ui, sans-serif; --f-tekst: "Onest", system-ui, sans-serif;}
html[data-svyazka="e"][data-oblik] {--f-zag: "Literata", Georgia, serif; --f-ui: "Manrope", system-ui, sans-serif; --f-tekst: "Manrope", system-ui, sans-serif;}
html[data-svyazka="f"][data-oblik] {--f-zag: "Forum", Georgia, serif; --f-ui: "Inter", system-ui, sans-serif; --f-tekst: "Inter", system-ui, sans-serif;}
@font-face {font-family: "Literata Kniga"; src: url("/shrifty/literata-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap;}
@font-face {font-family: "Literata Kniga"; src: url("/shrifty/literata-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap;}
@font-face {font-family: "Literata Kniga"; src: url("/shrifty/literata-400-kursiv.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap;}
@font-face {font-family: "Literata Kniga"; src: url("/shrifty/literata-600-kursiv.woff2") format("woff2"); font-weight: 600; font-style: italic; font-display: swap;}
@font-face {font-family: "Golos Kniga"; src: url("/shrifty/golos-text-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap;}
@font-face {font-family: "Golos Kniga"; src: url("/shrifty/golos-text-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap;}
@font-face {font-family: "Amiri Quran"; src: url("/shrifty/amiri-quran.woff2") format("woff2"); font-weight: 400; font-display: swap;}
body.kniga {--f-tekst: "Montserrat", "Onest", system-ui, sans-serif;   
  --f-zag: "Forum", "PT Serif", Georgia, serif;
  --f-ui: "Onest", "Golos Text", system-ui, sans-serif;
  --f-ayat: "Amiri Quran", "Amiri", serif;
  --mera: 680px; --shir: 1320px; --bar-h: 64px;
  --fon: #ffffff; --fon-2: #f1f4f8; --fon-3: #e2e8f0;
  --zag: #0e1f35; --tekst: #1c2633; --tekst-2: #4a5666;
  --akcent-t: #1b4677; --akcent: #a8823c; --fokus: #1b4677;
  --k-zoloto: #a8823c; --k-zoloto-t: #7a571a;
  --cit-fon: #eef2f7; --cit-cherta: #b08a45;
  --knopka: #16365c; --knopka-2: #0e1f35; --knopka-tekst: #ffffff;
  --cherta: #cfd8e3; --pop-fon: #ffffff; --metka: #fbf3df;
  --ten: rgb(5 12 22 / .45);
  --shapka-fon: #0d1620; --shapka-t: #ece5d4; --shapka-t2: #c9cdd0; --shapka-a: #d6b26a;
  --shapka-ten: 13 22 32;
  font: 400 19px/1.7 var(--f-tekst);
  font-kerning: normal; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;}
[data-tema="tma"] body.kniga {--fon: #0d1620; --fon-2: #132131; --fon-3: #1a2b3d;
  --zag: #ece5d4; --tekst: #d9d3c5; --tekst-2: #a4adb3;
  --akcent-t: #d6b26a; --akcent: #cfa95f; --fokus: #cfa95f;
  --k-zoloto: #cfa95f; --k-zoloto-t: #d6b26a;
  --cit-fon: #16263a; --cit-cherta: #cfa95f;
  --knopka: #cfa95f; --knopka-2: #dcbd7c; --knopka-tekst: #0d1620;
  --cherta: #2a3b4d; --pop-fon: #1a2b3d; --metka: #2c3446;
  font-weight: 400;}
.kniga .tekst {max-width: var(--mera); hyphens: manual; -webkit-hyphens: manual;}
.kniga .tekst > p, .kniga .tekst > ul, .kniga .tekst > ol, .kniga .plody__in > p, .kniga .plody__in > ul, .kniga .plody__in > ol {margin: 0 0 1.05em; hanging-punctuation: first; text-wrap: pretty;}
.kniga .tekst > p:first-child {color: var(--zag);}
.kniga .tekst h2 {font-size: 36px; line-height: 1.2; letter-spacing: -.005em; font-weight: 600; margin: 1.9em 0 .6em;}
.kniga .tekst h3 {font: 600 28px/1.3 var(--f-zag);    color: var(--zag); margin: 1.6em 0 .45em;}
.kniga .tekst > h2:first-child {margin-top: 0;}
.kniga .tekst em {font-style: italic;}
.kniga .tekst strong {font-weight: 600; color: var(--zag);}
.kniga .tekst ul, .kniga .tekst ol {padding-left: 1.5em;}
.kniga .tekst li {margin-bottom: .35em; padding-inline-start: .2em;}
.kniga .tekst li::marker {color: var(--k-zoloto-t); font-family: var(--f-ui); font-weight: 600;}
.kniga .tekst span[lang="ar"] {font-size: 1.28em; line-height: 1; font-weight: 400;}
.kniga .tekst p.ar {font: 400 1.5em/2 var(--f-ar); color: var(--zag); text-align: right; margin: 0 0 1em;}
.kniga .citata {margin: 1.5em 0 1.7em; padding: 20px 26px 18px; background: var(--cit-fon); border: 0; border-inline-start: 4px solid var(--cit-cherta); border-radius: 4px 14px 14px 4px; break-inside: avoid;}
.kniga .citata p {font: 400 1em/1.7 var(--f-tekst); color: var(--zag); text-wrap: pretty;}
.kniga .citata .citata-rod {font-size: 13.5px; color: var(--k-zoloto-t); background: color-mix(in srgb, var(--cit-cherta) 16%, transparent);}
.kniga .citata::after {color: var(--cit-cherta);}
.kniga .citata cite {margin-top: 12px; font: 600 13.5px/1.4 var(--f-ui); font-style: normal; color: var(--akcent-t); text-align: end;}
.kniga .citata [lang="ar"] {font-size: 1.28em;}
.kniga .plody .citata {background: var(--fon);}
.kniga .tekst p.ar:has(+ .citata[data-rod="koran"]) {margin: 1.5em 0 0; padding: 22px 26px 8px; background: var(--cit-fon); border-inline-start: 4px solid var(--cit-cherta); border-radius: 4px 14px 0 0;
  font: 400 36px/2.15 var(--f-ayat); text-align: center; text-wrap: balance;}
.kniga .tekst p.ar + .citata[data-rod="koran"] {margin-top: 0; border-radius: 0 0 14px 4px;}
.kniga .tekst p.ar + .citata[data-rod="koran"] .citata-rod, .kniga .tekst p.ar + .citata[data-rod="koran"]::after {display: none;}
.kniga .tekst p.ar + .citata[data-rod="koran"] p {border-top: 1px solid var(--cherta); padding-top: 14px;}
.kniga .plody {margin: 3em 0 1em; border-radius: 18px;}
.kniga sup.snoska {line-height: 0; vertical-align: super; font-size: 100%;}
.kniga sup.snoska a {position: relative; display: inline; padding: .2em .32em; -webkit-box-decoration-break: clone; box-decoration-break: clone; margin: 0 -.06em 0 .08em; border-radius: 6px; background: var(--fon-3); color: var(--akcent-t);
  text-decoration: none; font: 600 13px/1 var(--f-ui); font-variant-numeric: lining-nums tabular-nums; transition: background-color .15s, color .15s;}
.kniga sup.snoska a::after {content: ""; position: absolute; inset: -12px -6px;}
.kniga sup.snoska a:hover, .kniga sup.snoska a[aria-expanded="true"] {background: var(--akcent-t); color: var(--fon); text-decoration: none;}
.kniga sup.snoska a.sn-vernulis {animation: sn-vspyshka 2.2s ease-out;}
@keyframes sn-vspyshka {0%, 40% { background: var(--k-zoloto); color: var(--fon); } 100% { background: var(--fon-3); color: var(--akcent-t); }}
.kniga .snoski {margin-top: 3em; font-family: var(--f-ui);}
.kniga .snoski__cherta {width: 33%; margin: 0 0 18px; border: 0; border-top: 1px solid var(--tekst-2);}
.kniga .tekst .snoski__z {font: 600 17px/1.3 var(--f-ui); margin: 0 0 10px; color: var(--zag); letter-spacing: 0;}
.kniga .snoski ol {list-style: none; margin: 0; padding: 0; font-size: 15px; line-height: 1.55; color: var(--tekst-2);}
.kniga .snoski li {padding: 5px 10px; margin: 0 0 0 -10px; border-radius: 8px; scroll-margin-top: calc(var(--bar-h) + 24px); transition: background-color .4s;}
.kniga .snoski li:target {background: var(--metka); color: var(--tekst);}
.kniga .sn-nazad {display: inline-block; min-width: 4.3em; padding: .22em .45em; margin-inline-end: .35em; border-radius: 6px; background: var(--fon-3); color: var(--akcent-t); text-align: center;
  text-decoration: none; font: 600 13px/1.2 var(--f-ui); font-variant-numeric: lining-nums tabular-nums; transition: background-color .15s, color .15s;}
.kniga .sn-nazad::before {content: "↑ "; opacity: .7; font-weight: 400;}
.kniga .sn-nazad:hover {background: var(--akcent-t); color: var(--fon); text-decoration: none;}
@media (prefers-reduced-motion: reduce) { .kniga sup.snoska a.sn-vernulis {animation: none; outline: 2px solid var(--k-zoloto);} .kniga .dalee a, .kniga sup.snoska a, .kniga .sn-nazad, .kniga .snoski li {transition: none;} }
.kniga .tekst > p, .kniga .tekst li, .kniga .citata p, .kniga .plody__in > p {font-size-adjust: ex-height .5;}
.kniga .tekst p.ar, .kniga .tekst span[lang="ar"], .kniga .citata [lang="ar"] {font-size-adjust: none;}
@font-face {font-family: "KFGQPC Hafs"; src: url("/shrifty/uthmanic-hafs.woff2") format("woff2"); font-weight: 400; font-display: swap;}
.citata-verh {display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 .6em; padding-inline-end: 2.2em;}
.citata .citata-verh .citata-rod {margin: 0;}
.citata-orig {display: inline-flex; align-items: center; gap: .45em; flex: none; padding: .32em .85em .32em .7em; border: 1px solid color-mix(in srgb, var(--akcent) 50%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--fon) 60%, transparent); color: var(--akcent-t); font: 600 13px/1.2 var(--f-ui); letter-spacing: .01em; cursor: pointer; transition: background .2s, border-color .2s;}
.citata-orig::before {content: "ع"; font: 700 16px/1 var(--f-ar); transform: translateY(-.08em);}
.citata-orig:hover {background: color-mix(in srgb, var(--akcent) 16%, transparent); border-color: var(--akcent);}
.citata-orig:focus-visible {outline: 2px solid var(--fokus, var(--akcent)); outline-offset: 2px;}
.citata-orig--v-tekste {display: inline-flex; gap: 0; padding: .02em .42em .08em; margin: 0 .1em 0 .3em; vertical-align: .12em; font-size: 0; line-height: 1;}
.citata-orig--v-tekste::before {font-size: 14px; transform: none;}
.orig {position: fixed; inset: 0; margin: auto; width: min(640px, calc(100vw - 32px)); height: fit-content; max-height: min(82vh, 760px); overflow: auto; overscroll-behavior: contain; padding: 0; border: 1px solid var(--cherta); border-radius: 18px; background: var(--fon); color: var(--tekst); box-shadow: 0 24px 70px rgba(0, 0, 0, .35);}
.orig::backdrop {background: rgba(6, 10, 24, .55); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px);}
.orig__shapka {position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px 12px 22px; background: var(--fon); border-bottom: 1px solid var(--cherta);}
.orig__zag {font: 600 14px/1.2 var(--f-ui); color: var(--akcent-t); letter-spacing: .02em;}
.orig__zakryt {width: 36px; height: 36px; border: 0; border-radius: 50%; background: var(--fon-2); color: var(--zag); font: 400 24px/1 var(--f-ui); cursor: pointer;}
.orig__zakryt:hover {background: color-mix(in srgb, var(--akcent) 16%, var(--fon-2));}
.citata .orig p.orig__tekst, .kniga .citata .orig p.orig__tekst {margin: 0; padding: 22px 26px 6px; font: 400 25px/2 "Lotus Shamy", "Amiri", serif; font-size-adjust: none; color: var(--zag); text-align: justify; text-align-last: right;}
.citata .orig p.orig__tekst + p.orig__tekst {padding-top: 0;}
.citata .orig p.orig__ayat, .kniga .citata .orig p.orig__ayat {margin: 0; padding: 24px 24px 10px; font: 400 28px/2.15 "KFGQPC Hafs", "Amiri Quran", serif; font-size-adjust: none; color: var(--zag); text-align: center;}
.orig__niz {margin: 10px 22px 0; padding: 12px 0 18px; border-top: 1px solid var(--cherta);}
.citata .orig p.orig__ist, .kniga .citata .orig p.orig__ist {margin: 0; padding: 0; font: 400 18px/1.8 "Lotus Shamy", "Amiri", serif; font-size-adjust: none; color: var(--tekst-2); text-align: right;}
.orig__ssylka {display: inline-block; margin-top: 10px; font: 500 14px/1.3 var(--f-ui); color: var(--akcent-t);}
@media (prefers-reduced-motion: no-preference) { .orig:popover-open {animation: orig-vhod .22s ease-out;} }
.citata p.citata-ayat, .kniga .citata p.citata-ayat {margin: .2em 0 .9em; padding: 0 0 .7em; border-bottom: 1px solid var(--cherta);
  font: 400 30px/2.1 "KFGQPC Hafs", "Amiri Quran", serif; font-size-adjust: none; color: var(--zag); text-align: center; text-wrap: balance;}
.znak--hero svg {transform-origin: 50% 50%; animation: znak-vrashchenie 48s linear infinite; will-change: transform;}
@media (prefers-reduced-motion: reduce) { .znak--hero svg {animation: none;} }
.ayat-v {font-family: "KFGQPC Hafs", "Amiri Quran", serif; font-size: 1.04em; font-size-adjust: none; line-height: 1;}
.bar .wordmark .znak, .ya-verh .znak {flex: none;}
.o-sayte .tekst p {font-size: 19px; line-height: 1.65;}
.o-sayte__citaty .citata {margin: 0 0 18px;}
.o-sayte .citata-ayat {font-size: 1.3em; text-align: right; margin-bottom: .4em;}
.imya-ud {font-family: "Montserrat", var(--f-tekst); font-style: italic;}
.o-sayte .citata > p:not(.citata-ayat) {font: 400 19px/1.65 var(--f-tekst); color: var(--zag); text-wrap: pretty;}
.o-sayte .citata cite {font: 600 13.5px/1.4 var(--f-ui); font-style: normal; color: var(--akcent-t, var(--tekst-2)); text-align: end;}
.o-sayte .tekst > p:last-child {margin-bottom: 0;}
.tekst span.ayat-v[lang="ar"] {font-family: "KFGQPC Hafs", "Amiri Quran", serif; font-size: 1.22em; line-height: 1.4; font-style: normal; font-size-adjust: none;}
.kniga .tekst span.ayat-v[lang="ar"] {font-size: 1.25em; line-height: 1;}
.plody__in {padding: 4px 20px 24px;}
.znak {width: 36px; height: 36px;}
[data-oblik="rassvet"] .znak--hero {width: 104px; height: 104px;}
.tekst h2 {font-size: 29px;}
body.kniga {font-size: 18px; line-height: 1.66;}
.kniga .tekst h2 {font-size: 29px;}
.kniga .tekst h3 {font-size: 24px;}
.kniga .tekst p.ar:has(+ .citata[data-rod="koran"]) {font-size: 27px; padding: 16px 18px 6px; margin-inline: -4px;}
.kniga .citata {padding: 16px 18px 14px; margin-inline: -4px;}
.citata-verh {gap: 8px; padding-inline-end: 1.9em;}
.citata-orig {font-size: 12.5px; padding: .3em .7em .3em .6em;}
.orig {inset: auto 0 0 0; width: 100%; max-height: 86vh; border-radius: 20px 20px 0 0; border-bottom: 0; box-shadow: 0 -12px 40px rgba(0, 0, 0, .3);}
.orig__shapka::before {content: ""; position: absolute; left: 50%; top: 6px; width: 40px; height: 4px; margin-left: -20px; border-radius: 4px; background: var(--cherta);}
.citata .orig p.orig__tekst, .kniga .citata .orig p.orig__tekst {padding: 18px 18px 4px; font-size: 22px;}
.citata .orig p.orig__ayat, .kniga .citata .orig p.orig__ayat {padding: 20px 14px 8px; font-size: 25px;}
.orig__niz {margin: 8px 18px 0; padding-bottom: calc(18px + env(safe-area-inset-bottom));}
.citata p.citata-ayat, .kniga .citata p.citata-ayat {font-size: 25px; line-height: 2;}
.bar .znak {width: 32px; height: 32px;}
.bar .znak {width: 28px; height: 28px;}
.o-sayte .citata > p:not(.citata-ayat) {font-size: 17px;}
.bar .wordmark > span:not(.znak) {overflow: hidden; text-overflow: ellipsis;}
.bar .znak {width: 26px; height: 26px;}
.bar .znak {width: clamp(30px, 8.6vw, 38px); height: clamp(30px, 8.6vw, 38px);}
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; }