/* Six Months Away, varianta C „Běh v Keni“ (Aleš vybral 25. 10. 2026, docs/NAHLED_blog_vzhled.html).
   Hlavička, přepínač režimu, jazyk a menu převzaté z weby/nasazeni/verejne/web (skill prevzit-vzor). */
@font-face { font-family: Bricolage; font-weight: 700; font-display: swap; src: url(/pisma/bricolage-700-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Bricolage; font-weight: 700; font-display: swap; src: url(/pisma/bricolage-700-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Inter; font-weight: 100 900; font-display: swap; src: url(/pisma/inter-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Inter; font-weight: 100 900; font-display: swap; src: url(/pisma/inter-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  color-scheme: light;
  /* Barvy loga S3 (vlaštovka a východ slunce). Varianta D „Východ slunce“ (Aleš 7. 11. 2026 19:57:
     „D, rozpracuj i pozadí, přidej animace“), světle hnědá pryč („ta světle hnědá se mi nelíbí“). */
  --pozadi: #fbfbfd;
  --plocha: #eef2f7;
  --karta: #ffffff;
  --text: #141f2b;
  --tlumeny: #5d6773;
  --okraj: #e3e7ee;
  --akcent: #e8562a;
  --akcent-text: #c4401a;
  --cip-k: #fff0e6;
  --cip-k-text: #b83a17;
  --zelena: #17693a;
  --more: #0e2433;
  --noc: #0e2433;
  --pata: #0e2433;
  --pata-text: #b9c7d3;
  --vychod: linear-gradient(100deg, #f2a33a, #e8562a 50%, #c93d5a);
  --stin: 0 10px 28px rgba(14, 36, 51, .10);
  --stin-maly: 0 2px 10px rgba(14, 36, 51, .07);
  --zare: rgba(242, 140, 70, .17);
  --zare2: rgba(201, 61, 90, .08);
  --nebe: rgba(80, 150, 200, .11);
}
/* Tmavý režim podle zařízení, nebo ručně přepínačem v hlavičce (stejně jako ostatní weby): noc nad mořem. */
@media (prefers-color-scheme: dark) {
  :root:not([data-rezim="svetly"]) {
    color-scheme: dark;
    --pozadi: #0a1620; --plocha: #142638; --karta: #11233a; --text: #eef3f8; --tlumeny: #a3b3c2; --okraj: #22384c;
    --akcent: #ff7a45; --akcent-text: #ffa47a; --cip-k: #3a1f16; --cip-k-text: #ffc6a8; --pata: #050d14; --more: #7fc4c4; --noc: #07121b;
    --stin: 0 10px 28px rgba(0, 0, 0, .35); --stin-maly: 0 2px 10px rgba(0, 0, 0, .3);
    --zare: rgba(255, 122, 69, .12); --zare2: rgba(201, 61, 90, .10); --nebe: rgba(90, 160, 220, .08);
  }
}
:root[data-rezim="tmavy"] {
  color-scheme: dark;
  --pozadi: #0a1620; --plocha: #142638; --karta: #11233a; --text: #eef3f8; --tlumeny: #a3b3c2; --okraj: #22384c;
  --akcent: #ff7a45; --akcent-text: #ffa47a; --cip-k: #3a1f16; --cip-k-text: #ffc6a8; --pata: #050d14; --more: #7fc4c4; --noc: #07121b;
  --stin: 0 10px 28px rgba(0, 0, 0, .35); --stin-maly: 0 2px 10px rgba(0, 0, 0, .3);
  --zare: rgba(255, 122, 69, .12); --zare2: rgba(201, 61, 90, .10); --nebe: rgba(90, 160, 220, .08);
}
:root[data-rezim="svetly"] { color-scheme: light; }

/* Pozadí: drobné motivy přírody a dopravních prostředků v barvách loga (Aleš 7. 11. 2026). */
:root { --vzor: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22480%22%20height%3D%22480%22%20fill%3D%22none%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2830%2040%29%20rotate%28-12%2016%2016%29%22%20stroke%3D%22rgba%28232%2C86%2C42%2C.42%29%22%3E%3Cpath%20d%3D%22M2%2014h12l7-10h3l-4%2010h9l3-4h2l-1%206%201%206h-2l-3-4h-9l4%2010h-3l-7-10H2z%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28180%2020%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%2831%2C107%2C42%2C.42%29%22%3E%3Cpath%20d%3D%22M16%202l-7%2010h4l-6%209h6l-5%207h16l-5-7h6l-6-9h4z%22/%3E%3Cpath%20d%3D%22M16%2028v3%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28300%2060%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%2827%2C76%2C98%2C.42%29%22%3E%3Cpath%20d%3D%22M1%2014c4-4%206-4%2010%200s6%204%2010%200%206-4%2010%200M1%2022c4-4%206-4%2010%200s6%204%2010%200%206-4%2010%200%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28410%2030%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%28214%2C152%2C32%2C.48%29%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%226%22/%3E%3Cpath%20d%3D%22M16%202v5M16%2025v5M2%2016h5M25%2016h5M6%206l3%203M23%2023l3%203M26%206l-3%203M9%2023l-3%203%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28110%20150%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%28232%2C86%2C42%2C.42%29%22%3E%3Cpath%20d%3D%22M3%2020v-6l4-6h14l5%206h3v6z%22/%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2221%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2221%22%20r%3D%223%22/%3E%3Cpath%20d%3D%22M9%2014h15%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28250%20150%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%2831%2C107%2C42%2C.42%29%22%3E%3Cpath%20d%3D%22M1%2026l10-16%206%209%204-6%2010%2013z%22/%3E%3Cpath%20d%3D%22M8%2015l3-5%203%204%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28390%20160%29%20rotate%284%2016%2016%29%22%20stroke%3D%22rgba%2827%2C76%2C98%2C.42%29%22%3E%3Cpath%20d%3D%22M3%2020h26l-4%206H7z%22/%3E%3Cpath%20d%3D%22M16%2018V2l10%2014H16%22/%3E%3Cpath%20d%3D%22M15%206l-8%2010h8%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%2820%20250%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%2831%2C107%2C42%2C.42%29%22%3E%3Cpath%20d%3D%22M16%2031c1-8%200-14-2-19%22/%3E%3Cpath%20d%3D%22M14%2012c-4-5-10-4-12-1%204-1%208%200%2012%201zM14%2012c2-6%208-7%2012-5-4%200-8%202-12%205zM14%2012c-1-6-5-9-9-9%203%202%206%205%209%209zM14%2012c5-1%2010%202%2012%206-4-2-8-4-12-6z%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28170%20270%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%2827%2C76%2C98%2C.42%29%22%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%2222%22%20height%3D%2220%22%20rx%3D%225%22/%3E%3Cpath%20d%3D%22M5%2013h22M11%2023l-3%205M21%2023l3%205%22/%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2218%22%20r%3D%221.5%22/%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2218%22%20r%3D%221.5%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28320%20270%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%28214%2C152%2C32%2C.48%29%22%3E%3Cpath%20d%3D%22M3%2027L16%205l13%2022z%22/%3E%3Cpath%20d%3D%22M16%205v22M12%2027l4-7%204%207%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28420%20300%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%28232%2C86%2C42%2C.42%29%22%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2220%22%20r%3D%226%22/%3E%3Ccircle%20cx%3D%2225%22%20cy%3D%2220%22%20r%3D%226%22/%3E%3Cpath%20d%3D%22M7%2020l6-10h9l3%2010M13%2010l3%2010h-9M16%2020l6-10M11%208h4M20%207h4%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%2880%20380%29%20rotate%28-8%2016%2016%29%22%20stroke%3D%22rgba%28214%2C152%2C32%2C.48%29%22%3E%3Crect%20x%3D%227%22%20y%3D%228%22%20width%3D%2218%22%20height%3D%2221%22%20rx%3D%226%22/%3E%3Cpath%20d%3D%22M12%208V5a4%204%200%200%201%208%200v3M11%2018h10v7H11z%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28220%20400%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%2827%2C76%2C98%2C.42%29%22%3E%3Cpath%20d%3D%22M1%2014c4-4%206-4%2010%200s6%204%2010%200%206-4%2010%200M1%2022c4-4%206-4%2010%200s6%204%2010%200%206-4%2010%200%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28350%20390%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%2831%2C107%2C42%2C.42%29%22%3E%3Cpath%20d%3D%22M16%202l-7%2010h4l-6%209h6l-5%207h16l-5-7h6l-6-9h4z%22/%3E%3Cpath%20d%3D%22M16%2028v3%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28430%20430%29%20rotate%2818%2016%2016%29%22%20stroke%3D%22rgba%28232%2C86%2C42%2C.42%29%22%3E%3Cpath%20d%3D%22M2%2014h12l7-10h3l-4%2010h9l3-4h2l-1%206%201%206h-2l-3-4h-9l4%2010h-3l-7-10H2z%22/%3E%3C/g%3E%3C/svg%3E"); }
@media (prefers-color-scheme: dark) { :root:not([data-rezim="svetly"]) { --vzor: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22480%22%20height%3D%22480%22%20fill%3D%22none%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2830%2040%29%20rotate%28-12%2016%2016%29%22%20stroke%3D%22rgba%28255%2C138%2C92%2C.42%29%22%3E%3Cpath%20d%3D%22M2%2014h12l7-10h3l-4%2010h9l3-4h2l-1%206%201%206h-2l-3-4h-9l4%2010h-3l-7-10H2z%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28180%2020%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%28110%2C200%2C130%2C.40%29%22%3E%3Cpath%20d%3D%22M16%202l-7%2010h4l-6%209h6l-5%207h16l-5-7h6l-6-9h4z%22/%3E%3Cpath%20d%3D%22M16%2028v3%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28300%2060%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%28127%2C196%2C196%2C.42%29%22%3E%3Cpath%20d%3D%22M1%2014c4-4%206-4%2010%200s6%204%2010%200%206-4%2010%200M1%2022c4-4%206-4%2010%200s6%204%2010%200%206-4%2010%200%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28410%2030%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%28242%2C200%2C110%2C.42%29%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%226%22/%3E%3Cpath%20d%3D%22M16%202v5M16%2025v5M2%2016h5M25%2016h5M6%206l3%203M23%2023l3%203M26%206l-3%203M9%2023l-3%203%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28110%20150%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%28255%2C138%2C92%2C.42%29%22%3E%3Cpath%20d%3D%22M3%2020v-6l4-6h14l5%206h3v6z%22/%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2221%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2221%22%20r%3D%223%22/%3E%3Cpath%20d%3D%22M9%2014h15%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28250%20150%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%28110%2C200%2C130%2C.40%29%22%3E%3Cpath%20d%3D%22M1%2026l10-16%206%209%204-6%2010%2013z%22/%3E%3Cpath%20d%3D%22M8%2015l3-5%203%204%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28390%20160%29%20rotate%284%2016%2016%29%22%20stroke%3D%22rgba%28127%2C196%2C196%2C.42%29%22%3E%3Cpath%20d%3D%22M3%2020h26l-4%206H7z%22/%3E%3Cpath%20d%3D%22M16%2018V2l10%2014H16%22/%3E%3Cpath%20d%3D%22M15%206l-8%2010h8%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%2820%20250%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%28110%2C200%2C130%2C.40%29%22%3E%3Cpath%20d%3D%22M16%2031c1-8%200-14-2-19%22/%3E%3Cpath%20d%3D%22M14%2012c-4-5-10-4-12-1%204-1%208%200%2012%201zM14%2012c2-6%208-7%2012-5-4%200-8%202-12%205zM14%2012c-1-6-5-9-9-9%203%202%206%205%209%209zM14%2012c5-1%2010%202%2012%206-4-2-8-4-12-6z%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28170%20270%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%28127%2C196%2C196%2C.42%29%22%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%2222%22%20height%3D%2220%22%20rx%3D%225%22/%3E%3Cpath%20d%3D%22M5%2013h22M11%2023l-3%205M21%2023l3%205%22/%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2218%22%20r%3D%221.5%22/%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2218%22%20r%3D%221.5%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28320%20270%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%28242%2C200%2C110%2C.42%29%22%3E%3Cpath%20d%3D%22M3%2027L16%205l13%2022z%22/%3E%3Cpath%20d%3D%22M16%205v22M12%2027l4-7%204%207%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28420%20300%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%28255%2C138%2C92%2C.42%29%22%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2220%22%20r%3D%226%22/%3E%3Ccircle%20cx%3D%2225%22%20cy%3D%2220%22%20r%3D%226%22/%3E%3Cpath%20d%3D%22M7%2020l6-10h9l3%2010M13%2010l3%2010h-9M16%2020l6-10M11%208h4M20%207h4%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%2880%20380%29%20rotate%28-8%2016%2016%29%22%20stroke%3D%22rgba%28242%2C200%2C110%2C.42%29%22%3E%3Crect%20x%3D%227%22%20y%3D%228%22%20width%3D%2218%22%20height%3D%2221%22%20rx%3D%226%22/%3E%3Cpath%20d%3D%22M12%208V5a4%204%200%200%201%208%200v3M11%2018h10v7H11z%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28220%20400%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%28127%2C196%2C196%2C.42%29%22%3E%3Cpath%20d%3D%22M1%2014c4-4%206-4%2010%200s6%204%2010%200%206-4%2010%200M1%2022c4-4%206-4%2010%200s6%204%2010%200%206-4%2010%200%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28350%20390%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%28110%2C200%2C130%2C.40%29%22%3E%3Cpath%20d%3D%22M16%202l-7%2010h4l-6%209h6l-5%207h16l-5-7h6l-6-9h4z%22/%3E%3Cpath%20d%3D%22M16%2028v3%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28430%20430%29%20rotate%2818%2016%2016%29%22%20stroke%3D%22rgba%28255%2C138%2C92%2C.42%29%22%3E%3Cpath%20d%3D%22M2%2014h12l7-10h3l-4%2010h9l3-4h2l-1%206%201%206h-2l-3-4h-9l4%2010h-3l-7-10H2z%22/%3E%3C/g%3E%3C/svg%3E"); } }
:root[data-rezim="tmavy"] { --vzor: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22480%22%20height%3D%22480%22%20fill%3D%22none%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2830%2040%29%20rotate%28-12%2016%2016%29%22%20stroke%3D%22rgba%28255%2C138%2C92%2C.42%29%22%3E%3Cpath%20d%3D%22M2%2014h12l7-10h3l-4%2010h9l3-4h2l-1%206%201%206h-2l-3-4h-9l4%2010h-3l-7-10H2z%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28180%2020%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%28110%2C200%2C130%2C.40%29%22%3E%3Cpath%20d%3D%22M16%202l-7%2010h4l-6%209h6l-5%207h16l-5-7h6l-6-9h4z%22/%3E%3Cpath%20d%3D%22M16%2028v3%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28300%2060%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%28127%2C196%2C196%2C.42%29%22%3E%3Cpath%20d%3D%22M1%2014c4-4%206-4%2010%200s6%204%2010%200%206-4%2010%200M1%2022c4-4%206-4%2010%200s6%204%2010%200%206-4%2010%200%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28410%2030%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%28242%2C200%2C110%2C.42%29%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%226%22/%3E%3Cpath%20d%3D%22M16%202v5M16%2025v5M2%2016h5M25%2016h5M6%206l3%203M23%2023l3%203M26%206l-3%203M9%2023l-3%203%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28110%20150%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%28255%2C138%2C92%2C.42%29%22%3E%3Cpath%20d%3D%22M3%2020v-6l4-6h14l5%206h3v6z%22/%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2221%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2221%22%20r%3D%223%22/%3E%3Cpath%20d%3D%22M9%2014h15%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28250%20150%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%28110%2C200%2C130%2C.40%29%22%3E%3Cpath%20d%3D%22M1%2026l10-16%206%209%204-6%2010%2013z%22/%3E%3Cpath%20d%3D%22M8%2015l3-5%203%204%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28390%20160%29%20rotate%284%2016%2016%29%22%20stroke%3D%22rgba%28127%2C196%2C196%2C.42%29%22%3E%3Cpath%20d%3D%22M3%2020h26l-4%206H7z%22/%3E%3Cpath%20d%3D%22M16%2018V2l10%2014H16%22/%3E%3Cpath%20d%3D%22M15%206l-8%2010h8%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%2820%20250%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%28110%2C200%2C130%2C.40%29%22%3E%3Cpath%20d%3D%22M16%2031c1-8%200-14-2-19%22/%3E%3Cpath%20d%3D%22M14%2012c-4-5-10-4-12-1%204-1%208%200%2012%201zM14%2012c2-6%208-7%2012-5-4%200-8%202-12%205zM14%2012c-1-6-5-9-9-9%203%202%206%205%209%209zM14%2012c5-1%2010%202%2012%206-4-2-8-4-12-6z%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28170%20270%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%28127%2C196%2C196%2C.42%29%22%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%2222%22%20height%3D%2220%22%20rx%3D%225%22/%3E%3Cpath%20d%3D%22M5%2013h22M11%2023l-3%205M21%2023l3%205%22/%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2218%22%20r%3D%221.5%22/%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2218%22%20r%3D%221.5%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28320%20270%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%28242%2C200%2C110%2C.42%29%22%3E%3Cpath%20d%3D%22M3%2027L16%205l13%2022z%22/%3E%3Cpath%20d%3D%22M16%205v22M12%2027l4-7%204%207%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28420%20300%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%28255%2C138%2C92%2C.42%29%22%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2220%22%20r%3D%226%22/%3E%3Ccircle%20cx%3D%2225%22%20cy%3D%2220%22%20r%3D%226%22/%3E%3Cpath%20d%3D%22M7%2020l6-10h9l3%2010M13%2010l3%2010h-9M16%2020l6-10M11%208h4M20%207h4%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%2880%20380%29%20rotate%28-8%2016%2016%29%22%20stroke%3D%22rgba%28242%2C200%2C110%2C.42%29%22%3E%3Crect%20x%3D%227%22%20y%3D%228%22%20width%3D%2218%22%20height%3D%2221%22%20rx%3D%226%22/%3E%3Cpath%20d%3D%22M12%208V5a4%204%200%200%201%208%200v3M11%2018h10v7H11z%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28220%20400%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%28127%2C196%2C196%2C.42%29%22%3E%3Cpath%20d%3D%22M1%2014c4-4%206-4%2010%200s6%204%2010%200%206-4%2010%200M1%2022c4-4%206-4%2010%200s6%204%2010%200%206-4%2010%200%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28350%20390%29%20rotate%280%2016%2016%29%22%20stroke%3D%22rgba%28110%2C200%2C130%2C.40%29%22%3E%3Cpath%20d%3D%22M16%202l-7%2010h4l-6%209h6l-5%207h16l-5-7h6l-6-9h4z%22/%3E%3Cpath%20d%3D%22M16%2028v3%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28430%20430%29%20rotate%2818%2016%2016%29%22%20stroke%3D%22rgba%28255%2C138%2C92%2C.42%29%22%3E%3Cpath%20d%3D%22M2%2014h12l7-10h3l-4%2010h9l3-4h2l-1%206%201%206h-2l-3-4h-9l4%2010h-3l-7-10H2z%22/%3E%3C/g%3E%3C/svg%3E"); }
body { background-image: var(--vzor); background-size: 480px 480px; }

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--pozadi); color: var(--text); font: 17px/1.6 Inter, system-ui, sans-serif; }
img { display: block; max-width: 100%; height: auto; }
a { color: var(--akcent-text); }
h1, h2, h3 { font-family: Bricolage, Inter, system-ui, sans-serif; font-weight: 700; letter-spacing: -.02em; }
.obal { max-width: 1120px; margin: 0 auto; padding: 0 20px; }
.obal-text { max-width: 720px; margin: 0 auto; padding: 0 20px; }
.veta { display: inline-block; }

/* Hlavička */
.hlavicka { position: sticky; top: 0; z-index: 10; background: color-mix(in srgb, var(--pozadi) 92%, transparent); backdrop-filter: blur(8px); border-bottom: 1px solid var(--okraj); transition: transform .25s ease; }
.hlavicka.skryta { transform: translateY(-100%); }
@media (prefers-reduced-motion: reduce) { .hlavicka { transition: none; } }
/* Pruh v barvách loga: moře, slunce, les. */
.vlajka { height: 5px; background: linear-gradient(90deg, #1b4c62 0 33.3%, #e8562a 33.3% 66.6%, #1f6b2a 66.6%); }
.hlavicka .obal { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 60px; }
.logo { display: inline-flex; align-items: center; gap: 10px; font: 700 1.15rem/1 Bricolage, Inter, sans-serif; letter-spacing: -.01em; color: var(--text); text-decoration: none; white-space: nowrap; }
/* Znak loga S3 má dvě verze, ranní pro světlý a svítání pro tmavý režim (Aleš 7. 11. 2026). */
.logo-znak { width: 34px; height: 34px; flex: none; }
.logo-tmave { display: none; }
@media (prefers-color-scheme: dark) { :root:not([data-rezim="svetly"]) .logo-svetle { display: none; } :root:not([data-rezim="svetly"]) .logo-tmave { display: block; } }
:root[data-rezim="tmavy"] .logo-svetle { display: none; }
:root[data-rezim="tmavy"] .logo-tmave { display: block; }
nav { display: flex; align-items: center; gap: 22px; }
nav a:not(.jazyk) { color: var(--text); text-decoration: none; font-weight: 500; white-space: nowrap; }
nav a[aria-current="page"] { color: var(--akcent-text); }
@media (hover: hover) { nav a:not(.jazyk):hover { color: var(--akcent-text); } }
.menu-tlacitko { display: none; flex-direction: column; justify-content: center; gap: 4px; width: 36px; height: 36px; padding: 0 9px; border: 1px solid var(--okraj); border-radius: 999px; background: transparent; cursor: pointer; }
.menu-tlacitko span { display: block; height: 2px; background: var(--text); border-radius: 2px; transition: transform .2s, opacity .2s; }
.menu-otevrene .menu-tlacitko span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.menu-otevrene .menu-tlacitko span:nth-child(2) { opacity: 0; }
.menu-otevrene .menu-tlacitko span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
.rezim { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 1px solid var(--okraj); border-radius: 999px; background: transparent; color: var(--text); cursor: pointer; font: inherit; flex: none; }
.rezim svg { width: 18px; height: 18px; flex: none; }
@media (hover: hover) { .rezim:hover { color: var(--akcent-text); } }
.rezim-text { display: none; }
nav a.jazyk { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 1px solid var(--okraj); border-radius: 999px; font-size: .82rem; font-weight: 600; color: var(--text); text-decoration: none; flex: none; }

@media (max-width: 760px) {
  .hlavicka .obal { flex-wrap: wrap; justify-content: flex-start; gap: 8px; padding: 0 14px; }
  .hlavicka .obal::after { content: ""; order: 3; flex-basis: 100%; height: 0; }
  nav { display: contents; }
  .logo { margin-right: auto; }
  .menu-tlacitko { display: inline-flex; order: 2; }
  nav .rezim, nav a.jazyk { order: 1; }
  nav a:not(.jazyk) { display: none; order: 4; flex-basis: 100%; padding: 12px 0; border-top: 1px solid var(--okraj); font-size: 1.05rem; }
  .menu-otevrene nav a:not(.jazyk) { display: block; }
  .menu-otevrene nav a:not(.jazyk):last-of-type { margin-bottom: 8px; }
  .hlavicka.menu-otevrene { background: var(--pozadi); backdrop-filter: none; box-shadow: 0 12px 24px rgba(0,0,0,.12); }
}

/* Štítky */
.cip { display: inline-block; white-space: nowrap; font: 700 .72rem/1 Inter, sans-serif; letter-spacing: .1em; text-transform: uppercase; padding: 6px 10px; border-radius: 999px; background: var(--akcent); color: #fff; text-decoration: none; }

/* Úvodní fotka */
.hero { position: relative; height: min(78vh, 620px); min-height: 440px; background: var(--more); overflow: hidden; }
/* Úvodní fotka má jen 960 px, na široké obrazovce se nesmí roztáhnout přes celou šířku (Aleš 7. 11. 2026: „rozmazané“). */
@media (min-width: 1160px) { .hero { max-width: 1120px; margin: 20px auto 0; border-radius: 16px; } }
.hero-nizky { height: min(52vh, 440px); min-height: 320px; }
.hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 40%; }
.hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0,0,0,.8), rgba(0,0,0,.05) 62%); }
.hero-text { position: absolute; left: 0; right: 0; bottom: 30px; color: #fff; z-index: 1; }
.hero h1 { font-size: clamp(2.3rem, 7vw, 4rem); line-height: 1.02; margin: 12px 0 10px; max-width: 14ch; }
.hero p { margin: 0; font-size: 1.05rem; opacity: .93; max-width: 40ch; }
/* Na telefonu celá fotka a text pod ní, přes fotku text uřízl běžkyni (Aleš 7. 11. 2026: „uříznutá postava“). */
@media (max-width: 760px) {
  .hero, .hero-nizky { height: auto; min-height: 0; background: none; }
  .hero > img { position: static; display: block; height: auto; aspect-ratio: 3 / 2; }
  .hero::after { display: none; }
  .hero-text { position: static; color: var(--text); padding-top: 16px; padding-bottom: 8px; }
}

.cisla { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid var(--okraj); padding: 0; }
.cisla div { padding: 16px 6px; text-align: center; border-right: 1px solid var(--okraj); }
.cisla div:last-child { border-right: 0; }
.cisla b { display: block; font: 700 1.4rem/1.1 Bricolage, Inter, sans-serif; white-space: nowrap; }
.cisla span { font-size: .78rem; color: var(--tlumeny); white-space: nowrap; }

.sekce { padding-top: 34px; padding-bottom: 20px; }
.sekce > h2 { font-size: 1.6rem; margin: 0 0 14px; }
.sekce > h2:has(+ .sekce-popis) { margin-bottom: 4px; }
.sekce-popis { color: var(--tlumeny); margin: 0 0 16px; }
#dnes, #historie { scroll-margin-top: 70px; }
#historie { border-top: 1px solid var(--okraj); margin-top: 18px; }
.filtr { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 18px; }
.filtr button { white-space: nowrap; font: 600 .85rem/1 Inter, sans-serif; padding: 9px 14px; border-radius: 999px; border: 1px solid var(--okraj); background: transparent; color: var(--text); cursor: pointer; }
.filtr button.on { background: var(--text); color: var(--pozadi); border-color: var(--text); }

.mrizka { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 14px; }
@media (min-width: 768px) { .mrizka { grid-template-columns: repeat(3, 1fr); gap: 30px 22px; } }
@media (min-width: 1024px) { .mrizka { grid-template-columns: repeat(4, 1fr); } }
.karta[hidden] { display: none; }
.karta a { display: block; color: inherit; text-decoration: none; }
.karta img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; object-position: 50% 25%; border-radius: 12px; background: var(--plocha); }
.karta .cip { margin: 10px 0 6px; background: var(--plocha); color: var(--tlumeny); padding: 5px 8px; font-size: .64rem; }
.karta .cip.k { background: var(--cip-k); color: var(--cip-k-text); }
.karta h3 { font-size: 1.05rem; line-height: 1.2; margin: 0 0 4px; }
@media (hover: hover) { .karta a:hover h3 { color: var(--akcent-text); } }
.karta-datum { font-size: .8rem; color: var(--tlumeny); }

/* Článek */
.clanek-foto { width: 100%; aspect-ratio: 16 / 9; max-height: 72vh; object-fit: cover; object-position: 50% 28%; }
/* Na PC úvodní fotka nejvýš 960 px, fotky mají kolem 960 až 1600 px a roztažené přes celou šířku se rozmazaly (Aleš 7. 11. 2026). */
@media (min-width: 761px) { .clanek-foto { display: block; max-width: 960px; margin: 28px auto 0; border-radius: 14px; } }
.clanek .obal-text { padding-top: 22px; }
.clanek h1 { font-size: clamp(2rem, 6vw, 3.1rem); line-height: 1.05; margin: 12px 0 10px; }
.meta { font-size: .88rem; color: var(--tlumeny); margin: 0 0 26px; }
.text p { margin: 0 0 1.1em; font-size: 1.08rem; line-height: 1.75; overflow-wrap: break-word; hyphens: auto; }
.text .mezititulek { font: 700 1.25rem/1.3 Bricolage, Inter, sans-serif; margin: 1.6em 0 .7em; }
.text .mezititulek em { font-style: normal; }
.text figure { margin: 26px -20px; }
.text figure img { width: 100%; }
/* Články psané podle zásad blogu kocianales.cz (7. 11. 2026): seznam, citát, popisek fotky, zdroje. */
.text ul { margin: 0 0 1.1em; padding-left: 1.2em; font-size: 1.08rem; line-height: 1.7; }
.text li { margin: 0 0 .4em; overflow-wrap: break-word; }
.text blockquote { margin: 0 0 1.4em; padding-left: 16px; border-left: 4px solid var(--akcent); }
.text blockquote p { font: 700 1.2rem/1.45 Bricolage, Inter, sans-serif; }
.text figcaption { font-size: .82rem; color: var(--tlumeny); padding: 8px 20px 0; }
.text h2.mezititulek { scroll-margin-top: 80px; }
.text .zdroje { font-size: .88rem; color: var(--tlumeny); line-height: 1.6; }
@media (min-width: 761px) { .text figcaption { padding: 8px 0 0; } }
/* Stránka Ligurie s Bowiem (plán vlákna Bowie) v kostře blogu, jen tokeny webu. */
.ligurie-obal { max-width: 980px; padding-top: 28px; padding-bottom: 56px; }
.ligurie h1 { font-size: clamp(2rem, 6vw, 3rem); line-height: 1.05; margin: 0 0 14px; text-wrap: balance; }
.ligurie h2 { font-size: 1.4rem; margin: 2em 0 .6em; padding-top: .7em; border-top: 1px solid var(--okraj); scroll-margin-top: 80px; }
.ligurie p, .ligurie li { line-height: 1.65; overflow-wrap: break-word; }
.ligurie a { color: var(--akcent-text); overflow-wrap: anywhere; }
.ligurie p strong, .ligurie li strong { color: var(--text); }
.ligurie .tab { overflow-x: auto; margin: 1em 0; background: var(--pozadi); border: 1px solid var(--okraj); border-radius: 12px; }
.ligurie table { border-collapse: collapse; width: 100%; font-size: .94rem; }
.ligurie th, .ligurie td { text-align: left; vertical-align: top; padding: 9px 12px; border-bottom: 1px solid var(--okraj); }
.ligurie th { background: var(--plocha); font-weight: 600; }
.ligurie tr:last-child td { border-bottom: 0; }
.ligurie code { background: var(--plocha); padding: 0 4px; border-radius: 4px; font-size: .9em; }
.ligurie .mrizka { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; margin: 16px 0 24px; }
.ligurie figure { margin: 0; background: var(--plocha); border-radius: 12px; overflow: hidden; }
.ligurie figure img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: 50% 50%; }
.ligurie figcaption { padding: 10px 14px 14px; font-size: .95rem; }
.ligurie figcaption strong { display: block; font: 700 1.08rem/1.3 Bricolage, Inter, sans-serif; }
.ligurie figcaption small { display: block; color: var(--tlumeny); font-size: .78rem; margin-top: 6px; }
.ligurie .mapa { position: relative; border: 1px solid var(--okraj); border-radius: 12px; overflow: hidden; aspect-ratio: 4 / 3; max-width: 100%; background: var(--plocha); }
.ligurie .mapa iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
@media (min-width: 700px) { .ligurie .mapa { aspect-ratio: 16 / 9; } }
.ligurie .mapa-odkazy { display: flex; flex-wrap: wrap; gap: 12px 18px; align-items: center; margin: 12px 0 4px; }
.ligurie .tlacitko-mapa { display: inline-block; white-space: nowrap; padding: 10px 18px; border-radius: 999px; background: var(--akcent); color: #fff; text-decoration: none; font-weight: 600; }
.ligurie .mapa-pozn { font-size: .9rem; color: var(--tlumeny); }

/* Článek nahlas, podoba z kocianales.cz (varianta A). */
.nahlas { display: flex; align-items: center; gap: 12px; background: var(--plocha); border-radius: 999px; padding: 6px 16px 6px 6px; margin: 0 0 6px; max-width: 520px; }
.nahlas-play { flex: none; width: 44px; height: 44px; border-radius: 50%; border: 0; background: var(--akcent); color: #fff; font-size: 1rem; cursor: pointer; }
.nahlas-play:focus-visible { outline: 3px solid var(--akcent-text); outline-offset: 2px; }
.nahlas-pruh { flex: 1; min-width: 0; height: 6px; cursor: pointer; appearance: none; border: 0; border-radius: 3px; background: var(--okraj); accent-color: var(--akcent); }
.nahlas-pruh::-webkit-progress-bar { background: var(--okraj); border-radius: 3px; }
.nahlas-pruh::-webkit-progress-value { background: var(--akcent); border-radius: 3px; }
.nahlas-pruh::-moz-progress-bar { background: var(--akcent); border-radius: 3px; }
.nahlas-cas { flex: none; font-size: .85rem; color: var(--tlumeny); font-variant-numeric: tabular-nums; white-space: nowrap; }
.nahlas-kdo { font-size: .82rem; color: var(--tlumeny); margin: 0 0 26px; }
@media (min-width: 761px) { .text figure { margin: 30px 0; } .text figure img { border-radius: 12px; } }
.upozorneni { background: var(--plocha); border-radius: 12px; padding: 18px 20px; }
.upozorneni p { margin: 0 0 12px; }
.tlacitko { display: inline-block; white-space: nowrap; padding: 11px 20px; border-radius: 999px; background: var(--text); color: var(--pozadi); text-decoration: none; font-weight: 600; }
.tlacitko-druhe { background: transparent; color: var(--text); border: 1.5px solid var(--text); }
/* Nejnovější článek v Současnosti přes celou šířku: fotka vlevo, úvod a tlačítka vpravo. */
.karta-velka { display: grid; grid-template-columns: 1fr; gap: 18px; background: var(--plocha); border-radius: 16px; overflow: hidden; margin-bottom: 22px; }
.karta-velka > img { width: 100%; height: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: 50% 25%; }
.karta-velka-text { padding: 4px 20px 22px; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.karta-velka h3 { font-size: clamp(1.4rem, 3vw, 2rem); line-height: 1.12; margin: 2px 0 0; text-wrap: balance; }
.karta-velka h3 a { color: var(--text); text-decoration: none; }
.karta-velka p { margin: 0; line-height: 1.6; }
.karta-velka-akce { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 6px !important; }
@media (min-width: 761px) { .karta-velka { grid-template-columns: 1.1fr 1fr; gap: 0; } .karta-velka-text { padding: 30px 32px; justify-content: center; } }
.zpet { margin: 26px 0 0; }
.motto { font: 700 1.35rem/1.35 Bricolage, Inter, sans-serif; margin: 0 0 28px; padding-left: 16px; border-left: 4px solid var(--akcent); max-width: 40ch; }

.stranka-kontakt, .stranka-404 { padding-top: 48px; padding-bottom: 60px; min-height: 50vh; }
.stranka-kontakt h1, .stranka-404 h1 { font-size: 2.3rem; margin: 0 0 12px; }
.velke-cislo { font: 700 4.5rem/1 Bricolage, Inter, sans-serif; color: var(--akcent-text); margin: 0; }

/* Patička */
.pata { background: var(--pata); color: var(--pata-text); margin-top: 40px; padding: 34px 0 30px; font-size: .92rem; }
.pata a { color: #fff; }
.pata p { margin: 0 0 10px; }
.pata-logo { font: 700 1.1rem/1 Bricolage, Inter, sans-serif; color: #fff; }
.pata-odkazy { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.pata-odkazy a { white-space: nowrap; text-decoration: none; }
.pata-mala { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: .82rem; margin-top: 18px !important; }
.pata-mala a { white-space: nowrap; }

h1 { line-height: 1.08; }
/* Na iPhonu SE (320 bodů) se logo, měsíček, jazyk a ☰ nevešly do jednoho řádku. */
@media (max-width: 380px) {
  .logo { font-size: .98rem; }
  .hlavicka .obal { gap: 6px; padding: 0 12px; }
}

/* Příběh bez fotky (Tom Sawyer, 2021): místo fotky karta v keňských barvách s názvem. */
.bez-foto { display: flex; align-items: flex-end; aspect-ratio: 1 / 1; padding: 14px; border-radius: 12px; color: #fff; font: 700 1.15rem/1.1 Bricolage, Inter, sans-serif; letter-spacing: -.01em;
  background: linear-gradient(160deg, #1b4c62 0 45%, #e8562a 45% 72%, #1f6b2a 72%); }
.clanek.bez-fotky .obal-text { padding-top: 40px; }

/* Video v článku (z administrace, 7. 11. 2026) */
.text figure.video video { width: 100%; display: block; border-radius: 12px; background: #000; }
.text figcaption { font-size: .85rem; color: var(--tlumeny); margin-top: 8px; }

/* Video z YouTube: náhled z blogu a tlačítko přehrát, video se otevře na YouTube (bez cookies na blogu, 7. 11. 2026). */
.text figure.yt a { position: relative; display: block; border-radius: 12px; overflow: hidden; box-shadow: var(--stin-maly); }
.text figure.yt img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.yt-hrat { position: absolute; left: 50%; top: 50%; width: 68px; height: 68px; margin: -34px 0 0 -34px; border-radius: 50%;
  background: var(--akcent); box-shadow: var(--stin); transition: transform .2s; }
.yt-hrat::after { content: ""; position: absolute; left: 27px; top: 21px; border-style: solid; border-width: 13px 0 13px 21px;
  border-color: transparent transparent transparent #fff; }
.text figure.yt a:hover .yt-hrat, .text figure.yt a:focus-visible .yt-hrat { transform: scale(1.08); }

/* Administrace /admin/ (pod heslem): seznam článků a editor. Barvy jen z tokenů webu. */
.admin { padding-top: 32px; padding-bottom: 40px; max-width: 860px; }
.admin h1 { font-size: 2.1rem; margin: 0 0 8px; }
.admin h2 { margin-top: 36px; }
.admin-clanky, .admin-staticke { list-style: none; margin: 14px 0; padding: 0; display: grid; gap: 8px; }
.admin-clanky button { width: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; text-align: left; font: inherit; color: var(--text);
  background: var(--plocha); border: 1px solid var(--okraj); border-radius: 12px; padding: 14px 16px; cursor: pointer; }
.admin-clanky button b { flex: 1 1 240px; min-width: 0; }
.admin-staticke li { display: flex; flex-wrap: wrap; gap: 4px 12px; }
.admin-stitek { white-space: nowrap; font-size: .8rem; font-weight: 600; padding: 3px 10px; border-radius: 999px; background: var(--okraj); color: var(--text); }
.admin-stitek.zverejneno { background: var(--zelena); color: #fff; }
.admin-zpet { font: inherit; font-weight: 600; color: var(--akcent-text); background: none; border: 0; padding: 0; cursor: pointer; }
.admin-pole { display: flex; flex-direction: column; gap: 6px; margin: 0 0 18px; min-width: 0; }
.admin-pole label, .admin-popisek { font-weight: 600; }
.admin-pole small { color: var(--tlumeny); overflow-wrap: anywhere; }
.admin-pole input, .admin-pole select, .admin-pole textarea { font: inherit; color: var(--text); background: var(--pozadi); border: 1.5px solid var(--okraj); border-radius: 10px; padding: 11px 12px; width: 100%; box-sizing: border-box; }
.admin-pole textarea { resize: vertical; line-height: 1.55; min-height: 200px; }
.admin-pole input:focus, .admin-pole select:focus, .admin-pole textarea:focus { outline: 2px solid var(--akcent); outline-offset: 1px; }
.admin-radek { display: grid; grid-template-columns: 1fr; gap: 0 16px; }
@media (min-width: 600px) { .admin-radek { grid-template-columns: 1fr 1fr; } }
.admin-titulni img { width: 100%; max-width: 420px; border-radius: 12px; display: block; }
.admin-titulni p { margin: 0; color: var(--tlumeny); }
.admin-akce { display: flex; flex-wrap: wrap; gap: 10px; margin: 6px 0 0; }
.admin-akce-dole { margin: 8px 0 22px; }
.admin-akce .tlacitko { cursor: pointer; font: inherit; font-weight: 600; }
.admin-smazat { border-color: var(--akcent-text); color: var(--akcent-text); }
/* Nahrání souboru: české tlačítko, průhledné pole přes něj (skill soubor-cesky). */
.soubor { position: relative; overflow: hidden; cursor: pointer; }
.soubor input { position: absolute; inset: 0; opacity: 0; cursor: pointer; font-size: 0; }
.admin-lista { display: flex; flex-wrap: wrap; gap: 6px; }
.admin-lista button, .admin-lista label { font: inherit; font-size: .88rem; white-space: nowrap; color: var(--text); background: var(--plocha); border: 1px solid var(--okraj); border-radius: 8px; padding: 7px 12px; cursor: pointer; }
.admin-stav { min-height: 1.5em; margin: 0; color: var(--zelena); font-weight: 600; }
:root[data-rezim="tmavy"] .admin-stav { color: var(--more); }
.admin-stav.chyba { color: var(--akcent-text); }
.admin-napoveda { background: var(--plocha); border-radius: 12px; padding: 14px 16px; }
.admin-napoveda summary { font-weight: 600; cursor: pointer; }
.admin-napoveda code { background: var(--pozadi); border-radius: 4px; padding: 1px 5px; }
.admin-nahled-lista { margin: 0; padding-top: 10px; padding-bottom: 10px; font-size: .9rem; font-weight: 600; background: var(--plocha); max-width: none; }

/* ===== Varianta D „Východ slunce“ (Aleš 7. 11. 2026 19:57: „D, rozpracuj i pozadí, přidej animace atp“) =====
   Noční modrá hlavička, tlačítka v přechodu východu slunce, bílé karty se stínem, pozadí s ranní září,
   vlny nad patičkou a vlaštovka nad úvodní fotkou. Každý pohyb se vypne při prefers-reduced-motion. */

/* Pozadí: ranní záře vpravo nahoře, chladné nebe vlevo dole, pod tím drobné motivy cest. Záře pomalu dýchá. */
body { position: relative; }
body::before { content: ""; position: fixed; inset: -10vmax; z-index: -1; pointer-events: none;
  background:
    radial-gradient(60vmax 45vmax at 85% 0%, var(--zare), transparent 70%),
    radial-gradient(45vmax 35vmax at 100% 30%, var(--zare2), transparent 70%),
    radial-gradient(60vmax 50vmax at 0% 100%, var(--nebe), transparent 70%);
  animation: zare-dycha 22s ease-in-out infinite alternate; }
@keyframes zare-dycha { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(-3vmax, 2vmax, 0) scale(1.08); } }
body { background-color: var(--pozadi); }

/* Hlavička jako noc nad mořem, ve světlém i tmavém režimu. */
.hlavicka { background: color-mix(in srgb, var(--noc) 94%, transparent); border-bottom-color: rgba(255, 255, 255, .08); color: #fff; }
.hlavicka .logo, .hlavicka nav a:not(.jazyk), .hlavicka .rezim, .hlavicka nav a.jazyk { color: #fff; }
.hlavicka .rezim, .hlavicka nav a.jazyk, .menu-tlacitko { border-color: rgba(255, 255, 255, .28); }
.menu-tlacitko span { background: #fff; }
.hlavicka nav a[aria-current="page"] { color: #ffb37a; }
@media (hover: hover) { .hlavicka nav a:not(.jazyk):hover, .hlavicka .rezim:hover { color: #ffb37a; } }
.hlavicka .logo-svetle { display: none !important; }
.hlavicka .logo-tmave { display: block !important; }
@media (max-width: 760px) {
  .hlavicka.menu-otevrene { background: var(--noc); }
  .hlavicka nav a:not(.jazyk) { border-top-color: rgba(255, 255, 255, .12); }
}
/* Pruh pod hlavičkou: východ slunce, který pomalu plyne. */
.vlajka { height: 4px; background: linear-gradient(90deg, #f2a33a, #e8562a, #c93d5a, #1b6f9a, #f2a33a); background-size: 300% 100%; animation: pruh-plyne 14s linear infinite; }
@keyframes pruh-plyne { to { background-position: 300% 0; } }

/* Tlačítka v barvách východu slunce, při najetí se zvednou a přeběhne po nich odlesk. */
.tlacitko { position: relative; overflow: hidden; background: var(--vychod); color: #fff; border: 0; box-shadow: 0 6px 18px rgba(232, 86, 42, .28);
  transition: transform .2s ease, box-shadow .2s ease; }
.tlacitko::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, .35) 50%, transparent 70%);
  transform: translateX(-120%); transition: transform .7s ease; }
@media (hover: hover) {
  .tlacitko:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(232, 86, 42, .36); }
  .tlacitko:hover::after { transform: translateX(120%); }
}
.tlacitko-druhe { background: transparent; color: var(--text); border: 1.5px solid var(--text); box-shadow: none; }
.tlacitko-druhe::after { display: none; }
@media (hover: hover) { .tlacitko-druhe:hover { box-shadow: var(--stin-maly); } }
.admin-smazat { border-color: var(--akcent-text); color: var(--akcent-text); }

/* Štítky: broskvové s oranžovým textem, na fotce plné. */
.karta-velka .cip, .clanek .cip { background: var(--cip-k); color: var(--cip-k-text); }
.karta .cip { background: var(--cip-k); color: var(--cip-k-text); margin: 12px 12px 6px; }
.karta .cip.k { background: var(--cip-k); color: var(--cip-k-text); }
.hero .cip { background: var(--vychod); color: #fff; }

/* Karty: bílé, zaoblené, se stínem. Při najetí se zvednou a fotka se jemně přiblíží. */
.karta a { background: var(--karta); border-radius: 20px; overflow: hidden; box-shadow: var(--stin-maly); height: 100%; padding-bottom: 14px;
  transition: transform .25s ease, box-shadow .25s ease; }
.karta img { border-radius: 0; transition: transform .6s ease; }
.karta .bez-foto { border-radius: 0; }
.karta h3, .karta .karta-datum { margin-left: 12px; margin-right: 12px; }
.karta .karta-datum { display: block; }
.karta a > img, .karta a > .bez-foto { clip-path: inset(0); }
@media (hover: hover) {
  .karta a:hover { transform: translateY(-4px); box-shadow: var(--stin); }
  .karta a:hover img { transform: scale(1.05); }
}
.mrizka { gap: 16px 14px; }
@media (min-width: 768px) { .mrizka { gap: 26px 22px; } }
.karta-velka { background: var(--karta); border-radius: 22px; box-shadow: var(--stin); }
.karta-velka > img { transition: transform .8s ease; }
@media (hover: hover) { .karta-velka:hover > img { transform: scale(1.03); } }

/* Nadpisy sekcí s krátkou čárkou v barvách východu slunce. */
.sekce > h2 { position: relative; padding-bottom: 10px; }
.sekce > h2::after { content: ""; position: absolute; left: 0; bottom: 0; width: 46px; height: 4px; border-radius: 4px; background: var(--vychod); }
.sekce > h2:has(+ .sekce-popis) { margin-bottom: 10px; }
#historie { border-top: 0; }

/* Čísla pod úvodní fotkou jako karta, čísla v přechodu východu slunce. */
.cisla { background: var(--karta); border: 0; border-radius: 20px; box-shadow: var(--stin-maly); margin-top: 18px; overflow: hidden; }
@media (max-width: 760px) { .cisla { margin-left: 14px; margin-right: 14px; width: auto; } }
.cisla div { border-right-color: var(--okraj); }
.cisla b { background: var(--vychod); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: 1.6rem; }

/* Úvodní fotka: pomalé přiblížení (Ken Burns), text se vynoří, nad mořem přeletí vlaštovka z loga. */
.hero > img { animation: priblizeni 26s ease-in-out infinite alternate; transform-origin: 60% 40%; }
@keyframes priblizeni { from { transform: scale(1); } to { transform: scale(1.09); } }
@media (max-width: 760px) { .hero { overflow: hidden; } .hero > img { border-radius: 0 0 22px 22px; } }
.hero-text > * { animation: vynorit .9s cubic-bezier(.2, .7, .2, 1) both; }
.hero-text > *:nth-child(2) { animation-delay: .12s; }
.hero-text > *:nth-child(3) { animation-delay: .24s; }
@keyframes vynorit { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
.hero::before { content: ""; position: absolute; z-index: 2; top: 14%; left: 0; width: 46px; height: 24px; pointer-events: none; opacity: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 24'%3E%3Cpath fill='%23ffffff' d='M0 3c7 2 13 6 18 11l4 1 3-2c5-5 12-9 21-11-6 4-12 9-15 15l-3 1 2 4-5-3-4 1C15 11 8 6 0 3z'/%3E%3C/svg%3E") no-repeat center / contain;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .35)); animation: vlastovka 16s linear 2s infinite; }
@keyframes vlastovka {
  0% { opacity: 0; transform: translate(-60px, 30px) rotate(-8deg); }
  6% { opacity: .95; }
  25% { transform: translate(28vw, -6px) rotate(4deg); }
  45% { transform: translate(55vw, 22px) rotate(-6deg); opacity: .95; }
  55% { transform: translate(72vw, -10px) rotate(5deg); opacity: 0; }
  100% { opacity: 0; transform: translate(72vw, -10px); }
}

/* Patička: vlny moře nad ní pomalu plují. */
.pata { position: relative; margin-top: 70px; background: var(--pata); }
.pata::before { content: ""; position: absolute; left: 0; right: 0; top: -38px; height: 40px; background: var(--pata);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 40' preserveAspectRatio='none'%3E%3Cpath d='M0 22c50-18 100-18 150 0s100 18 150 0 70-14 100-6v24H0z'/%3E%3C/svg%3E") repeat-x 0 100% / 400px 40px;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 40' preserveAspectRatio='none'%3E%3Cpath d='M0 22c50-18 100-18 150 0s100 18 150 0 70-14 100-6v24H0z'/%3E%3C/svg%3E") repeat-x 0 100% / 400px 40px;
  animation: vlny 18s linear infinite; }
@keyframes vlny { to { -webkit-mask-position: 400px 100%; mask-position: 400px 100%; } }
.pata-logo { background: var(--vychod); -webkit-background-clip: text; background-clip: text; color: transparent !important; }

/* Vynoření při rolování (třídu vynoreni přidá web.js, bez skriptu je vše vidět hned). */
.vynoreni .karta, .vynoreni .karta-velka, .vynoreni .sekce > h2, .vynoreni .text figure, .vynoreni .cisla > div {
  opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s cubic-bezier(.2, .7, .2, 1); }
.vynoreni .videt { opacity: 1 !important; transform: none !important; }

/* Článek: fotky v textu zaoblené se stínem, citát s čárou východu slunce. */
@media (min-width: 761px) { .text figure img { box-shadow: var(--stin); } .clanek-foto { box-shadow: var(--stin); border-radius: 22px; } }
.text blockquote { border-left: 0; padding-left: 18px; position: relative; }
.text blockquote::before { content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 4px; border-radius: 4px; background: var(--vychod); }
.upozorneni, .nahlas, .admin-napoveda { background: var(--karta); box-shadow: var(--stin-maly); }

/* Administrace ve stejném duchu: bílé karty článků, zelený štítek Na webu. */
.admin-clanky button { background: var(--karta); border: 0; border-radius: 16px; box-shadow: var(--stin-maly); transition: transform .2s ease, box-shadow .2s ease; }
@media (hover: hover) { .admin-clanky button:hover { transform: translateY(-2px); box-shadow: var(--stin); } }
.admin-stitek { background: var(--plocha); color: var(--tlumeny); }
.admin-stitek.zverejneno { background: #e2f5ea; color: #17693a; }
:root[data-rezim="tmavy"] .admin-stitek.zverejneno { background: #133d27; color: #8fe0b0; }
@media (prefers-color-scheme: dark) { :root:not([data-rezim="svetly"]) .admin-stitek.zverejneno { background: #133d27; color: #8fe0b0; } }
.admin-lista button, .admin-lista label { background: var(--karta); border-color: var(--okraj); }
.admin-pole input, .admin-pole select, .admin-pole textarea { background: var(--karta); border-color: var(--okraj); }
.admin-titulni img { box-shadow: var(--stin); border-radius: 16px; }
.admin-nahled-lista { background: var(--vychod); color: #fff; }
.admin-nahled-lista a { color: #fff; }
.ligurie figure, .ligurie .tab { background: var(--karta); box-shadow: var(--stin-maly); border: 0; }
/* Motivy pozadí neleží pod písmem (Aleš 7. 11. 2026 23:16, varianta A): text článku má pod sebou plné pozadí
   s měkkým okrajem, motivy zůstanou vidět v mezerách a po stranách. */
.text > p, .text > ul, .text > blockquote, .text > .mezititulek, .text figcaption,
.ligurie-obal > p, .ligurie-obal > ul, .ligurie-obal > h2 { background: var(--pozadi); box-shadow: 0 0 14px 14px var(--pozadi); border-radius: 8px; }
.ligurie th { background: var(--plocha); }
.ligurie .tlacitko-mapa { background: var(--vychod); }

@media (prefers-reduced-motion: reduce) {
  body::before, .vlajka, .hero > img, .hero-text > *, .hero::before, .pata::before { animation: none; }
  .hero::before { display: none; }
  .tlacitko, .karta a, .karta img, .karta-velka > img, .admin-clanky button { transition: none; }
}
/* Drobné motivy cest (letadlo, palma, vlny, kolo, batoh…) přes ranní záři, tak, aby byly vidět i v telefonu (Aleš 7. 11. 21:30), karty zůstávají bílé. */
body::after { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; background-image: var(--vzor); background-size: 480px 480px; opacity: .8; }