/* Sekce /historie – design podle vzoru historie-petrinske-lanovky (přání majitele 2026-10-20):
   krémová paleta, nadpisy IBM Plex Serif, letopočty IBM Plex Mono, karty se stínem, éry
   s postranním sloupcem. Vše pod .hist, aby se nepletlo se zbytkem webu; fonty jsou
   hostované u nás (žádný Google Fonts – viz /soukromi). */
@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-serif-latin-400-normal.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:"IBM Plex Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-serif-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"IBM Plex Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-serif-latin-400-italic.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:"IBM Plex Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-serif-latin-ext-400-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-serif-latin-600-normal.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:"IBM Plex Serif";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-serif-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-serif-latin-700-normal.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:"IBM Plex Serif";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-serif-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-400-normal.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:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-500-normal.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:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

.hist{--hbg:#f7f5f0;--hsurface:#fffdf8;--hsurface2:#efece3;--hink:#1c2420;--hink-soft:#45524b;--hmuted:#6d7a72;--hline:#d8d3c6;
  --hgreen:#1e6b4a;--hgreen-soft:#dcebe2;--hochre:#a8651c;--hochre-soft:#f3e6d2;--hshadow:0 1px 2px rgba(28,36,32,.06),0 8px 24px rgba(28,36,32,.07);
  --hserif:"IBM Plex Serif",Georgia,serif;--hmono:"IBM Plex Mono",ui-monospace,monospace;}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hist{--hbg:#101512;--hsurface:#171d1a;--hsurface2:#1f2723;--hink:#e8ece7;--hink-soft:#b9c4bc;--hmuted:#8b9a90;--hline:#313b35;--hgreen:#63c493;--hgreen-soft:#1d2f27;--hochre:#e0a458;--hochre-soft:#33291b;--hshadow:0 1px 2px rgba(0,0,0,.35),0 8px 24px rgba(0,0,0,.3);}}
:root[data-theme="dark"] .hist{--hbg:#101512;--hsurface:#171d1a;--hsurface2:#1f2723;--hink:#e8ece7;--hink-soft:#b9c4bc;--hmuted:#8b9a90;--hline:#313b35;--hgreen:#63c493;--hgreen-soft:#1d2f27;--hochre:#e0a458;--hochre-soft:#33291b;--hshadow:0 1px 2px rgba(0,0,0,.35),0 8px 24px rgba(0,0,0,.3);}
body.hist-body{background:var(--hbg,#f7f5f0);}
.hist{background:var(--hbg);color:var(--hink);font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:17px;line-height:1.65;}
.hist .wrap{max-width:1060px;margin:0 auto;padding:0 20px 80px;}
.hist a{color:var(--hgreen);text-underline-offset:3px;}
.hist a:hover{text-decoration-thickness:2px;}
.hist :focus-visible{outline:2px solid var(--hgreen);outline-offset:2px;}
.hist .h-zpet{font-size:14px;color:var(--hmuted);margin:18px 0 0;}
.hist .h-zpet a{color:var(--hmuted);}
.hist .koncept{margin:18px 0 0;background:var(--hochre-soft);border:1px solid var(--hochre);border-radius:8px;padding:10px 14px;font-size:14.5px;}
/* hero */
.hist .hero{padding:30px 0 8px;}
.hist .hero h1{font-family:var(--hserif);font-weight:700;font-size:clamp(34px,6vw,58px);line-height:1.08;letter-spacing:-.01em;margin:0 0 18px;max-width:14em;}
.hist .hero .lead{font-size:clamp(18px,2.4vw,21px);line-height:1.55;color:var(--hink-soft);max-width:46em;margin:0 0 28px;}
.hist .hero-photo{margin:6px 0 0;}
.hist .hero-photo img{width:100%;height:auto;display:block;border-radius:10px;box-shadow:var(--hshadow);}
.hist figcaption{font-size:13.5px;color:var(--hmuted);margin-top:8px;line-height:1.45;}
.hist figcaption a{color:var(--hmuted);}
/* fakta (status panel) */
.hist .status{margin:30px 0 10px;background:var(--hsurface);border:1px solid var(--hline);border-top:4px solid var(--hgreen);border-radius:10px;box-shadow:var(--hshadow);padding:22px 24px 8px;}
.hist .status-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:6px;}
.hist .status-head h2{font-family:var(--hserif);font-size:24px;margin:0;}
.hist .status-head .when{color:var(--hmuted);font-size:14px;}
.hist .live-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--hgreen);margin-right:7px;vertical-align:1px;}
.hist .status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:4px 28px;margin:10px 0 14px;}
.hist .status-grid>div{padding:8px 0;border-top:1px dashed var(--hline);}
.hist .status-grid dt{font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--hmuted);margin:0 0 2px;}
.hist .status-grid dd{margin:0;font-size:16.5px;font-weight:500;}
.hist .status-grid dd small{display:block;font-weight:400;color:var(--hink-soft);font-size:14px;}
.hist .status .note{font-size:14.5px;color:var(--hink-soft);border-top:1px dashed var(--hline);padding:12px 0 14px;margin:0;}
/* období (karty) */
.hist .periods{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:26px 0 6px;}   /* 5 ér = 5 karet v řadě na PC, 2 na telefonu */
.hist .periods a{text-decoration:none;color:var(--hink);background:var(--hsurface);border:1px solid var(--hline);border-radius:8px;padding:14px 16px;display:block;}
.hist .periods a:hover{border-color:var(--hgreen);}
.hist .periods .p-years{font-family:var(--hmono);font-size:15px;font-weight:500;color:var(--hgreen);display:block;}
.hist .periods .p-name{font-weight:600;font-size:15.5px;display:block;margin-top:3px;}
.hist .periods .p-sub{color:var(--hmuted);font-size:13.5px;display:block;margin-top:2px;}
@media (max-width:720px){.hist .periods{grid-template-columns:1fr 1fr;}}
/* éry */
.hist section.era{margin-top:64px;}
.hist .era-head{max-width:720px;}
.hist .era-years{font-family:var(--hmono);color:var(--hgreen);font-size:15px;font-weight:500;letter-spacing:.02em;}
.hist .era-head h2{font-family:var(--hserif);font-size:clamp(27px,4vw,36px);line-height:1.15;margin:6px 0 10px;}
.hist .era-head p{color:var(--hink-soft);margin:0;}
.hist .era-body{display:grid;grid-template-columns:minmax(0,720px) 300px;gap:36px;margin-top:22px;align-items:start;}
@media (max-width:900px){.hist .era-body{grid-template-columns:1fr;}}
.hist .era-body p{margin:0 0 14px;}
.hist .era-body h3{font-family:var(--hserif);font-size:20px;margin:26px 0 8px;}
.hist .era-body h3:first-child{margin-top:0;}
.hist .era-body ul,.hist .era-body ol{margin:0 0 14px;padding-left:22px;}
.hist .era-body li{margin-bottom:8px;}
.hist figure.side,.hist figure.obr{margin:0 0 16px;}
.hist figure.side img,.hist figure.obr img{width:100%;height:auto;border-radius:8px;display:block;box-shadow:var(--hshadow);}
.hist .side-col>*+*{margin-top:18px;}
/* tabulky */
.hist .spec{width:100%;border-collapse:collapse;font-size:15px;background:var(--hsurface);border:1px solid var(--hline);border-radius:8px;overflow:hidden;}
.hist .spec caption{text-align:left;font-weight:600;font-size:14px;padding:0 0 8px;color:var(--hink);}
.hist .spec th,.hist .spec td{padding:8px 12px;text-align:left;vertical-align:top;}
.hist .spec tbody th{font-weight:500;color:var(--hink-soft);width:42%;border-top:1px solid var(--hline);}
.hist .spec tbody td{border-top:1px solid var(--hline);font-variant-numeric:tabular-nums;}
.hist .spec tbody tr:first-child th,.hist .spec tbody tr:first-child td{border-top:none;}
.hist table.data{width:100%;border-collapse:collapse;font-size:15px;background:var(--hsurface);border:1px solid var(--hline);border-radius:8px;overflow:hidden;margin:0 0 16px;}
.hist table.data caption{text-align:left;font-weight:600;font-size:14px;padding:0 0 8px;}
.hist table.data th,.hist table.data td{padding:10px 14px;text-align:left;vertical-align:top;}
.hist table.data thead th{font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--hmuted);border-bottom:1px solid var(--hline);background:var(--hsurface2);}
.hist table.data tbody th{font-weight:600;white-space:nowrap;}
.hist table.data tbody td{border-top:1px solid var(--hline);font-variant-numeric:tabular-nums;}
.hist table.data tbody tr:first-child td{border-top:none;}
@media (max-width:720px){
  .hist table.data,.hist table.data thead,.hist table.data tbody,.hist table.data tr,.hist table.data th,.hist table.data td{display:block;}
  .hist table.data thead{position:absolute;left:-9999px;}
  .hist table.data tr{border-top:1px solid var(--hline);padding:8px 0;}
  .hist table.data tr:first-child{border-top:none;}
  .hist table.data td{border-top:none!important;padding:3px 14px;}
  .hist table.data td::before{content:attr(data-th);display:block;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--hmuted);}
  .hist table.data tbody th{padding:6px 14px 2px;}
}
/* rámečky */
.hist .callout{border-radius:8px;padding:16px 18px;margin:20px 0;font-size:15.5px;}
.hist .callout p{margin:0 0 8px;}
.hist .callout p:last-child{margin-bottom:0;}
.hist .callout .c-title{font-weight:700;display:block;margin-bottom:6px;font-size:14px;letter-spacing:.04em;text-transform:uppercase;}
.hist .callout.dispute{background:var(--hochre-soft);border:1px solid var(--hochre);}
.hist .callout.dispute .c-title{color:var(--hochre);}
.hist .callout.fact{background:var(--hgreen-soft);border:1px solid var(--hgreen);}
.hist .callout.fact .c-title{color:var(--hgreen);}
/* obyčejné sekce, zdroje, patička článku */
.hist section.plain{margin-top:48px;max-width:720px;}
.hist section.plain.wide{max-width:none;}
.hist section.plain h2{font-family:var(--hserif);font-size:clamp(26px,4vw,34px);line-height:1.18;margin:0 0 14px;}
.hist section.plain p{margin:0 0 14px;}
.hist section.plain ul,.hist section.plain ol{margin:0 0 14px;padding-left:22px;}
.hist section.plain li{margin-bottom:10px;}
.hist .sources{font-size:14.5px;color:var(--hink-soft);}
.hist .sources li{margin-bottom:9px;overflow-wrap:anywhere;}
.hist .sources a{color:var(--hink-soft);}
.hist .foot{margin-top:70px;border-top:1px solid var(--hline);padding-top:18px;font-size:13.5px;color:var(--hmuted);max-width:720px;}
/* seznam dalších článků (kategorie /historie) */
.hist .clanky{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:14px 0 0;}
.hist .clanky a{text-decoration:none;color:var(--hink);background:var(--hsurface);border:1px solid var(--hline);border-radius:10px;padding:16px 18px;display:block;box-shadow:var(--hshadow);}
.hist .clanky a:hover{border-color:var(--hgreen);}
.hist .clanky .p-years{font-family:var(--hmono);font-size:14px;color:var(--hgreen);display:block;}
.hist .clanky .p-name{font-family:var(--hserif);font-weight:700;font-size:19px;display:block;margin-top:4px;line-height:1.25;}
.hist .clanky .p-sub{color:var(--hmuted);font-size:14px;display:block;margin-top:6px;}
