/* ================================================================
   ŠUMAVA · /uzdravuje/aha/ — v5 „Volební období 2026–2030" (13. 8. 2026 večer)
   Dle návrhu claude.ai/design 3f5cd6bb · soubor „Volebni obdobi 2026-2030.dc.html"
   (DS 5ecb0e1e — tokeny a sg-subset převzaty ze Šumava Glass jako u /vylet).
   Dark glass: hero → wizard 8 kroků s válci → jedny VÁHY (PENÍZE/ČAS)
   → přesměrování → jak jsme počítali → glosa (#pribeh) → fixed bar ZA 4 ROKY.
   ⚠️ Immutable cache: každá změna souboru = bump ?v= v index.html!
   Zarovnání válců (pokyn Marka 13.8.): popisek nad válcem má PEVNOU min. výšku
   (.a5-wlabel, 62px) — 1 i 2 řádky textu = válce v jedné vodorovné lince.
   ================================================================ */

/* ---------- DS tokeny (Šumava Glass) ---------- */
:root{
  --les:#17462F; --les-svetly:#1a5c3a;
  --zlato:#c9a84c;
  --zivot:#3ddc78;
  --zivot-2:#13d6b0;
  --noc:#070b12;
  --noc-hluboka:#04060b;
  --svetlo:#f8f5f0;
  --text-dark:#eaf2fb;
  --text-light:#14181f;
  --text-mut:rgba(233,240,251,.66);
  --text-dim:rgba(233,240,251,.4);
  --mlha:rgba(16,22,32,.55);
  --mlha-husta:rgba(12,17,26,.82);
  --mlha-svetla:rgba(255,255,255,.06);
  --glass-stroke:rgba(255,255,255,.12);
  --glass-blur:26px; --glass-sat:170%;
  --grad-zivot:linear-gradient(135deg,#3ddc78,#13d6b0);
  --grad-stroke:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.04) 30%,rgba(255,255,255,0));
  --aurora-1:radial-gradient(40% 55% at 18% 12%,rgba(61,220,120,.28),transparent 60%);
  --aurora-2:radial-gradient(45% 60% at 85% 8%,rgba(19,214,176,.22),transparent 62%);
  --aurora-3:radial-gradient(55% 70% at 60% 100%,rgba(201,168,76,.16),transparent 60%);
  --depth-1:0 2px 10px rgba(0,0,0,.3);
  --depth-2:0 12px 38px rgba(0,0,0,.45);
  --depth-3:0 28px 80px rgba(0,0,0,.6);
  --font-ui:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --font-display:'Playfair Display',Georgia,serif;
  --font-mono:ui-monospace,'SF Mono','JetBrains Mono',Menlo,monospace;
  --fs-h1:clamp(32px,5vw + 8px,64px);
  --fs-h2:clamp(24px,3vw + 6px,42px);
  --fs-base:clamp(16px,.5vw + 14px,18px);
  --fs-small:.86rem;
  --tracking-mono:.22em;
  --r-s:12px; --r-m:18px; --r-l:26px; --r-pill:999px;
  --ease:cubic-bezier(.2,.8,.2,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --lg-fill:rgba(255,255,255,.10);
  --lg-stroke:rgba(255,255,255,.22);
  --lg-blur:42px;
  --lg-inset:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.15);
  --cihla:#c05a38; --cihla-t:#e08a67;
}
@supports (color: color(display-p3 1 1 1)){
  :root{ --zivot:color(display-p3 .24 .86 .47); --zivot-2:color(display-p3 .07 .84 .69); --zlato:color(display-p3 .78 .66 .31); }
}

/* ---------- Fonty (self-host /fonts/) ---------- */
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/inter-var-latin-ext.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:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/inter-var-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:'Playfair Display';font-style:normal;font-weight:400 900;font-display:swap;src:url('/fonts/playfair-var-latin-ext.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:'Playfair Display';font-style:normal;font-weight:400 900;font-display:swap;src:url('/fonts/playfair-var-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}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:#070b12;scroll-padding-top:80px}
/* v5.1 mobil: overflow-x:CLIP (ne hidden!) — hidden na <html> dělá z html scroll kontejner
   a na iOS/WebKit ROZBIJE window.scrollTo/scrollY úplně (ověřeno 14.8.). clip jen ořízne. */
@supports (overflow: clip){ html{overflow-x:clip} }
body.aha5{margin:0;font-family:var(--font-ui);font-size:var(--fs-base);line-height:1.6;color:var(--text-dark);
  background:var(--noc);
  background-image:radial-gradient(120% 70% at 50% -5%,rgba(61,220,120,.12),transparent 55%),
    linear-gradient(180deg,rgba(7,11,18,.9),rgba(4,6,11,.99));
  -webkit-font-smoothing:antialiased;overflow-x:hidden;padding-bottom:110px}
body.aha5 a{color:var(--zivot);text-decoration:none}
body.aha5 a:hover{color:#9be86b}
::selection{background:rgba(61,220,120,.3);color:#fff}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}}

/* ---------- Aurora ---------- */
.sg-aurora{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.sg-aurora::before,.sg-aurora::after{content:"";position:absolute;inset:-20%;background:var(--aurora-1),var(--aurora-2),var(--aurora-3);
  filter:blur(8px);animation:sgdrift 22s var(--ease) infinite alternate}
.sg-aurora::after{background:var(--aurora-2),var(--aurora-3);opacity:.7;animation-duration:30s;animation-direction:alternate-reverse}
@keyframes sgdrift{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(2%,-2%,0) scale(1.08)}100%{transform:translate3d(-2%,2%,0) scale(1.04)}}

/* ---------- Typo + sklo + tlačítka (sg subset) ---------- */
.sg-wrap{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:0 20px}
.sg-h1{font-family:var(--font-display);font-weight:800;font-size:var(--fs-h1);line-height:1.05;letter-spacing:-.015em;color:#fff;margin:0}
.sg-h2{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h2);line-height:1.08;letter-spacing:-.01em;color:#fff;margin:0}
.sg-lead{font-size:clamp(16px,1.1vw + 12px,21px);line-height:1.55;color:var(--text-mut);margin:0}
.sg-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:.72rem;font-weight:600;
  letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--zivot)}
.sg-eyebrow::before{content:"";width:22px;height:1px;background:linear-gradient(90deg,var(--zivot),transparent)}
.sg-rule{width:60px;height:3px;border-radius:2px;background:var(--grad-zivot);margin-top:.6rem}
.sg-glass{position:relative;background:var(--mlha);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));
  backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border-radius:var(--r-l);box-shadow:var(--depth-2);
  border:1px solid transparent;background-clip:padding-box}
.sg-glass::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--grad-stroke);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.sg-glass--deep{background:var(--mlha-husta);box-shadow:var(--depth-3)}
.sg-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:11px;overflow:hidden;
  background:linear-gradient(135deg,rgba(61,220,120,.24),rgba(19,214,176,.14));color:#eafff3;text-decoration:none;border:1px solid rgba(61,220,120,.5);cursor:pointer;
  -webkit-backdrop-filter:blur(var(--lg-blur)) saturate(180%);backdrop-filter:blur(var(--lg-blur)) saturate(180%);
  font-family:var(--font-ui);font-weight:800;font-size:1.02rem;letter-spacing:-.01em;padding:1rem 1.6rem;border-radius:var(--r-pill);
  box-shadow:0 10px 34px rgba(61,220,120,.22),var(--lg-inset);transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s}
.sg-cta:hover{transform:translateY(-2px);color:#fff;background:linear-gradient(135deg,rgba(61,220,120,.36),rgba(19,214,176,.22));
  box-shadow:0 0 0 1px rgba(61,220,120,.6),0 16px 52px rgba(61,220,120,.42),var(--lg-inset)}
.sg-btn{display:inline-flex;align-items:center;gap:9px;background:var(--lg-fill);border:1px solid var(--lg-stroke);position:relative;overflow:hidden;
  color:var(--text-dark);font-family:var(--font-ui);font-weight:600;font-size:.92rem;padding:.85rem 1.3rem;border-radius:var(--r-pill);
  text-decoration:none;cursor:pointer;-webkit-backdrop-filter:blur(var(--lg-blur)) saturate(180%);backdrop-filter:blur(var(--lg-blur)) saturate(180%);
  box-shadow:var(--lg-inset);transition:border-color .25s,color .25s,background .25s}
.sg-btn:hover{border-color:rgba(61,220,120,.6);color:#fff}
.sg-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:var(--r-pill);
  background:var(--mlha-svetla);border:1px solid var(--glass-stroke);color:var(--text-mut);font-size:12px}

/* [hidden] musí vyhrát i nad display:flex/grid */
.a5-custom[hidden],.a5-prevchips[hidden],.a5-pickgrid[hidden],[data-a5="explainbody"][hidden],.a5-vysledek[hidden],.a5-redirect[hidden],.sg-pill[hidden]{display:none !important}

/* ---------- Hero ---------- */
.a5-hero{padding:clamp(40px,7vw,84px) 0 clamp(20px,3vw,36px);text-align:center}
.a5-hero .sg-h1{margin:14px auto 0;max-width:17ch;text-wrap:balance}
.a5-hero .sg-lead{max-width:52ch;margin:18px auto 0}
.a5-hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:26px}
.a5-hero-note{color:var(--text-dim);font-size:var(--fs-small);margin:14px 0 0}
.a5-hero-story{margin:4px 0 0;font-size:var(--fs-small)}

/* ---------- Kalkulačka (wizard) ---------- */
.a5-kalk{padding:clamp(18px,3vw,34px);border-radius:var(--r-l)}
.a5-kalk-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.a5-krokcnt{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;color:var(--text-dim)}
.a5-kroky{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px;scroll-margin-top:10px}
.a5-krok{cursor:pointer;min-height:44px;padding:8px 12px;border-radius:var(--r-pill);font-family:var(--font-ui);font-size:13px;
  background:transparent;border:1px solid var(--glass-stroke);color:var(--text-mut);transition:all .2s var(--ease)}
.a5-krok:hover{border-color:var(--zivot);color:#fff}
.a5-krok:focus-visible{outline:2px solid var(--zivot);outline-offset:2px}
.a5-krok.cur{background:rgba(61,220,120,.16);border-color:var(--zivot);color:#fff}
.a5-krok .n{font-family:var(--font-mono);margin-right:6px}
.a5-otazka{margin-top:26px;text-align:center}
.a5-otazka h2{font-family:var(--font-display);font-weight:600;font-size:clamp(22px,2.6vw,32px);margin:0;text-wrap:balance}

/* válce */
.a5-wheels{display:flex;gap:clamp(10px,2vw,20px);flex-wrap:wrap;justify-content:center;margin-top:26px}
.a5-wheel{flex:0 1 210px;min-width:150px;display:flex;flex-direction:column;gap:8px}
/* 🆕 Markova oprava zarovnání: pevná min. výška zóny popisku (tag + až 2 řádky) →
   válce všech karet začínají ve stejné vodorovné lince i při dvouřádkovém popisku */
.a5-wlabel{min-height:62px;display:flex;flex-direction:column;justify-content:flex-end;gap:3px}
.a5-wtag{align-self:flex-start;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;padding:2px 8px;border-radius:var(--r-pill)}
.a5-wtag.skodi{color:var(--cihla-t);border:1px solid rgba(192,90,56,.5)}
.a5-wtag.pomaha{color:var(--zivot);border:1px solid rgba(61,220,120,.4)}
.a5-wname{font-size:13px;font-weight:600;color:var(--text-mut);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.a5-drum{position:relative;border-radius:14px;border:1px solid rgba(201,168,76,.4);
  box-shadow:var(--depth-2), inset 0 14px 22px rgba(50,38,16,.22), inset 0 -14px 22px rgba(50,38,16,.22);
  background:linear-gradient(180deg,#ddd3bf,#f4efe4 16%,#fdfbf6 50%,#f4efe4 84%,#ddd3bf)}
.a5-drum-win{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:44px;pointer-events:none;z-index:2;
  border-top:1px solid rgba(23,70,47,.4);border-bottom:1px solid rgba(23,70,47,.4);background:rgba(201,168,76,.12);
  box-shadow:0 0 0 1px rgba(255,255,255,.35) inset}
.a5-drum-ft{position:absolute;left:0;right:0;top:0;height:64px;pointer-events:none;z-index:2;border-radius:14px 14px 0 0;
  background:linear-gradient(180deg,rgba(221,211,191,.95),rgba(244,239,228,0))}
.a5-drum-fb{position:absolute;left:0;right:0;bottom:0;height:64px;pointer-events:none;z-index:2;border-radius:0 0 14px 14px;
  background:linear-gradient(0deg,rgba(221,211,191,.95),rgba(244,239,228,0))}
.a5-list{height:220px;overflow-y:auto;scroll-snap-type:y mandatory;position:relative;border-radius:14px;
  scrollbar-width:none;-ms-overflow-style:none}
.a5-list::-webkit-scrollbar{display:none}
.a5-list:focus-visible{outline:3px solid var(--zivot);outline-offset:3px}
.a5-spacer{height:88px}
.a5-opt{height:44px;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;padding:0 12px;cursor:pointer;
  font-size:13px;font-weight:400;color:#8a7f6a;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}
.a5-opt.sel{font-size:16px;font-weight:700;color:#17462F}
.a5-custom{display:flex;flex-direction:column;gap:4px}
.a5-custom label{font-size:12px;color:var(--text-mut)}
.a5-custom input{min-height:44px;padding:8px 12px;border-radius:var(--r-s);background:var(--mlha);color:var(--text-dark);
  font-size:16px;border:1px solid var(--glass-stroke);font-family:var(--font-ui)}
.a5-custom input:focus-visible{outline:2px solid var(--zivot);outline-offset:2px}
.a5-custom input.err{border-color:var(--cihla)}
.a5-cerr{font-size:12px;color:var(--cihla-t)}
.a5-prevchips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:18px}
.a5-prevchips span{font-size:12px;color:var(--text-mut);border:1px solid var(--glass-stroke);border-radius:var(--r-pill);padding:6px 12px}
.a5-stepnote{max-width:64ch;margin:20px auto 0;text-align:center;font-size:var(--fs-small);color:var(--text-dim);line-height:1.6}
.a5-feedback{margin:18px auto 0;max-width:560px;text-align:center;padding:12px 18px;border-radius:var(--r-m);
  background:var(--mlha);border:1px solid var(--glass-stroke)}
.a5-feedback span{font-size:15px;color:var(--text-dark);font-variant-numeric:tabular-nums}
.a5-navbtns{display:flex;justify-content:space-between;gap:12px;margin-top:24px;flex-wrap:wrap}
.a5-navbtns .sg-cta{border:0;min-height:44px}
.a5-navbtns .sg-btn{min-height:44px}

/* ---------- Váhy ---------- */
.a5-vysledek{padding-top:clamp(48px,7vw,90px)}
.a5-vysledek-head{text-align:center}
.a5-vysledek-head .sg-rule{margin:14px auto 0}
.a5-mode{display:inline-flex;margin-top:22px;border:1px solid var(--glass-stroke);border-radius:var(--r-pill);overflow:hidden;background:var(--mlha)}
.a5-modebtn{cursor:pointer;min-height:44px;min-width:110px;padding:10px 22px;border:0;font-family:var(--font-mono);
  letter-spacing:.16em;font-size:13px;background:transparent;color:var(--text-mut)}
.a5-modebtn:focus-visible{outline:2px solid var(--zivot);outline-offset:-3px}
.a5-modebtn.on{background:rgba(61,220,120,.9);color:#04160b}
.a5-vahy{position:relative;max-width:960px;margin:34px auto 0}
.a5-pivot{position:absolute;top:26px;left:50%;transform:translateX(-50%);width:22px;height:22px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#e8cf8e,#8f7433);box-shadow:var(--depth-1);z-index:3}
.a5-beam{position:absolute;top:32px;left:50%;width:min(660px,90vw);height:10px;border-radius:6px;
  background:linear-gradient(180deg,#e2c67e,var(--zlato) 55%,#8a6f31);box-shadow:var(--depth-2);z-index:2;
  transform:translateX(-50%);transition:transform .7s var(--ease-out)}
.a5-stojan{position:absolute;top:40px;left:50%;transform:translateX(-50%);width:14px;height:210px;
  background:linear-gradient(180deg,#a7aeb8,#565e68);border-radius:0 0 4px 4px;z-index:0}
.a5-podstavec{position:absolute;top:250px;left:50%;transform:translateX(-50%);width:120px;height:14px;border-radius:7px;
  background:linear-gradient(180deg,#8b939e,#464e58);box-shadow:var(--depth-1);z-index:0}
.a5-pans{display:grid;grid-template-columns:1fr minmax(40px,120px) 1fr;gap:clamp(6px,2vw,20px);padding-top:52px;align-items:start}
.a5-pan{transition:transform .7s var(--ease-out)}
.a5-panline{width:2px;height:46px;margin:0 auto;background:rgba(255,255,255,.28)}
.a5-pancard{border-radius:var(--r-m);padding:clamp(14px,2.4vw,24px)}
.a5-pancard.bad{border-top:3px solid var(--cihla)}
.a5-pancard.good{border-top:3px solid var(--zivot)}
.a5-pancard h3{margin:0;font-family:var(--font-mono);font-size:13px;letter-spacing:.2em}
.a5-pancard.bad h3{color:var(--cihla-t)}
.a5-pancard.good h3{color:var(--zivot)}
.a5-panbig{margin:10px 0 0;font-family:var(--font-display);font-size:clamp(22px,3.4vw,40px);line-height:1.1;color:#fff;font-variant-numeric:tabular-nums}
.a5-pansub{margin:4px 0 0;font-size:13px;color:var(--text-mut)}
.a5-panrows{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.a5-panrow{display:flex;justify-content:space-between;gap:10px;font-size:13px;border-bottom:1px dashed var(--glass-stroke);padding-bottom:6px}
.a5-panrow .n{color:var(--text-mut)}
.a5-panrow .v{color:var(--text-dark);font-variant-numeric:tabular-nums;white-space:nowrap}
.a5-showall{cursor:pointer;margin-top:12px;background:none;border:0;color:var(--zivot);font-size:13px;padding:6px 0;min-height:44px;font-family:var(--font-ui)}
.a5-showall:focus-visible{outline:2px solid var(--zivot);outline-offset:2px}
.a5-sent{max-width:60ch;margin:34px auto 0;text-align:center}
.a5-sent p{font-size:clamp(16px,1.6vw,19px);line-height:1.65;color:var(--text-dark);margin:0}
.a5-sent p + p{margin-top:14px}

/* ---------- Přesměrování ---------- */
.a5-redirect{max-width:760px;margin:clamp(40px,6vw,70px) auto 0;padding:clamp(20px,3vw,34px);border-radius:var(--r-l);text-align:center}
.a5-redirect .sg-h2{font-size:clamp(22px,2.6vw,32px)}
.a5-pcts{display:inline-flex;gap:8px;margin-top:20px;flex-wrap:wrap;justify-content:center}
.a5-pct{cursor:pointer;min-width:64px;min-height:44px;border-radius:var(--r-pill);font-size:15px;font-variant-numeric:tabular-nums;
  background:var(--mlha);border:1px solid var(--glass-stroke);color:var(--text-mut);font-family:var(--font-ui)}
.a5-pct:hover{border-color:var(--zivot)}
.a5-pct:focus-visible{outline:2px solid var(--zivot);outline-offset:2px}
.a5-pct.on{background:rgba(61,220,120,.9);border-color:var(--zivot);color:#04160b}
.a5-redirtext{max-width:52ch;margin:20px auto 0;font-size:16px;line-height:1.65}
.a5-redirnote{font-size:var(--fs-small);color:var(--text-dim);margin:8px 0 0}
.a5-redirect .sg-cta{border:0;margin-top:20px;min-height:44px}
.a5-pickgrid{margin-top:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;text-align:left}
.a5-picklab{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em}
.a5-picklab.bad{color:var(--cihla-t)}
.a5-picklab.good{color:var(--zivot)}
.a5-pickcol{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.a5-pickbtn{cursor:pointer;min-height:44px;text-align:left;padding:10px 14px;border-radius:var(--r-s);font-size:14px;
  background:var(--mlha);border:1px solid var(--glass-stroke);color:var(--text-mut);font-family:var(--font-ui)}
.a5-pickbtn:focus-visible{outline:2px solid var(--zivot);outline-offset:2px}
.a5-pickbtn.on{background:rgba(61,220,120,.14);border-color:var(--zivot);color:#fff}
.a5-picksent{margin:20px 0 0;font-size:16px;color:var(--zivot)}

/* ---------- Jak jsme počítali ---------- */
.a5-explain{max-width:760px;margin:clamp(30px,4vw,50px) auto 0}
.a5-explainbtn{cursor:pointer;width:100%;min-height:52px;display:flex;justify-content:space-between;align-items:center;
  padding:14px 20px;border-radius:var(--r-m);background:var(--mlha);border:1px solid var(--glass-stroke);
  color:var(--text-dark);font-size:16px;font-family:var(--font-ui)}
.a5-explainbtn:hover{border-color:var(--zivot)}
.a5-explainbtn:focus-visible{outline:2px solid var(--zivot);outline-offset:2px}
.a5-explainbody{margin-top:10px;padding:clamp(18px,3vw,28px);border-radius:var(--r-m);font-size:14px;line-height:1.7;color:var(--text-mut)}
.a5-explainbody p{margin:0}
.a5-explainbody p + p{margin-top:14px}
.a5-explainbody .src{margin:14px 0 6px;color:var(--text-dark);font-weight:600}
.a5-explainbody ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}

/* ---------- Glosa (#pribeh) ---------- */
.a5-glosa{max-width:720px;margin:clamp(40px,6vw,70px) auto 0;padding:0 20px;position:relative;z-index:1}
.a5-glosa-head{text-align:center;margin-bottom:26px}
.a5-glosa-head .sg-h2{margin-top:10px}
.a5-glosa-perex{font-size:1.02rem;color:var(--text-mut);max-width:56ch;margin:12px auto 0;text-align:center}
.a5-glosa article{font-size:1.05rem;line-height:1.75;color:var(--text-dark)}
.a5-glosa article p{margin:0 0 1.15em}
.a5-glosa .gl-rec{font-family:var(--font-display);font-style:italic;font-size:1.18rem;color:#9be86b}
.a5-glosa .gl-odd{text-align:center;color:var(--zlato);letter-spacing:.6em;margin:1.8em 0;font-size:.9rem}
.a5-glosa .gl-zaver{font-family:var(--font-display);font-size:clamp(20px,2.6vw,27px);font-weight:700;color:#fff;
  line-height:1.5;text-align:center;margin:1.6em auto 0;max-width:24ch}

/* ---------- Footer + fixed bar ---------- */
.a5-foot{max-width:760px;margin:clamp(40px,6vw,70px) auto 0;padding:0 20px 20px;text-align:center;color:var(--text-dim);font-size:12px;line-height:1.7;position:relative;z-index:1}
.a5-bar{position:fixed;z-index:60;bottom:18px;right:18px;left:auto;display:flex;justify-content:center}
.a5-bar-in{display:flex;gap:18px;align-items:center;padding:10px 18px;border-radius:var(--r-pill);box-shadow:var(--depth-2)}
.a5-bar-l{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;color:var(--text-dim);white-space:nowrap}
.a5-bar span.v{font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}
.a5-bar .bad{color:var(--cihla-t)}
.a5-bar .good{color:var(--zivot)}
.a5-bar .num{color:var(--text-dark)}
@media(max-width:760px){
  .a5-bar{bottom:calc(58px + env(safe-area-inset-bottom,0px));right:0;left:0}
  .a5-bar-in{border-radius:var(--r-pill) var(--r-pill) 0 0;width:100%;justify-content:center;border-radius:0}
  body.aha5{padding-bottom:150px}
}

/* ---------- v5.1: banner na konci glosy → anketa (výrazné CTA, pokyn Marka) ---------- */
.a5-banner{display:block;max-width:720px;margin:clamp(30px,5vw,54px) auto 0;padding:clamp(24px,4vw,40px);
  border-radius:var(--r-l);text-align:center;text-decoration:none;position:relative;overflow:hidden;
  background:linear-gradient(135deg,rgba(61,220,120,.2),rgba(19,214,176,.1));border:1px solid rgba(61,220,120,.5);
  box-shadow:0 14px 44px rgba(61,220,120,.25),var(--lg-inset);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.a5-banner:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(61,220,120,.6),0 20px 60px rgba(61,220,120,.42),var(--lg-inset)}
.a5-banner .bt{display:block;font-family:var(--font-display);font-weight:800;font-size:clamp(22px,3vw,32px);line-height:1.15;color:#fff;text-wrap:balance}
.a5-banner .bs{display:block;margin-top:10px;font-size:1rem;color:var(--text-mut)}
.a5-banner .ba{display:inline-flex;margin-top:18px}