/* ==========================================================================
   Za velikou cenu (/za-velikou-cenu/) — Thomas Merton, Sedmistupnova hora
   Styly jen teto stranky (Assets je nacita jen na ni). Markup: tools/build-za-velikou-cenu-obsah.php.
   Hodnoty odpovidaji navrhu majitele (1440px ram, obsah 1200 px); fonty mapovane na web
   (Novela -> 'Novela Poster'). Kit .elementor-kit-6 nacita p/a/button pozdeji a vyhrava remizy,
   proto pravidla pro p, a a button nesou o tridu nebo znacku navic.
   ========================================================================== */

.mh-zvc {
    --paper: #ffffff;
    --ink: #161513;
    --gray-1: #33312d;
    --gray-2: #55524d;
    --gray-3: #8a857c;
    --info-red: #d9294c;
    --info-gold: #eab43b;
    --info-blue: #1659d8;
    --info-purple: #7527c9;
    --zvc-linka: #d9d5cc;
    color: var(--ink);
    font-family: 'Urban Grotesk', sans-serif;
}
html.mh-dark .mh-zvc {
    --paper: #131313;
    --ink: #f2f2f2;
    --gray-1: #d6d2cb;
    --gray-2: #b3aea6;
    --gray-3: #8f8a82;
    --info-red: #ff6b83;
    --info-blue: #7aa5ff;
    --info-purple: #b48aff;
    --zvc-linka: #3a3a3a;
}
.mh-zvc [hidden] { display: none !important; }
.mh-zvc b { font-weight: 700; }

/* ---- bile bloky kapitol ---- */
.mh-zvc-sekce { margin-top: 14px; padding: 56px 32px; background: var(--paper); }
/* uvodni diagram hned pod titulnim blokem — bez hlavicky (majitel 29. 9. 2026), proto mensi horni odsazeni */
.mh-zvc-sekce.je-rez { margin-top: 20px; padding: 28px 32px 40px; }
.mh-zvc-sekce.je-rez .mh-zvc-rez { margin-top: 0; }
/* stitek "Interaktivní" (.mh-inter-stitek z mh-front.css, 114 × 38 px jako na ostatnich strankach) sedi v pravem hornim
   rohu bileho bloku. Od 1420 px vyse je vedle platna (platno 1080 px uprostred bloku); v uzsich oknech zasahuje 20 px
   do praveho horniho rohu platna, kde je jen zlaty nadech pasma — paprsek konci na x = 972 a stitek ho dosahne az pod
   ~1064 px sirky okna. Teprve tam platno zacina pod stitkem; vyse se infografika NEPOSOUVA (majitel ji chce co nejvys). */
@media (max-width: 1063px) { .mh-zvc-sekce.je-rez { padding-top: 54px; } }
.mh-zvc-sekce.je-pribeh { padding: 44px 32px; }

/* hlava kapitoly: nadpis ve sloupci 300 px + kurzivni uvod (jako exportovane infografiky) */
.mh-zvc-hlava { display: flex; gap: 56px; align-items: flex-start; }
/* min-content: "skutečností" je v 64 px sirsi nez 300 px a jinak by lezlo pres uvod (lekce Duchovnejsi) */
.mh-zvc-nadpis {
    width: 300px; min-width: min-content; flex: none;
    font-family: 'Novela Poster', Georgia, serif; font-weight: 900; font-size: 64px; line-height: 1;
    color: var(--ink);
}
.mh-zvc-nadpis.je-mensi { font-size: 40px; line-height: 1.05; }
.mh-zvc p.mh-zvc-uvod {
    flex: 1; margin: 6px 0 0;
    font-size: 17px; font-style: italic; line-height: 1.45; text-wrap: pretty; color: var(--ink);
}
.mh-zvc-kicker { font-weight: 700; font-size: 11px; letter-spacing: .14em; color: var(--gray-3); }
.mh-zvc p.mh-zvc-text { margin: 14px 0 0; font-size: 14.5px; line-height: 1.5; text-wrap: pretty; color: var(--ink); }
.mh-zvc .mh-zvc-zdroj { margin-top: 14px; font-size: 13px; line-height: 1.4; color: var(--gray-3); }

/* ---- H1 v titulnim bloku ----
   "T. Merton: stvořeni k nadpřirozenému životu": nejdelsi nedelitelny radek "k nadpřirozenému" meri 8,92 × velikost
   pisma (+ 36 px bileho podkladu .mh-bila-pod-stred). Ve sloupci titulniho bloku se v obvyklych 64 px nevejde a lezl
   pres tezi, proto widget v builderu velikost pisma NENESE a pocita se tady ZE SIRKY OKNA (rozlozeni bloku je dane
   builderem: okraje 40 px, mezera 16 px, odsazeni sloupce 10 px):
     od 1025 px   tri stejne sloupce          → sirka pro nadpis = okno / 3 − 57 px (od 1440 px vys uz neroste)
     768–1024 px  menu 30 % | nadpis, teze pod nimi pres celou sirku → 0,7 × okno − 102 px
     do 767 px    vse pod sebou              → okno − 100 px
   NE kontejnerove jednotky (cqw): obal widgetu jako kontejner rozbil v Chrome vypocet vysky flex polozky — na
   telefonu mel obal vysku jednoho radku, nadpis o trech radcich z nej vytekl a podtitul ho prekryl (29. 9. 2026). */
.mh-zvc-h1.elementor-widget-heading h1.elementor-heading-title {
    font-size: min(42px, calc((33.333vw - 93.4px) / 9.2));
    line-height: 1.08;
}
@media (min-width: 768px) and (max-width: 1024px) {
    /* Elementor ridi zalamovani promennou --flex-wrap; pravidlo na .e-con-inner samo nestaci (prebije ho) */
    .e-con.mh-zvc-titulni { --flex-wrap: wrap !important; }
    .e-con.mh-zvc-titulni > .e-con-inner { flex-wrap: wrap !important; }
    .e-con.mh-zvc-titulni > .e-con-inner > .e-con:nth-child(1) { --width: 30% !important; }
    .e-con.mh-zvc-titulni > .e-con-inner > .e-con:nth-child(2) { --width: calc(70% - 16px) !important; }
    .e-con.mh-zvc-titulni > .e-con-inner > .e-con:nth-child(3) { --width: 100% !important; }
    .mh-zvc-h1.elementor-widget-heading h1.elementor-heading-title { font-size: min(44px, calc((70vw - 138px) / 9.2)); }
}
@media (max-width: 767px) {
    .mh-zvc-h1.elementor-widget-heading h1.elementor-heading-title { font-size: min(44px, calc((100vw - 136px) / 9.2)); }
}

/* ---- teze v titulnim bloku (vpravo vedle nadpisu) ----
   Bez ramecku (majitel 29. 9. 2026 odpoledne); bily podklad zustava — text nesmi lezet primo na teckach. */
/* vecer tehoz dne: bez navesti "TEZE KAPITOLY" a o stupen mensi pismo (30 → 26 px, uzsi okna 24 → 22 px) */
.mh-zvc-teze-titul { background: var(--paper); padding: 18px 22px 20px; }
.mh-zvc p.mh-zvc-teze-veta {
    margin: 0; font-family: 'Novela Poster', Georgia, serif; font-weight: 900; font-size: 26px;
    line-height: 1.22; text-wrap: pretty; color: var(--ink);
}
@media (max-width: 1240px) { .mh-zvc p.mh-zvc-teze-veta { font-size: 22px; } }
/* tablet: teze lezi pod menu a nadpisem pres celou sirku, unese plnou velikost */
@media (min-width: 768px) and (max-width: 1024px) { .mh-zvc p.mh-zvc-teze-veta { font-size: 26px; } }
@media (max-width: 767px) { .mh-zvc-teze-titul { margin-top: 12px; } }

/* ---- diagramy: platno v navrhovych jednotkach ----
   --k = 1 navrhovy pixel; kontejner je cely obal diagramu (platno + panel/popisky), takze cqw v potomcich
   se vztahuji k jeho sirce. Popisky, zastavky i panel se tak zmensuji spolu s kresbou bez JS. */
.mh-zvc-rez, .mh-zvc-kr { position: relative; width: 100%; margin: 30px auto 0; }
.mh-zvc-rez { max-width: 1080px; container: zvcrez / inline-size; --k: calc(100cqw / 1080); }
.mh-zvc-kr { max-width: 960px; margin-top: 34px; container: zvckr / inline-size; --k: calc(100cqw / 960); }
/* overflow: srafovani a paprsky siahaji geometrii za okraj (orezava je clipPath / navrh) — nesmi rozsirit stranku */
.mh-zvc-platno { position: relative; width: 100%; overflow: hidden; }
.mh-zvc-rez .mh-zvc-platno { aspect-ratio: 1080 / 820; }
.mh-zvc-kr .mh-zvc-platno { aspect-ratio: 960 / 420; }
.mh-zvc-svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; overflow: hidden; }

.mh-zvc .zvc-s-ink { stroke: var(--ink); }
.mh-zvc .zvc-s-g2 { stroke: var(--gray-2); }
.mh-zvc .zvc-s-g3 { stroke: var(--gray-3); }
.mh-zvc .zvc-s-red { stroke: var(--info-red); }
.mh-zvc .zvc-f-ink { fill: var(--ink); }
.mh-zvc .zvc-f-g3 { fill: var(--gray-3); }
.mh-zvc .zvc-f-paper { fill: var(--paper); }
.mh-zvc .zvc-f-red { fill: var(--info-red); }
.mh-zvc .zvc-s-blue { stroke: var(--info-blue); }
/* startovni pozice (clovek, dnesni stav): modry pruhledny kruh s tenkym obrysem */
.mh-zvc .zvc-start { fill: rgba(22, 89, 216, .15); stroke: var(--info-blue); stroke-width: 1.7; }
html.mh-dark .mh-zvc .zvc-start { fill: rgba(122, 165, 255, .2); }

.mh-zvc-l {
    position: absolute; left: calc(var(--k) * var(--x)); top: calc(var(--k) * var(--y));
    transform: translate(-50%, -50%); text-align: center; white-space: nowrap; line-height: 1.15;
    font-size: calc(var(--k) * var(--fs)); pointer-events: none;
}
.mh-zvc-l.je-vpravo { transform: translate(-100%, -50%); text-align: right; }
.mh-zvc-l.je-vlevo { transform: translate(0, -50%); text-align: left; }
.mh-zvc-l.je-dvouradek { line-height: 1.25; }
.mh-zvc .je-caps { font-weight: 700; letter-spacing: .14em; }
.mh-zvc .je-kurz { font-style: italic; }
.mh-zvc .je-tucny { font-weight: 700; }
.mh-zvc .je-novela { font-family: 'Novela Poster', Georgia, serif; font-weight: 900; }
.mh-zvc .c-ink { color: var(--ink); }
.mh-zvc .c-g1 { color: var(--gray-1); }
.mh-zvc .c-g2 { color: var(--gray-2); }
.mh-zvc .c-g3 { color: var(--gray-3); }
.mh-zvc .c-red { color: var(--info-red); }
.mh-zvc .c-gold { color: var(--info-gold); }

/* ---- Rez skutecnosti: zastavky −2 … 5 (od 29. 9. 2026 cislovane od dnesniho stavu) ---- */
/* --c = barva linky, na ktere zastavka lezi (nahoru zluta, dolu cervena) — drzi ji obrys kolecka.
   Kolecko je VZDY NEPRUHLEDNE: pod nim vede cara a polopruhledna vypln ji nechala prosvitat, takze kolecko
   vypadalo preskrtnute (majitel 29. 9. 2026). Hover = nepruhledny svetly odstin barvy linky (color-mix s podkladem),
   silnejsi obrys a mirne zvetseni; vybrana zastavka = plna barva linky VCETNE obrysu (obrys v barve vyplne,
   majitel 29. 9. 2026 vecer — cerny obrys pryc), stejne tak odznak v panelu. */
.mh-zvc .mh-zvc-rez button.mh-zvc-bod {
    --c: var(--info-gold); --c-text: #161513;
    position: absolute; left: calc(var(--k) * var(--x)); top: calc(var(--k) * var(--y));
    transform: translate(-50%, -50%);
    width: max(24px, calc(var(--k) * 30)); height: max(24px, calc(var(--k) * 30));
    min-width: 0; min-height: 0; margin: 0; padding: 0; box-sizing: border-box; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: var(--paper); border: 1.7px solid var(--c); box-shadow: none; opacity: 1;
    font-family: 'Urban Grotesk', sans-serif; font-weight: 700; font-size: max(11px, calc(var(--k) * 13.5));
    line-height: 1; letter-spacing: 0; text-transform: none; color: var(--ink); cursor: pointer;
    transition: transform .15s ease, background-color .15s ease;
}
.mh-zvc .mh-zvc-rez button.mh-zvc-bod.je-dolu { --c: var(--info-red); --c-text: #fff; }
html.mh-dark .mh-zvc .mh-zvc-rez button.mh-zvc-bod.je-dolu { --c-text: #161513; }
.mh-zvc .mh-zvc-rez button.mh-zvc-bod:focus { background: var(--paper); color: var(--ink); border: 1.7px solid var(--c); }
.mh-zvc .mh-zvc-rez button.mh-zvc-bod:hover {
    background: color-mix(in srgb, var(--c) 22%, var(--paper)); color: var(--ink); border: 2.6px solid var(--c);
    transform: translate(-50%, -50%) scale(1.16);
}
.mh-zvc .mh-zvc-rez button.mh-zvc-bod.je-vybrany,
.mh-zvc .mh-zvc-rez button.mh-zvc-bod.je-vybrany:hover,
.mh-zvc .mh-zvc-rez button.mh-zvc-bod.je-vybrany:focus { background: var(--c); border: 2px solid var(--c); color: var(--c-text); }
.mh-zvc .mh-zvc-rez button.mh-zvc-bod:focus-visible { outline: 2px solid var(--info-red); outline-offset: 2px; }

/* panel: pod diagramem (uzky kontejner) — v sirokem lezi v kresbe vpravo dole (od 29. 9. 2026 vede primka levym dolnim rohem) */
.mh-zvc-panel {
    position: relative; margin: 18px auto 0; max-width: 560px; box-sizing: border-box;
    background: var(--paper); border: 1.4px solid var(--ink); padding: 16px 18px 14px;
}
.mh-zvc-panel .mh-zvc-kicker { letter-spacing: .13em; }
.mh-zvc-panel-titul {
    font-family: 'Novela Poster', Georgia, serif; font-weight: 900; font-size: 22px; line-height: 1; color: var(--ink);
}
.mh-zvc-panel-titul.je-velky { margin-top: 6px; font-size: 26px; line-height: 1.02; }
.mh-zvc-panel-hlava { display: flex; gap: 10px; align-items: center; }
/* odznak v panelu drzi barvu linky zastavky (nahoru zluta, dolu cervena) — vypln i obrys stejnou barvou */
.mh-zvc-panel-cislo {
    flex: none; width: 28px; height: 28px; border-radius: 50%; box-sizing: border-box;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--info-gold); border: 1.7px solid var(--info-gold);
    font-family: 'Urban Grotesk', sans-serif; font-weight: 700; font-size: 13px; color: #161513;
}
.mh-zvc-panel-bod.je-dolu .mh-zvc-panel-cislo { background: var(--info-red); border-color: var(--info-red); color: #fff; }
html.mh-dark .mh-zvc-panel-bod.je-dolu .mh-zvc-panel-cislo { color: #161513; }
.mh-zvc .mh-zvc-panel p.mh-zvc-panel-text { margin: 9px 0 0; font-size: 14px; line-height: 1.45; color: var(--gray-1); }
.mh-zvc .mh-zvc-panel p.mh-zvc-panel-vyzva { margin: 8px 0 0; font-size: 12.5px; font-style: italic; line-height: 1.35; color: var(--info-red); }
.mh-zvc .mh-zvc-panel button.mh-zvc-zpet,
.mh-zvc .mh-zvc-panel button.mh-zvc-zpet:hover,
.mh-zvc .mh-zvc-panel button.mh-zvc-zpet:focus {
    display: block; margin: 8px 0 0; padding: 0; min-height: 0; background: none; border: 0; box-shadow: none;
    font-family: 'Urban Grotesk', sans-serif; font-size: 12px; font-style: italic; font-weight: 400;
    line-height: 1.3; letter-spacing: 0; text-transform: none; color: var(--gray-3); cursor: pointer;
}
.mh-zvc .mh-zvc-panel button.mh-zvc-zpet:hover { color: var(--info-red); }

@container zvcrez (min-width: 1000px) {
    .mh-zvc-panel {
        position: absolute; margin: 0; max-width: none;
        left: calc(var(--k) * 730); top: calc(var(--k) * 400); width: calc(var(--k) * 300);   /* vpravo dole, mimo primku */
        padding: calc(var(--k) * 16) calc(var(--k) * 18) calc(var(--k) * 14);
    }
    .mh-zvc-panel .mh-zvc-kicker { font-size: calc(var(--k) * 11); }
    .mh-zvc-panel-titul { font-size: calc(var(--k) * 22); }
    .mh-zvc-panel-titul.je-velky { font-size: calc(var(--k) * 26); }
    .mh-zvc .mh-zvc-panel p.mh-zvc-panel-text { font-size: calc(var(--k) * 12.8); }
    .mh-zvc .mh-zvc-panel p.mh-zvc-panel-vyzva { font-size: calc(var(--k) * 11.5); }
    .mh-zvc .mh-zvc-panel button.mh-zvc-zpet,
    .mh-zvc .mh-zvc-panel button.mh-zvc-zpet:hover,
    .mh-zvc .mh-zvc-panel button.mh-zvc-zpet:focus { font-size: calc(var(--k) * 11); }
}

/* ---- Kristal a svetlo ---- */
.mh-zvc-kr.je-tma .jen-svetlo,
.mh-zvc-kr:not(.je-tma) .jen-tma { display: none; }
.mh-zvc .mh-zvc-kr button.mh-zvc-kr-prepinac {
    position: absolute; left: calc(var(--k) * 640); top: calc(var(--k) * 80);
    width: calc(var(--k) * 140); height: calc(var(--k) * 230);
    min-width: 0; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0;
    background: transparent; box-shadow: none; cursor: pointer;
}
.mh-zvc .mh-zvc-kr button.mh-zvc-kr-prepinac:hover,
.mh-zvc .mh-zvc-kr button.mh-zvc-kr-prepinac:focus { background: transparent; border: 0; }
.mh-zvc .mh-zvc-kr button.mh-zvc-kr-prepinac:focus-visible { outline: 2px solid var(--info-red); outline-offset: 4px; }
/* tri radky pod kazdym krystalem: v sirokem diagramu na miste z navrhu (stredy 354 / 378 / 398) */
.mh-zvc-kr-pop {
    position: absolute; left: calc(var(--k) * var(--x)); top: calc(var(--k) * 341);
    transform: translateX(-50%); text-align: center; white-space: nowrap; line-height: 1.15; pointer-events: none;
}
.mh-zvc-kr-r1 { font-family: 'Novela Poster', Georgia, serif; font-weight: 900; font-size: calc(var(--k) * 22); }
.mh-zvc-kr-r2 { margin-top: calc(var(--k) * 5.5); font-size: calc(var(--k) * 12.5); }
.mh-zvc-kr-r3 { margin-top: calc(var(--k) * 5.9); font-size: calc(var(--k) * 12); font-style: italic; }
/* uzky kontejner (telefon): kresba bez spodniho pasu a popisky ve dvou sloupcich pod ni, citelnou velikosti */
@container zvckr (max-width: 560px) {
    .mh-zvc-kr .mh-zvc-platno { aspect-ratio: 960 / 365; }
    .mh-zvc-kr-popisky { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 16px; margin-top: 8px; }
    .mh-zvc-kr-pop { position: static; transform: none; white-space: normal; }
    .mh-zvc-kr-pop.je-leva { grid-column: 1; grid-row: 1; }
    .mh-zvc-kr-pop.je-prava { grid-column: 2; grid-row: 1; }
    .mh-zvc-kr-r1 { font-size: 18px; }
    .mh-zvc-kr-r2 { margin-top: 5px; font-size: 12.5px; line-height: 1.3; }
    .mh-zvc-kr-r3 { margin-top: 4px; font-size: 12px; line-height: 1.3; }
}

/* ---- Zrcadlo ---- */
/* tabulka Zrcadlo navazuje na krystaly: stejna sirka jako diagram, zahlavi jen DUSE (popisky sloupcu jsou popisky krystalu) */
.mh-zvc-zr { max-width: 960px; margin: 22px auto 0; font-size: 14.5px; line-height: 1.45; }
.je-hlavicka .mh-zvc-zr-l:empty, .je-hlavicka .mh-zvc-zr-p:empty { padding: 0; }
.mh-zvc-zr-radek { display: grid; grid-template-columns: 1fr 200px 1fr; border-bottom: .75px solid var(--zvc-linka); }
.mh-zvc-zr-radek.je-hlavicka,
.mh-zvc-zr-radek.je-posledni { border-bottom: 1.4px solid var(--ink); }
.mh-zvc-zr-l, .mh-zvc-zr-p { padding: 14px 18px; }
.mh-zvc-zr-l { color: var(--gray-2); }
.mh-zvc-zr-p { text-align: right; color: var(--ink); }
.mh-zvc-zr-s { padding: 14px 0; text-align: center; font-weight: 700; font-size: 12px; color: var(--ink); }
.je-hlavicka .mh-zvc-zr-l, .je-hlavicka .mh-zvc-zr-p {
    font-family: 'Novela Poster', Georgia, serif; font-weight: 900; font-size: 24px; line-height: 1;
}
.je-hlavicka .mh-zvc-zr-l { color: var(--gray-3); }
.je-hlavicka .mh-zvc-zr-s { align-self: end; font-size: 11px; letter-spacing: .14em; color: var(--gray-3); }
.je-posledni .mh-zvc-zr-p { font-weight: 700; }

.mh-zvc-dvoj { max-width: 960px; margin: 30px auto 0; display: grid; grid-template-columns: 1fr 1fr; gap: 56px; }
.mh-zvc p.mh-zvc-citat { margin: 0; font-size: 14.5px; font-style: italic; line-height: 1.55; text-wrap: pretty; color: var(--ink); }
.mh-zvc-mezititul { font-family: 'Novela Poster', Georgia, serif; font-weight: 900; font-size: 27px; line-height: 1.05; color: var(--ink); }

/* ---- Slovnicek ---- */
.mh-zvc-pojmy { margin-top: 36px; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 34px; }
.mh-zvc-pojmy p.mh-zvc-text { font-size: 14px; }
.mh-zvc-pojem-hlava { display: flex; align-items: center; gap: 12px; }
.mh-zvc-odznak {
    flex: none; width: 29.5px; height: 29.5px; border-radius: 50%; box-sizing: border-box;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--paper); border: 1.38px solid currentColor; font-weight: 700; font-size: 16.6px; line-height: 1;
}
.mh-zvc-odznak.je-zlata { color: var(--info-gold); }
.mh-zvc-odznak.je-modra { color: var(--info-blue); }
.mh-zvc-odznak.je-fialova { color: var(--info-purple); }
.mh-zvc-pojem-nazev { font-family: 'Novela Poster', Georgia, serif; font-weight: 900; font-size: 22px; line-height: 1; color: var(--ink); }

/* ---- Kde jsme v pribehu ---- */
.mh-zvc-pribeh-text { flex: 1; }
.mh-zvc-pribeh-text p.mh-zvc-text { margin-top: 0; }

/* ---- Zdroje (obal .mh-prameny dela builder; pismo a mezery ridi spolecna pravidla .mh-prameny) ---- */
/* mrizka nema inline font-size, takze na ni nesahne spolecne .mh-prameny [style*="font-size"] (lh 1.4) — dedila radkovani stranky */
.mh-zvc.mh-zvc-prameny { background: transparent; line-height: 1.4; }
.mh-zvc.mh-zvc-prameny a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.mh-zvc.mh-zvc-prameny a:hover { color: var(--info-red); }

/* ---- uzsi obrazovky ---- */
@media (max-width: 1100px) {
    .mh-zvc-hlava { gap: 36px; }
}
@media (max-width: 760px) {
    .mh-zvc-sekce, .mh-zvc-sekce.je-pribeh { padding: 34px 18px; }
    .mh-zvc-sekce.je-rez { padding: 54px 18px 30px; }   /* nahore misto pro stitek Interaktivní */
    .mh-zvc-hlava { flex-direction: column; align-items: stretch; gap: 14px; }
    /* pod 28 px nejit: menu kapitol bere za nazev kapitoly nejvetsi text Novela >= 28 px */
    .mh-zvc-nadpis { width: auto; min-width: 0; font-size: 40px; overflow-wrap: break-word; }
    .mh-zvc-nadpis.je-mensi { font-size: 32px; }
    .mh-zvc p.mh-zvc-uvod { margin-top: 0; font-size: 16px; }
    /* zrcadlo: nazev radku nahore pres celou sirku, pod nim tma | svetlo */
    .mh-zvc-zr-radek { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-areas: "s s" "l p"; }
    .mh-zvc-zr-s { grid-area: s; padding: 10px 0 0; }
    .mh-zvc-zr-l { grid-area: l; padding: 6px 10px 12px 0; }
    .mh-zvc-zr-p { grid-area: p; padding: 6px 0 12px 10px; }
    .je-hlavicka .mh-zvc-zr-l, .je-hlavicka .mh-zvc-zr-p { font-size: 19px; }
    .je-hlavicka .mh-zvc-zr-l:empty, .je-hlavicka .mh-zvc-zr-p:empty { display: none; }
    /* 320px telefon: sloupec ~100 px a "nadpřirozeného" by vylezlo — mensi pismo a zalomeni kdekoli */
    .mh-zvc-zr { font-size: 13.5px; }
    .mh-zvc-zr-l, .mh-zvc-zr-p { overflow-wrap: anywhere; }
    .mh-zvc-dvoj { grid-template-columns: minmax(0, 1fr); gap: 28px; }
    .mh-zvc-pojmy { grid-template-columns: minmax(0, 1fr); gap: 26px; }
    .mh-zvc.mh-zvc-prameny { grid-template-columns: minmax(0, 1fr) !important; }
}