/* Skipuj: společný vzhled všech stránek (deslop 7. 11. 2026).
   Písmo Lexend (OFL), ikony Material Symbols Rounded (Apache-2.0), komponenty podle Material Design 3
   (tlačítka se stavovou vrstvou, hlášky, snackbar), barvy z IDENTITA.md. Odstupy jen po 4/8 px (--s*). */
@font-face{font-family:"Lexend";font-weight:500;font-display:swap;src:url(/fonts/lexend-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+2000-206F,U+2190-2193,U+20AC,U+2122,U+2212}
@font-face{font-family:"Lexend";font-weight:500;font-display:swap;src:url(/fonts/lexend-latin-ext-500-normal.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:"Lexend";font-weight:800;font-display:swap;src:url(/fonts/lexend-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2190-2193,U+20AC,U+2122,U+2212}
@font-face{font-family:"Lexend";font-weight:800;font-display:swap;src:url(/fonts/lexend-latin-ext-800-normal.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}
:root{
  --bg:#0D0F16;--card:#171A25;--line:#2A2F40;--ink:#F4F5F8;--muted:#8A90A6;--soft:#C9CDDA;
  --blue:#5AA9FF;--yellow:#FFD23F;--green:#2BF08A;--red:#FF3B5C;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;
  --r1:8px;--r2:12px;
  --font:"Lexend","Avenir Next",sans-serif;
}
*{box-sizing:border-box}
html{color-scheme:dark;scroll-padding-top:var(--s4)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-weight:500;line-height:1.55}
[hidden]{display:none!important}
p{text-wrap:pretty}
h1,h2,h3{font-weight:800;text-wrap:balance}
a{color:var(--ink);text-underline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}

/* Hlavička a logo „kousek přeskočí past“ */
.logo{display:inline-flex;align-items:center;gap:var(--s2);min-height:44px;font-weight:800;font-size:24px;letter-spacing:-.03em;color:var(--ink);text-decoration:none}
.logo svg{width:36px;height:36px;flex:none}
.logo small{color:var(--yellow);font-size:15px;font-weight:800}

/* Ikony */
.ik{width:1.25em;height:1.25em;fill:currentColor;flex:none;vertical-align:-.25em}

/* Tlačítka (M3: filled, outlined, text) se stavovou vrstvou místo filtru jasu */
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:48px;padding:0 var(--s5);border-radius:var(--r1);border:2px solid transparent;font:inherit;font-weight:800;font-size:17px;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.btn::after{content:"";position:absolute;inset:0;background:currentColor;opacity:0;transition:opacity .15s}
.btn:hover::after{opacity:.08}
.btn:active::after{opacity:.14}
.btn-main{background:var(--yellow);color:#111}
.btn-alt{background:transparent;color:var(--ink);border-color:var(--muted)}
.btn-text{background:transparent;color:var(--ink);padding:0 var(--s3)}
.btn:disabled{opacity:.5;cursor:default}
.btn .ik{width:20px;height:20px}

/* Hlášky (M3 banner): ikona + text na tónované ploše, barva nikdy sama (WCAG 1.4.1) */
.hlaska{display:flex;gap:var(--s3);align-items:flex-start;margin:var(--s3) 0;padding:var(--s3) var(--s4);border-radius:var(--r1);font-weight:500;color:var(--ink)}
.hlaska:empty{display:none}
.hlaska::before{content:"";flex:none;width:24px;height:24px;background:currentColor;-webkit-mask:var(--ikona) center/contain no-repeat;mask:var(--ikona) center/contain no-repeat}
.hlaska.dobre{color:var(--green);background:rgba(43,240,138,.1);--ikona:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-960%20960%20960%22%3E%3Cpath%20d%3D%22m420.52-395.22-93.45-93.45q-9.96-9.96-24.42-9.96t-25.61%2010.96q-9.95%2010.19-9.95%2024.63%200%2014.43%2010.19%2024.39l119.13%20120.13q10.31%2010.19%2024.05%2010.19t24.17-10.19l236.13-236.37q11.2-10.96%2011.2-25.3t-11.2-25.48q-10.96-9.96-25.92-9.46t-25.1%2010.46L420.52-395.22Zm59.51%20321.2q-83.46%200-157.54-31.88-74.07-31.88-129.39-87.2-55.32-55.32-87.2-129.36-31.88-74.04-31.88-157.51%200-84.46%2031.88-158.54%2031.88-74.07%2087.16-128.9%2055.28-54.84%20129.34-86.82%2074.06-31.99%20157.55-31.99%2084.48%200%20158.59%2031.97%2074.1%2031.97%20128.91%2086.77%2054.82%2054.8%2086.79%20128.88%2031.98%2074.08%2031.98%20158.6%200%2083.5-31.99%20157.57-31.98%2074.07-86.82%20129.36-54.83%2055.29-128.87%2087.17-74.04%2031.88-158.51%2031.88Zm-.03-68.13q141.04%200%20239.45-98.75%2098.4-98.76%2098.4-239.1%200-141.04-98.4-239.45-98.41-98.4-239.57-98.4-140.16%200-238.95%2098.4-98.78%2098.41-98.78%20239.57%200%20140.16%2098.75%20238.95%2098.76%2098.78%20239.1%2098.78ZM480-480Z%22%2F%3E%3C%2Fsvg%3E")}
.hlaska.past-hl{color:var(--yellow);background:rgba(255,210,63,.1);--ikona:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-960%20960%20960%22%3E%3Cpath%20d%3D%22M93.91-116.89q-10.19%200-17.65-4.72-7.46-4.72-11.93-12.43-4.48-7.72-4.98-16.42-.5-8.69%204.98-17.89L450.41-835q5.48-8.96%2013.06-12.93%207.57-3.98%2016.53-3.98t16.53%203.98q7.58%203.97%2013.06%2012.93l386.08%20666.65q5.48%209.2%204.98%2017.89-.5%208.7-4.98%2016.42-4.47%207.71-11.93%2012.43t-17.65%204.72H93.91Zm54.63-65.74h662.92L480-754.98%20148.54-182.63Zm357.56-63.71q8.86-8.86%208.86-22.09%200-13.24-8.86-21.98t-22.1-8.74q-13.24%200-22.1%208.74-8.86%208.74-8.86%2021.98%200%2013.23%208.86%2022.09t22.1%208.86q13.24%200%2022.1-8.86Zm-.6-110.16Q514-365%20514-378v-162.09q0-13-8.5-21.5t-21.5-8.5q-13%200-21.5%208.5t-8.5%2021.5V-378q0%2013%208.5%2021.5T484-348q13%200%2021.5-8.5ZM480-468.8Z%22%2F%3E%3C%2Fsvg%3E")}
.hlaska.spatne{color:var(--red);background:rgba(255,59,92,.1);--ikona:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-960%20960%20960%22%3E%3Cpath%20d%3D%22M507.33-284.76q10.93-10.75%2010.93-27.21t-10.86-27.52q-10.86-11.05-27.33-11.05-16.46%200-27.4%2011.03-10.93%2011.04-10.93%2027.5%200%2016.47%2010.86%2027.23%2010.86%2010.76%2027.33%2010.76%2016.46%200%2027.4-10.74Zm.04-157.82q9.7-9.82%209.7-24.25v-188.93q0-14.42-9.88-24.25-9.87-9.82-24.37-9.82-14.49%200-24.19%209.82-9.7%209.83-9.7%2024.25v188.93q0%2014.43%209.88%2024.25%209.87%209.82%2024.37%209.82%2014.49%200%2024.19-9.82Zm-27.1%20368.56q-84.17%200-158.01-31.88-73.84-31.88-129.16-87.2-55.32-55.32-87.2-129.23-31.88-73.92-31.88-158.17%200-84.25%2031.88-158.17%2031.88-73.91%2087.2-128.73%2055.32-54.82%20129.23-86.82%2073.92-32%20158.17-32%2084.25%200%20158.17%2032%2073.91%2032%20128.73%2086.82%2054.82%2054.82%2086.82%20128.89%2032%2074.08%2032%20158.24%200%2084.17-32%20158.01-32%2073.84-86.82%20128.98-54.82%2055.13-128.89%2087.2-74.08%2032.06-158.24%2032.06Zm.23-68.13q140.54%200%20238.95-98.78%2098.4-98.79%2098.4-239.57%200-140.54-98.22-238.95-98.21-98.4-239.63-98.4-140.28%200-239.07%2098.22-98.78%2098.21-98.78%20239.63%200%20140.28%2098.78%20239.07%2098.79%2098.78%20239.57%2098.78ZM480-480Z%22%2F%3E%3C%2Fsvg%3E")}
.hlaska>*,.hlaska{line-height:1.45}
.hlaska span{color:var(--ink)}

/* Snackbar (M3): krátké potvrzení dole, samo zmizí */
.snack{position:fixed;left:50%;bottom:var(--s5);transform:translate(-50%,var(--s4));opacity:0;pointer-events:none;display:flex;align-items:center;gap:var(--s3);max-width:calc(100% - var(--s6));padding:var(--s3) var(--s4);border-radius:var(--r1);background:var(--ink);color:var(--bg);font-weight:800;box-shadow:0 6px 24px rgba(0,0,0,.45);transition:opacity .2s,transform .2s;z-index:10}
.snack.ukazat{opacity:1;transform:translate(-50%,0)}

/* Štítek */

footer{border-top:1px solid var(--line);margin-top:var(--s6);padding:var(--s5) 0 var(--s7);color:var(--muted);font-size:14px}
footer a{color:var(--ink)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}