:root { --zmena-cteni: 0px; }
:root[data-velikost-cteni=maly] { --zmena-cteni: -2px; }
:root[data-velikost-cteni=velky] { --zmena-cteni: 4px; }

.stranka-akce {
  display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px;
  margin: 12px 0 20px; padding: 8px;
  border-block: 1px solid var(--line); background: #f8f5f2; color: var(--ink);
  font: 600 14px/1.2 var(--body);
}
.stranka-akce-skupina { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
.stranka-akce-label { margin-inline: 4px; color: var(--muted); }
.stranka-akce :is(button,a) {
  display: inline-flex; align-items: center; justify-content: center; gap: 5px;
  box-sizing: border-box; min-width: 36px; min-height: 36px; padding: 0 7px;
  border: 1px solid var(--line); border-radius: 0; background: #fff; color: var(--ink);
  font: inherit; text-decoration: none; cursor: pointer;
}
.stranka-akce :is(button,a):hover { border-color: var(--red); color: var(--dark-red); }
.stranka-akce :is(button,a):focus-visible { outline: 2px solid var(--dark-red); outline-offset: 2px; }
.stranka-akce button[aria-pressed=true] { border-color: var(--dark-red); background: var(--dark-red); color: #fff; }
.stranka-akce svg { width: 18px; height: 18px; flex: none; }
.stranka-akce-stav:empty { display: none; }
.stranka-akce-byline { font: 400 14px/1.3 var(--body); color: var(--muted); }
.article-dalsi-vyklad { display: inline-block; margin-block: 5px; }
.story-copy { font-size: calc(clamp(17px,2vw,20px) + var(--zmena-cteni)); }
.hs-main :is(.hs-reading,.hs-result,.hs-note,.hs-header,.hs-uvod) p { font-size: calc(1.125rem + var(--zmena-cteni)); }
.hs-main .hs-uvod p { font-size: calc(clamp(17px,2vw,22px) + var(--zmena-cteni)); }
.hs-main .hs-reading :is(ul,ol) { font-size: calc(1.125rem + var(--zmena-cteni)); }
.magazin-original #center { font-size: calc(17px + var(--zmena-cteni)); }
:root:is([data-velikost-cteni=maly],[data-velikost-cteni=velky]) .magazin-original #center :is(.ardata,#ardata,.ram-mid-r) :is(p,li,td,h4) {
  font-size: calc(17px + var(--zmena-cteni)) !important;
}
.runy-uvod {
  display: grid; grid-template-columns: minmax(0,1fr) minmax(150px,.48fr);
  align-items: stretch; background: #091725; color: #fff;
}
.runy-uvod > div:first-child { padding: clamp(18px,4vw,48px); }
.runy-uvod h1, .runy-vysledek-hlavicka h1 { margin: 0 0 10px; font: 800 clamp(38px,6vw,74px)/.97 var(--head); letter-spacing: -.02em; }
.runy-uvod p, .runy-vysledek-hlavicka p { max-width: 54ch; margin: 0; font-size: calc(clamp(17px,2vw,22px) + var(--zmena-cteni)); line-height: 1.35; }
.runy-uvod form { margin-top: 16px; }
.runy-spustit { display: inline-flex; align-items: center; min-height: 42px; padding: 7px 13px; border: 0; background: var(--red); color: #fff; font: 800 22px/1.1 var(--head); text-decoration: none; cursor: pointer; }
.runy-spustit:hover { background: var(--dark-red); }
.runy-znaky { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); place-items: center; gap: 6px; padding: 16px; background: #152a3a; color: #ffe2ab; }
.runy-znaky svg { display: block; width: min(100%,58px); height: auto; }
.runy-basen { margin: 20px 0 24px; border: 1px solid var(--line); border-top: 3px solid var(--red); background: #f8f5f2; }
.runy-basen summary { padding: 13px clamp(14px, 2.5vw, 28px); font: 800 clamp(24px, 3vw, 33px)/1.1 var(--head); cursor: pointer; }
.runy-basen summary:hover { color: var(--dark-red); }
.runy-basen summary:focus-visible { outline: 3px solid var(--red); outline-offset: -4px; }
.runy-basen[open] summary { border-bottom: 1px solid var(--line); }
.runy-basen-obsah { display: grid; align-items: start; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: clamp(16px, 4vw, 40px); padding: clamp(14px, 2.5vw, 28px); }
.runy-basen-bez-uvodu { grid-template-columns: minmax(0, 1fr); }
.runy-basen :is(p,blockquote) { margin: 0; font-size: calc(1.0625rem + var(--zmena-cteni)); line-height: 1.55; }
.runy-basen p { max-width: 62ch; }
.runy-basen blockquote { border-left: 3px solid var(--red); padding: 11px 16px; background: var(--paper); overflow-wrap: anywhere; }
.runy-vysledek-hlavicka { padding: 18px 0 2px; }
.runy-vysledek { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 14px 0 16px; }
.runy-karta { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: clamp(12px,2.5vw,26px); border: 1px solid var(--line); border-top: 3px solid var(--red); background: #f8f5f2; }
.runy-karta div { width: 100%; }
.runy-karta img { display: block; width: 127px; height: auto; }
.runy-karta h2 { margin: 0 0 6px; font: 800 30px/1 var(--head); }
.runy-karta p { margin: 0; font-size: calc(1.0625rem + var(--zmena-cteni)); overflow-wrap: anywhere; }
@media (max-width: 650px) {
  .runy-basen-obsah { grid-template-columns: minmax(0, 1fr); }
  .runy-uvod { grid-template-columns: minmax(0,1fr); }
  .runy-znaky { grid-template-columns: repeat(3,42px); justify-content: center; gap: 18px; padding-block: 12px; }
  .runy-vysledek { grid-template-columns: minmax(0,1fr); }
  .runy-karta { flex-direction: row; align-items: flex-start; }
  .runy-karta img { width: 78px; }
  .stranka-akce { gap: 7px; }
  .stranka-akce :is(button,a) { min-width: 40px; min-height: 40px; }
}
@media print {
  :is(.stranka-akce,.story-related,.magazin-dalsi-cteni,.magazin-paticka,.masthead,.magazin-sekce,.newsbar,.crumb,.hs-crumb,.runy-spustit,.runy-znaky) { display: none !important; }
  .runy-uvod { display: block; color: #000; background: #fff; }
  .runy-karta { break-inside: avoid; }
}
