/* =========================================================================
 * aktivity.css — přehled /tools.php a detailní stránky aktivit
 * Redesign „Karty aktivit" (2026-09-25) v jazyce úvodní stránky:
 * volná plocha, tenké linky, patkové nadpisy v jedné barvě. Barvu nese jen
 * hodnocení (zelená dobré, oranžová přijatelné, červená nevhodné) a je vždy
 * bezpatkové s tečkou — jako stavový štítek, nikdy jako část nadpisu,
 * řady čísel s oddělovači, krémový pás pro zvláštní sekci.
 * Nahrazuje tools.css (ten zůstává jen pro případné staré odkazy).
 * ========================================================================= */

.akt {
  --ak-ink:#0F1933; --ak-soft:#3D4869; --ak-muted:#727A92; --ak-faint:#A5ACBF;
  --ak-bg:#FBFCFE; --ak-white:#FFFFFF; --ak-cream:#F8F6F0; --ak-cream-line:#E5E1D6;
  --ak-line:#E7E9F0; --ak-line2:#C9CFDB; --ak-blue:#002072; --ak-tint:#E8EEFB;
  --ak-green:#66BC29; --ak-good:#3F8A17; --ak-ok:#B0600E; --ak-okbar:#E8994F;
  --ak-bad:#BF2F2F; --ak-badbar:#D64545; --ak-info:#3B6DB8; --ak-infobar:#6E95D0;
  --ak-serif:'Instrument Serif','Iowan Old Style',Georgia,'Times New Roman',serif;
  --ak-sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  color:var(--ak-ink); font-family:var(--ak-sans); font-size:15px; line-height:1.5;
  padding-bottom:8px;
}
.akt *{box-sizing:border-box}
.akt a{color:inherit;text-decoration:none}
.akt [data-z="good"]{--z:var(--ak-good);--zb:var(--ak-green)}
.akt [data-z="ok"]{--z:var(--ak-ok);--zb:var(--ak-okbar)}
.akt [data-z="info"]{--z:var(--ak-info);--zb:var(--ak-infobar)}
.akt [data-z="bad"]{--z:var(--ak-bad);--zb:var(--ak-badbar)}
.ak-wrap{max-width:var(--max-content,1240px);margin:0 auto;padding-inline:20px}
.akt :focus-visible{outline:2px solid var(--ak-blue);outline-offset:3px;border-radius:4px}

/* hlavička stránky */
.ak-crumb{padding-top:20px;font-size:12.5px;color:var(--ak-muted)}
.ak-crumb a{color:var(--ak-blue);text-decoration:underline;text-underline-offset:3px}
.ak-crumb span[aria-hidden]{margin:0 6px;color:var(--ak-faint)}
.ak-eyebrow{display:flex;flex-wrap:wrap;gap:6px 10px;padding-top:18px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--ak-muted)}
.ak-eyebrow .pin{color:var(--ak-good)}
.ak-eyebrow .live::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ak-green);margin-right:6px;box-shadow:0 0 0 3px rgba(102,188,41,.18)}
.ak-eyebrow .warn{color:var(--ak-bad)}
.ak-h1{font-family:var(--ak-serif);font-weight:400;font-size:44px;line-height:.98;letter-spacing:-.01em;margin:40px 0 14px;text-wrap:balance}  /* horní okraj nahrazuje odstraněný řádek nad nadpisem */
.ak-lead{font-family:var(--ak-serif);font-size:19px;line-height:1.35;color:var(--ak-soft);max-width:34em;margin:0}
.ak-stale{margin:18px 0 0;padding:12px 16px;border-left:3px solid var(--ak-okbar);background:#FDF5EC;color:var(--ak-soft);font-size:14px}

/* řada čísel */
.ak-strip{display:grid;grid-template-columns:1fr 1fr;margin:26px 0 0;border-top:1px solid var(--ak-line)}
.ak-strip > div{padding:14px 12px 14px 0;border-bottom:1px solid var(--ak-line)}
.ak-strip > div:nth-child(even){padding-left:14px;border-left:1px solid var(--ak-line)}
.ak-strip > div:last-child:nth-child(odd){grid-column:span 2}
.ak-strip dt{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--ak-muted)}
.ak-strip dd{margin:4px 0 0;font-family:var(--ak-serif);font-size:32px;line-height:1;font-variant-numeric:tabular-nums}
.ak-strip dd u{text-decoration:none;font-family:var(--ak-sans);font-size:13px;color:var(--ak-muted);margin-left:3px}
.ak-strip p{margin:5px 0 0;font-size:12px;color:var(--ak-muted)}
.ak-strip p a{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
.ak-strip p a:hover{color:var(--ak-blue)}

.ak-sec{padding-top:44px}
.ak-sechead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 24px;padding-bottom:14px;border-bottom:1px solid var(--ak-line)}
.ak-h2{font-family:var(--ak-serif);font-weight:400;font-size:32px;line-height:1.05;margin:0}
.ak-sechead p{margin:0;font-size:13px;color:var(--ak-muted);max-width:40em}

/* souhrn */
.ak-sum{display:grid}
.ak-col{padding:16px 0;border-bottom:1px solid var(--ak-line)}
.ak-col h3{display:flex;align-items:baseline;gap:10px;margin:0 0 8px;font-family:var(--ak-serif);font-style:italic;font-weight:400;font-size:26px;line-height:1;color:var(--z)}
.ak-col h3 span{font-family:var(--ak-sans);font-style:normal;font-size:12px;font-weight:600;color:var(--ak-muted);letter-spacing:.08em;text-transform:uppercase}
.ak-col ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px}
.ak-col li a{display:inline-flex;align-items:baseline;gap:6px;font-size:15px;font-weight:500;color:var(--ak-ink)}
.ak-col li a:hover{color:var(--ak-blue);text-decoration:underline;text-underline-offset:3px}
.ak-col li b{font-variant-numeric:tabular-nums;font-weight:600;color:var(--z);font-size:14px}
.ak-col .none{font-size:14px;color:var(--ak-muted)}

/* filtr a řazení */
.ak-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-top:32px}
.ak-tools[hidden]{display:none}
.ak-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;max-width:100%;scrollbar-width:none}
.ak-chip{flex:none;border:1px solid var(--ak-line2);background:var(--ak-white);border-radius:999px;padding:7px 14px;font:500 13px var(--ak-sans);color:var(--ak-soft);cursor:pointer}
.ak-chip span{opacity:.6;margin-left:4px}
.ak-chip[aria-pressed="true"]{background:var(--ak-blue);border-color:var(--ak-blue);color:#fff}
.ak-seg{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--ak-line2);border-radius:999px;padding:3px;background:var(--ak-white)}
.ak-seg em{font-style:normal;font-size:12px;color:var(--ak-muted);padding:0 8px 0 10px}
.ak-seg button{border:0;background:none;border-radius:999px;padding:5px 12px;font:12.5px var(--ak-sans);color:var(--ak-soft);cursor:pointer}
.ak-seg button[aria-pressed="true"]{background:var(--ak-tint);color:var(--ak-blue);font-weight:600}

/* řádky aktivit */
.ak-gh{display:flex;align-items:baseline;gap:12px;margin:30px 0 0;padding-bottom:10px;border-bottom:1px solid var(--ak-line2);font-family:var(--ak-serif);font-weight:400;font-size:26px;line-height:1}
.ak-gh em{color:var(--z,var(--ak-ink))}
.ak-gh span{font-family:var(--ak-sans);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--ak-muted)}
.ak-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;grid-template-areas:"ico head score" "ico text text" "ico val val";column-gap:14px;row-gap:3px;padding:16px 0;border-bottom:1px solid var(--ak-line);align-items:start}
.ak-row > .ai:not(.ak-go){grid-area:ico;width:32px;height:32px}
.ak-head{grid-area:head;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 10px;min-width:0}
.ak-name{font-family:var(--ak-serif);font-size:24px;line-height:1.1;color:var(--ak-ink)}
.ak-lab{font-family:var(--ak-serif);font-style:italic;font-size:19px;line-height:1.1;color:var(--z)}
.ak-text{grid-area:text;margin:2px 0 0;color:var(--ak-soft);font-size:14.5px;max-width:58ch}
.ak-val{grid-area:val;font-size:12.5px;color:var(--ak-muted);margin-top:2px}
.ak-val b{font-family:var(--ak-serif);font-weight:400;font-size:17px;color:var(--ak-ink);font-variant-numeric:tabular-nums}
.ak-score{grid-area:score;display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding-top:2px}
.ak-score b{font-family:var(--ak-serif);font-weight:400;font-size:28px;line-height:.9;color:var(--z);font-variant-numeric:tabular-nums}
.ak-bar{display:block;width:60px;height:4px;border-radius:2px;background:var(--ak-line)}
.ak-bar i{display:block;height:100%;border-radius:inherit;background:var(--zb)}
.ak-go{display:none;grid-area:go;width:16px;height:16px;--ico:var(--ak-faint);stroke-width:3}
.ak-row:hover .ak-name{color:var(--ak-blue)}
.ak-row:hover .ak-go{--ico:var(--ak-blue)}

/* pás Zdraví a rizika */
.ak-band{background:var(--ak-cream);margin-top:52px;padding-block:36px 40px}
.ak-band .ak-sechead{border-bottom-color:var(--ak-cream-line)}
.ak-health{display:grid;grid-template-columns:1fr 1fr;margin-top:6px}
.ak-hi{padding:16px 12px 16px 0;border-bottom:1px solid var(--ak-cream-line)}
.ak-hi:nth-child(even){padding-left:14px;border-left:1px solid var(--ak-cream-line)}
.ak-hi header{display:flex;align-items:center;gap:8px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--ak-muted)}
.ak-hi .ai{width:26px;height:26px}
.ak-hi strong{display:block;font-family:var(--ak-serif);font-style:italic;font-weight:400;font-size:24px;line-height:1.1;color:var(--z,var(--ak-good));margin:8px 0 4px}
.ak-hi p{margin:0;font-size:13.5px;color:var(--ak-soft)}
.ak-hi:hover strong{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}

/* rychlé odpovědi */
.ak-qa{display:grid}
.ak-qa div{padding:16px 0;border-bottom:1px solid var(--ak-line)}
.ak-qa h3{margin:0 0 4px;font-family:var(--ak-serif);font-weight:400;font-size:21px;line-height:1.15}
.ak-qa p{margin:0;font-size:14px;color:var(--ak-soft)}
.ak-qa p strong{color:var(--ak-blue);font-weight:600}

/* stupnice skóre (přehled i detail) */
.ak-legend{display:grid;gap:22px;padding-top:20px}
.ak-legend > p{margin:0;font-size:14.5px;color:var(--ak-soft);max-width:48ch}
.ak-scale{position:relative;padding-bottom:22px}
.ak-scale .bars{display:grid;grid-template-columns:40fr 25fr 35fr;gap:3px}
.ak-scale .bars span{height:8px;border-radius:4px;background:var(--zb)}
.ak-scale .names{display:grid;grid-template-columns:40fr 25fr 35fr;gap:3px;margin-top:8px}
.ak-scale .names span{font-family:var(--ak-serif);font-style:italic;font-size:17px;color:var(--z);text-align:center}
.ak-scale .ticks{position:absolute;left:0;right:0;bottom:0;height:16px;font-size:11px;color:var(--ak-muted);font-variant-numeric:tabular-nums}
.ak-scale .ticks span{position:absolute;transform:translateX(-50%)}
.ak-scale .ticks span:first-child{transform:none}
.ak-scale .ticks span:last-child{transform:translateX(-100%)}
.ak-scale .mk{position:absolute;top:-5px;width:3px;height:18px;margin-left:-1.5px;border-radius:2px;background:var(--ak-ink)}
.ak-scale--hero .bars span{height:6px;opacity:.45}

/* ---------- detail ---------- */
.ak-hero{display:grid;gap:26px;padding:10px 0 32px;border-bottom:1px solid var(--ak-line)}
.ak-hero .ak-eyebrow{padding-top:12px}
.ai.ak-ico--hero{width:76px;height:76px}
.ak-dh1{font-family:var(--ak-serif);font-weight:400;font-size:46px;line-height:.98;margin:10px 0 12px;letter-spacing:-.01em;text-wrap:balance}
.ak-dh1 em{display:block;font-size:.66em;line-height:1.1;color:var(--z);margin-top:4px}
.ak-dlead{font-family:var(--ak-serif);font-size:19px;line-height:1.35;color:var(--ak-soft);margin:0;max-width:32em}
.ak-dscore .lbl{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--ak-muted)}
.ak-dnum{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin:4px 0 10px}
.ak-dnum b{font-family:var(--ak-serif);font-weight:400;font-size:84px;line-height:.85;color:var(--z);font-variant-numeric:tabular-nums}
.ak-dnum span{font-size:15px;color:var(--ak-muted)}
.ak-dnum em{font-family:var(--ak-serif);font-size:24px;color:var(--z);margin-left:8px}
/* Zdraví a rizika — místo stupnice skóre čtyřstupňový ukazatel rizika */
.ak-dnum.ak-dnum--w b{font-size:48px;line-height:1}
.ak-rmeter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.ak-rmeter span{height:8px;border-radius:4px;background:var(--ak-line)}
.ak-rmeter span.on{background:var(--zb)}
.ak-rends{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:var(--ak-muted)}
.ak-cap{margin:12px 0 0;font-size:13.5px;color:var(--ak-soft);max-width:36em}
.ak-cap strong{color:var(--ak-ink);font-weight:600}

.ak-todo{list-style:none;margin:0;padding:0;display:grid}
.ak-todo li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;padding:14px 0;border-bottom:1px solid var(--ak-line);font-size:15px;color:var(--ak-soft)}
.ak-todo li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--zb);margin-top:8px}

.ak-steps{list-style:none;margin:18px 0 0;padding:0}
.ak-step{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;padding-bottom:30px}
.ak-step::before{content:"";position:absolute;left:14px;top:32px;bottom:4px;width:1px;background:var(--ak-line2)}
.ak-step:last-child::before{display:none}
.ak-n{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--ak-blue);color:var(--ak-blue);display:grid;place-items:center;font-size:13px;font-weight:700;background:var(--ak-bg)}
.ak-step h3{margin:2px 0 2px;font-family:var(--ak-serif);font-weight:400;font-size:25px;line-height:1.1}
.ak-step .sub{margin:0 0 12px;font-size:13.5px;color:var(--ak-muted);max-width:56ch}
.ak-chips2{display:flex;flex-wrap:wrap;gap:8px}
.ak-mchip{border:1px solid var(--ak-line);background:var(--ak-white);border-radius:10px;padding:6px 11px;font-size:12px;color:var(--ak-muted);line-height:1.25}
.ak-mchip b{display:block;font-family:var(--ak-serif);font-weight:400;font-size:19px;color:var(--ak-ink);font-variant-numeric:tabular-nums}
.ak-f{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name sub" "viz viz";gap:6px 14px;padding:12px 0;border-bottom:1px solid var(--ak-line);align-items:center;transition:background .15s}
.ak-f:first-child{border-top:1px solid var(--ak-line)}
.ak-fname{grid-area:name;min-width:0}
.ak-fname strong{display:block;font-size:14.5px;font-weight:600;color:var(--ak-ink)}
.ak-fname small{font-size:12.5px;color:var(--ak-muted)}
.ak-fname .fn{display:block;font-size:12px;color:var(--ak-ok);margin-top:2px}
.ak-fsub{grid-area:sub;text-align:right;line-height:1.1}
.ak-fsub b{font-family:var(--ak-serif);font-weight:400;font-size:26px;font-variant-numeric:tabular-nums}
.ak-fsub small{display:block;font-size:11px;color:var(--ak-muted);white-space:nowrap}
.ak-viz{grid-area:viz;min-width:0}
.ak-cv{position:relative;height:46px}
.ak-cv svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ak-cv .band{fill:rgba(102,188,41,.14)}
.ak-cv .area{fill:rgba(0,32,114,.05)}
.ak-cv .ln{fill:none;stroke:var(--ak-blue);stroke-width:1.6;vector-effect:non-scaling-stroke}
.ak-cv .base{stroke:var(--ak-line2);stroke-width:1;vector-effect:non-scaling-stroke}
.ak-cv i{position:absolute;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;background:var(--ak-blue);box-shadow:0 0 0 3px var(--ak-bg)}
.ak-axis{display:flex;justify-content:space-between;font-size:10.5px;color:var(--ak-faint);margin-top:2px;font-variant-numeric:tabular-nums}
.ak-opts{display:flex;flex-wrap:wrap;gap:5px}
.ak-opt{border:1px solid var(--ak-line);border-radius:999px;padding:3px 10px;font-size:12px;color:var(--ak-muted);background:var(--ak-white);white-space:nowrap}
.ak-opt b{font-weight:600;margin-left:4px;font-variant-numeric:tabular-nums}
.ak-opt.on{background:var(--ak-blue);border-color:var(--ak-blue);color:#fff}
.ak-stack{display:grid;gap:3px;height:30px}
.ak-stack span{position:relative;border-radius:6px;background:var(--ak-line);overflow:hidden}
.ak-stack span i{position:absolute;inset:0 auto 0 0;background:var(--ak-blue);opacity:.82}
.ak-stackl{display:grid;gap:3px;margin-top:6px;font-size:11.5px;color:var(--ak-muted);line-height:1.25}
.ak-stackl span{min-width:0;overflow-wrap:anywhere;hyphens:auto}
.ak-stackl b{display:block;color:var(--ak-ink);font-weight:600;font-variant-numeric:tabular-nums}
.ak-steps[data-hl] .ak-stack span i{opacity:.28}
.ak-steps[data-hl] .ak-stackl span{opacity:.45}
.ak-steps[data-hl="0"] .ak-stack [data-fi="0"] i,.ak-steps[data-hl="1"] .ak-stack [data-fi="1"] i,.ak-steps[data-hl="2"] .ak-stack [data-fi="2"] i,.ak-steps[data-hl="3"] .ak-stack [data-fi="3"] i,.ak-steps[data-hl="4"] .ak-stack [data-fi="4"] i{opacity:.95}
.ak-steps[data-hl="0"] .ak-stackl [data-fi="0"],.ak-steps[data-hl="1"] .ak-stackl [data-fi="1"],.ak-steps[data-hl="2"] .ak-stackl [data-fi="2"],.ak-steps[data-hl="3"] .ak-stackl [data-fi="3"],.ak-steps[data-hl="4"] .ak-stackl [data-fi="4"]{opacity:1}
.ak-steps[data-hl="0"] .ak-f[data-fi="0"],.ak-steps[data-hl="1"] .ak-f[data-fi="1"],.ak-steps[data-hl="2"] .ak-f[data-fi="2"],.ak-steps[data-hl="3"] .ak-f[data-fi="3"],.ak-steps[data-hl="4"] .ak-f[data-fi="4"]{background:rgba(0,32,114,.045)}
.ak-eq{margin:14px 0 0;padding:0;list-style:none;max-width:460px}
.ak-eq li{display:flex;justify-content:space-between;gap:16px;padding:6px 0;border-bottom:1px dotted var(--ak-line2);font-size:13.5px;color:var(--ak-soft)}
.ak-eq li b{font-family:var(--ak-serif);font-weight:400;font-size:20px;color:var(--ak-ink);font-variant-numeric:tabular-nums}
.ak-eq li.tot{border-bottom:0;color:var(--ak-ink);font-weight:600}
.ak-eq li.tot b{font-size:26px}
.ak-skip{font-size:13px;color:var(--ak-ok);margin:0 0 10px}
.ak-dim{opacity:.45}
.ak-rules{list-style:none;margin:0;padding:0}
.ak-rules li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:2px 10px;align-items:baseline;padding:8px 0;border-bottom:1px dotted var(--ak-line2);font-size:13.5px;color:var(--ak-soft)}
.ak-rules .st{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--ak-line2);align-self:center}
.ak-rules em{grid-column:2;font-family:var(--ak-serif);font-size:16px;color:var(--z);opacity:.55}
.ak-rules li.hit{color:var(--ak-ink);font-weight:600}
.ak-rules li.hit .st{background:var(--zb);border-color:var(--zb)}
.ak-rules li.hit em{opacity:1}
.ak-rules li.no{text-decoration:line-through;text-decoration-color:var(--ak-faint)}
.ak-rules li.skip{opacity:.55}
.ak-rules li.skip em{opacity:.8}
.ak-note{font-size:12.5px;color:var(--ak-muted);margin:10px 0 0;max-width:62ch}
.ak-hz{display:grid}
.ak-hz div{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:8px 0;border-bottom:1px dotted var(--ak-line2);font-size:13.5px;color:var(--ak-soft)}
.ak-hz i{width:9px;height:9px;border-radius:50%;background:var(--ak-green);align-self:center}
.ak-hz div.on{color:var(--ak-ink);font-weight:600}
.ak-hz div.on i{background:var(--ak-badbar)}
.ak-hz div.pass i{background:var(--ak-okbar)}
.ak-hz small{font-size:12px;color:var(--ak-muted);text-align:right}
.ak-result{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;padding:16px 18px;background:var(--ak-white);border:1px solid var(--ak-line);border-radius:12px}
.ak-result span{font-size:12.5px;color:var(--ak-muted)}
.ak-result b{font-family:var(--ak-serif);font-weight:400;font-size:30px;font-variant-numeric:tabular-nums}
.ak-result b.fin{color:var(--z);font-size:40px}
.ak-result .arr{color:var(--ak-faint)}
.ak-result em{font-family:var(--ak-serif);font-size:21px;color:var(--z)}
.ak-how{list-style:none;margin:0;padding:0}
.ak-how li{padding:14px 0;border-bottom:1px solid var(--ak-line);font-size:15px;color:var(--ak-soft)}
.ak-how li strong{display:block;font-family:var(--ak-serif);font-weight:400;font-size:21px;color:var(--ak-ink);margin-bottom:2px}
.ak-src{font-size:14px;color:var(--ak-soft);max-width:70ch;margin:14px 0 0}
.ak-dnav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:40px;border-top:1px solid var(--ak-line)}
.ak-dnav a{display:flex;flex-direction:column;gap:2px;padding:16px 0}
.ak-dnav a:last-child{text-align:right;align-items:flex-end}
.ak-dnav small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ak-muted);font-weight:600}
.ak-dnav span{font-family:var(--ak-serif);font-size:22px}
.ak-dnav a:hover span{color:var(--ak-blue)}
.ak-back{margin:8px 0 0;font-size:14px}
.ak-back a{color:var(--ak-blue);text-decoration:underline;text-underline-offset:3px}

/* ---------- počítač ---------- */
@media (min-width: 760px){
  .ak-wrap{padding-inline:40px}
  .ak-eyebrow{padding-top:26px}
  .ak-h1{font-size:72px;margin:56px 0 16px}
  .ak-lead{font-size:22px}
  .ak-strip{grid-template-columns:repeat(5,1fr);margin-top:34px}
  .ak-strip > div,.ak-strip > div:nth-child(even){padding:20px 20px 18px;border-left:1px solid var(--ak-line)}
  .ak-strip > div:first-child{padding-left:0;border-left:0}
  .ak-strip > div:last-child:nth-child(odd){grid-column:auto}
  .ak-strip dd{font-size:38px}
  .ak-sec{padding-top:64px}
  .ak-h2{font-size:44px}
  .ak-sum{grid-template-columns:repeat(3,1fr)}
  .ak-col{padding:20px 28px 18px;border-bottom:0;border-left:1px solid var(--ak-line)}
  .ak-col:first-child{padding-left:0;border-left:0}
  .ak-col h3{font-size:30px;margin-bottom:12px}
  .ak-col ol{display:block}
  .ak-col li a{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dotted var(--ak-line2)}
  .ak-gh{font-size:30px;margin-top:40px}
  .ak-row{grid-template-columns:36px minmax(0,1fr) 150px 150px 16px;grid-template-areas:"ico head val score go" "ico text val score go";column-gap:24px;padding:20px 0;align-items:center}
  .ak-row > .ai:not(.ak-go){align-self:start;width:36px;height:36px}
  .ak-name{font-size:27px}
  .ak-lab{font-size:21px}
  .ak-val{display:flex;flex-direction:column;align-items:flex-start;margin:0}
  .ak-val .sep{display:none}
  .ak-val b{font-size:26px;line-height:1}
  .ak-score{flex-direction:row;align-items:center;gap:14px;padding:0}
  .ak-score b{font-size:32px;min-width:40px;text-align:right}
  .ak-bar{width:92px}
  .ak-go{display:block}
  .ak-band{padding-block:52px 56px;margin-top:72px}
  .ak-health{grid-template-columns:repeat(4,1fr)}
  .ak-hi,.ak-hi:nth-child(even){padding:20px 22px 8px;border-bottom:0;border-left:1px solid var(--ak-cream-line)}
  .ak-hi:first-child{padding-left:0;border-left:0}
  .ak-qa{grid-template-columns:1fr 1fr;column-gap:48px}
  .ak-legend{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:48px}
  .ak-hero{grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);gap:56px;align-items:end;padding-bottom:40px}
  .ak-dh1{font-size:72px}
  .ak-dlead{font-size:22px}
  .ak-dnum b{font-size:104px}
  .ak-todo{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px}
  .ak-f{grid-template-columns:minmax(0,1fr) 300px 90px;grid-template-areas:"name viz sub";gap:28px}
  .ak-hz{grid-template-columns:1fr 1fr;column-gap:28px}
  .ak-rules li{grid-template-columns:20px minmax(0,1fr) auto;gap:10px}
  .ak-rules em{grid-column:auto;text-align:right}
}

/* ---------- Jak vzniklo skóre: body dolů od stovky (2026-09-25) ---------- */
.ak-start{margin:18px 0 0;font-size:15px;color:var(--ak-soft);max-width:62ch}
.ak-loss{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid var(--ak-line)}
.ak-loss li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t pts" "rb rb";gap:8px 16px;padding:14px 0;border-bottom:1px solid var(--ak-line);align-items:center}
.ak-loss .t{grid-area:t;min-width:0}
.ak-loss .t strong{display:block;font-size:15px;font-weight:600;color:var(--ak-ink)}
.ak-loss .t span{display:block;font-size:13.5px;color:var(--ak-soft);margin-top:2px}
.ak-loss .rb{grid-area:rb;min-width:0}
.ak-loss .rb:empty{display:none}
.ak-loss .pts{grid-area:pts;font-family:var(--ak-serif);font-size:28px;line-height:1;color:var(--ak-bad);font-variant-numeric:tabular-nums;text-align:right}
.ak-loss .pts.zero{color:var(--ak-good)}
.ak-loss li.extra .t strong{font-weight:500;color:var(--ak-soft)}
.ak-rb{position:relative;height:8px;border-radius:4px;background:var(--ak-line)}
.ak-rb .ideal{position:absolute;top:0;bottom:0;border-radius:4px;background:rgba(102,188,41,.5)}
.ak-rb i{position:absolute;top:50%;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:var(--ak-blue);box-shadow:0 0 0 2px var(--ak-bg)}
.ak-rb-ax{display:flex;justify-content:space-between;margin-top:4px;font-size:10.5px;color:var(--ak-faint);font-variant-numeric:tabular-nums}
.ak-total{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0 4px;font-weight:600;color:var(--ak-ink)}
.ak-total b{font-family:var(--ak-serif);font-weight:400;font-size:34px;color:var(--z);font-variant-numeric:tabular-nums}
.ak-verdicts{display:grid;gap:10px;margin-top:18px;padding:16px 18px;background:var(--ak-white);border:1px solid var(--ak-line);border-radius:12px}
.ak-verdicts p{margin:0;font-size:15px;color:var(--ak-soft)}
.ak-verdicts strong{color:var(--ak-ink);font-weight:600}
.ak-verdicts ul{margin:0;padding-left:20px;font-size:15px;color:var(--ak-soft)}
.ak-more{margin-top:28px;border-top:1px solid var(--ak-line)}
.ak-more > summary{cursor:pointer;list-style:none;padding:16px 0;font-weight:600;font-size:15px;color:var(--ak-blue)}
.ak-more > summary::-webkit-details-marker{display:none}
.ak-more > summary::before{content:"+";display:inline-block;width:18px}
.ak-more[open] > summary::before{content:"–"}
.ak-more > .ak-note{margin:0 0 6px}
@media (min-width: 760px){
  .ak-loss li{grid-template-columns:minmax(0,1fr) 260px 64px;grid-template-areas:"t rb pts";gap:28px}
  .ak-loss .rb:empty{display:block}
}

/* ---------- Hodnocení = stavový štítek (2026-09-25) ----------
 * Nadpisy jsou patkové v jedné barvě. Hodnocení (dobré / přijatelné /
 * nevhodné, „ideální procházka"…) je vždy bezpatkové, v barvě pásma
 * a s tečkou — aby nevypadalo jako druhá půlka nadpisu jiným písmem. */
.ak-lab,.ak-verdict,.ak-dnum em,.ak-col h3,.ak-hi strong,.ak-rules em,.ak-result em,.ak-scale .names span{
  font-family:var(--ak-sans);font-style:normal;font-weight:600;letter-spacing:0}
.ak-lab::before,.ak-verdict::before,.ak-col h3::before,.ak-hi strong::before,.ak-gh[data-z]::before{
  content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--zb)}
.ak-lab{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;line-height:1.3;color:var(--z)}
.ak-verdict{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:18px;line-height:1.3;color:var(--z)}
.ak-dnum em{font-size:16px;margin-left:10px}
.ak-col h3{display:flex;align-items:center;gap:8px;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;color:var(--z)}
.ak-gh{align-items:center}
.ak-gh em{font-style:normal;color:var(--ak-ink)}
.ak-hi strong{display:flex;align-items:center;gap:8px;font-size:16px;line-height:1.3;margin:10px 0 4px;color:var(--z)}
.ak-rules em{font-size:12.5px}
.ak-result em{font-size:16px}
.ak-scale .names span{font-size:12.5px}
@media (min-width: 760px){
  .ak-lab{font-size:14px}
  .ak-col h3{font-size:12.5px;margin-bottom:12px}
  .ak-verdict{font-size:20px}
}

/* =========================================================================
 * Ikony aktivit v2 — kresby v includes/tools/icons_v2.php
 * ========================================================================= */
/* ---------- ikony v2 ---------- */
.ai{fill:none;stroke:var(--ico,#002072);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;overflow:hidden}
.ai .t-n{fill:#E6ECF8} .ai .t-br{fill:#E5C29A} .ai .t-w{fill:#F6DDC3} .ai .t-g{fill:#E0F0D2} .ai .t-b{fill:#DAE7F7} .ai .t-y{fill:#FBEBB8} .ai .t-f{fill:#FFFFFF}
.ai .s-b{stroke:#3B6DB8} .ai .s-w{stroke:#E0892F} .ai .s-g{stroke:#A5ACBF}
.ai .f-n{fill:var(--ico,#002072);stroke:none} .ai .f-b{fill:#3B6DB8;stroke:none} .ai .f-w{fill:#E8994F;stroke:none} .ai .f-y{fill:#E3B43C;stroke:none}
.ai .hl{stroke:#FFFFFF;stroke-width:2;opacity:.85}
.ai .thin{stroke-width:1.3} .ai .thick{stroke-width:3.2} .ai .nostroke{stroke:none}
.ai .rotor{stroke-width:1.5;fill-opacity:.75}
/* plavec */
.ai .water{fill:#DAE7F7;fill-opacity:.8}
.ai .cap{fill:#66BC29}
.ai .uw .body{stroke-opacity:.9}
.ai .a-armA,.ai .a-armB{transform-origin:17px 30px}
.ai .a-armA{transform:rotate(290deg)}
.ai .a-armB{transform:rotate(110deg)}
.ai .a-kick{opacity:0}
/* klidový stav */
.ai .a-drop,.ai .a-drip,.ai .a-spl,.ai .a-ember{opacity:0}
.ai *{transform-box:view-box}
.ai .a-big{transform-origin:24px 43.5px}
.ai .a-small{transform-origin:39px 43px}
.ai .a-prop{transform-box:fill-box;transform-origin:center}
.ai .a-fish{transform-origin:22px 24px}
.ai .a-tail{transform-origin:37px 24px}
.ai .a-shoe{transform-origin:44px 40px}
.ai .a-spk{transform-box:fill-box;transform-origin:center}
.ai .a-crank{transform-origin:24px 31px}
.ai .a-can{transform-origin:17px 42px}
.ai .a-sprout{transform-origin:42px 44px}
.ai .a-shirt{transform-origin:19px 12px}
.ai .a-sock{transform-origin:37px 11.6px}
.ai .a-spark{transform-box:fill-box;transform-origin:center}
.ai .a-flame{transform-origin:24px 33px}
.ai .a-rays{transform-origin:40px 9px}
.ai .a-needle{transform-origin:24px 26px;transform:rotate(-20deg)}
.ai .a-flower{transform-origin:24px 44px}

/* spouštěč: najetí myší / klávesnice / .play */
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-big{animation:k-squash 1.6s ease-in-out infinite}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-small{animation:k-pop 1.6s ease-out infinite}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-p1{animation:k-step 1.3s ease-in-out infinite}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-p2{animation:k-step 1.3s .65s ease-in-out infinite}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-hover{animation:k-float 1.8s ease-in-out infinite}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-prop{animation:k-spin .38s linear infinite}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-fish{animation:k-fish 1.6s ease-in-out infinite}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-tail{animation:k-wag .42s ease-in-out infinite alternate}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-bub{animation:k-bubble 1.8s ease-out infinite}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-bub.b2{animation-delay:.6s}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-bub.b3{animation-delay:1.2s}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-shoe{animation:k-push .9s ease-in-out infinite}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-speed{animation:k-streak .9s linear infinite}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-spk{animation:k-spin 1.1s linear infinite}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-crank{animation:k-spin 1.1s linear infinite}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-smoke{animation:k-smoke 2.1s ease-out infinite}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-smoke.k2{animation-delay:.7s}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-smoke.k3{animation-delay:1.4s}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-can{animation:k-pour 2s ease-in-out infinite}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-drop{animation:k-drip 2s ease-in infinite}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-drop.d2{animation-delay:.25s}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-drop.d3{animation-delay:.5s}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-sprout{animation:k-sway 2s .6s ease-in-out infinite}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-shirt{animation:k-swing 2.2s ease-in-out infinite}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-sock{animation:k-swing2 2.2s .25s ease-in-out infinite}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-drip{animation:k-fall 2.2s 1s ease-in infinite}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-spark{animation:k-twinkle 1.6s ease-in-out infinite}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-waves{animation:k-wave 1.8s linear infinite}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-armA{animation:k-crawlA 1.8s -.55s linear infinite}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-armB{animation:k-crawlB 1.8s -.55s linear infinite}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-head{animation:k-breathe .9s ease-in-out infinite}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-spl{animation:k-entry .9s .33s ease-out infinite}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-kick{animation:k-kick .44s ease-in-out infinite alternate}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-kick.k2{animation-delay:-.22s}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-flame{animation:k-flick .7s ease-in-out infinite alternate}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-flame.in{animation-duration:.45s}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-ember{animation:k-ember 1.6s ease-out infinite}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-ember.e2{animation-delay:.8s}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-rays{animation:k-spin 9s linear infinite}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-heat{animation:k-smoke 1.8s ease-out infinite}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-heat.h2{animation-delay:.9s}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-needle{animation:k-needle 2.4s ease-in-out infinite}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-flower{animation:k-sway 2.4s ease-in-out infinite}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-grain{animation:k-drift 2.4s ease-out infinite}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-grain.g2{animation-delay:.8s}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-grain.g3{animation-delay:1.6s}

@keyframes k-squash{0%,100%{transform:scale(1,1)}28%{transform:scale(1.05,.94)}55%{transform:scale(.97,1.05)}78%{transform:scale(1.01,.99)}}
@keyframes k-pop{0%{transform:translateY(3px) scaleY(.6)}35%{transform:translateY(-1px) scaleY(1.08)}55%,100%{transform:translateY(0) scaleY(1)}}
@keyframes k-step{0%,100%{opacity:1}45%{opacity:.22}}
@keyframes k-float{0%,100%{transform:translateY(1px)}50%{transform:translateY(-2px)}}
@keyframes k-spin{to{transform:rotate(360deg)}}
@keyframes k-fish{0%,100%{transform:translateX(0) rotate(0)}50%{transform:translateX(-1.5px) rotate(-3deg)}}
@keyframes k-wag{from{transform:rotate(-13deg)}to{transform:rotate(13deg)}}
@keyframes k-bubble{0%{opacity:0;transform:translateY(3px)}25%{opacity:1}100%{opacity:0;transform:translateY(-6px)}}
@keyframes k-push{0%,100%{transform:rotate(0) translateY(0)}35%{transform:rotate(-8deg) translateY(-1px)}60%{transform:rotate(2deg)}}
@keyframes k-streak{0%{transform:translateX(3px);opacity:0}30%{opacity:1}100%{transform:translateX(-3px);opacity:0}}
@keyframes k-smoke{0%{opacity:0;transform:translateY(3px)}30%{opacity:1}100%{opacity:0;transform:translateY(-4px)}}
@keyframes k-pour{0%,100%{transform:rotate(0)}30%,70%{transform:rotate(9deg)}}
@keyframes k-drip{0%,25%{opacity:0;transform:translate(0,-2px)}40%{opacity:1}100%{opacity:0;transform:translate(1px,8px)}}
@keyframes k-sway{0%,100%{transform:rotate(0)}35%{transform:rotate(-6deg)}70%{transform:rotate(5deg)}}
@keyframes k-swing{0%,100%{transform:rotate(0)}30%{transform:rotate(-5deg)}70%{transform:rotate(4deg)}}
@keyframes k-swing2{0%,100%{transform:rotate(0)}30%{transform:rotate(7deg)}70%{transform:rotate(-6deg)}}
@keyframes k-fall{0%{opacity:0;transform:translateY(-2px)}25%{opacity:1}100%{opacity:0;transform:translateY(6px)}}
@keyframes k-twinkle{0%,100%{transform:scale(.55) rotate(0);opacity:.4}50%{transform:scale(1.15) rotate(45deg);opacity:1}}
@keyframes k-wave{from{transform:translateX(0)}to{transform:translateX(-10.8px)}}
@keyframes k-bob{from{transform:translateY(0)}to{transform:translateY(-1.4px)}}
@keyframes k-splash{0%{opacity:0;transform:translate(0,3px)}30%{opacity:1}100%{opacity:0;transform:translate(2px,-3px)}}
@keyframes k-crawlA{from{transform:rotate(180deg)}to{transform:rotate(540deg)}}
@keyframes k-crawlB{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes k-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-.9px)}}
@keyframes k-entry{0%{opacity:0;transform:translate(0,2px)}12%{opacity:1}45%{opacity:0;transform:translate(1.5px,-3px)}100%{opacity:0}}
@keyframes k-kick{from{opacity:.25;transform:translateY(1.5px)}to{opacity:1;transform:translateY(-1.5px)}}
@keyframes k-flick{from{transform:scale(1,1)}to{transform:scale(.95,1.08)}}
@keyframes k-ember{0%{opacity:0;transform:translateY(4px)}30%{opacity:1}100%{opacity:0;transform:translate(1px,-5px)}}
@keyframes k-needle{0%,100%{transform:rotate(-20deg)}40%{transform:rotate(28deg)}70%{transform:rotate(8deg)}}
@keyframes k-drift{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(4px,-6px)}}
@media (prefers-reduced-motion: reduce){ .ai *{animation:none !important} }

/* teploměr (Pocitově teď) */
.ai .a-merc{transform-origin:24px 35px}
:where(.hov:hover,.hov:focus-visible,.play) .ai .a-merc{animation:k-merc 2s ease-in-out infinite}
@keyframes k-merc{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.8)}}
.ai .a-heat{opacity:.9}