/* nasepeniaze.sk — jediný stylopis webu. Zdroj je weby/nasepeniaze.sk/templates/,
   build.py ho kopíruje do /assets/styl.css. Needituj kopii ve výstupu. */
:root{
  --text:#16202e; --tlumene:#5d6b7e; --linka:#e2e7ee; --pozadi:#fff;
  --plocha:#f6f8fb; --znacka:#0b5d4e; --znacka-svetla:#0f7d68;
  --sirka:1120px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--pozadi);color:var(--text);
  font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--znacka);text-decoration:none}
a:hover{text-decoration:underline}
.obal{max-width:var(--sirka);margin:0 auto;padding:0 20px}

/* hlavička */
.hlavicka{border-bottom:1px solid var(--linka);background:#fff;position:sticky;top:0;z-index:10}
.hlavicka__radek{display:flex;align-items:center;gap:24px;padding:16px 0}
.znacka{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--text)}
.znacka:hover{text-decoration:none}
.znacka span{color:var(--znacka)}
.hledani{margin-left:auto;display:flex;gap:6px}
.hledani input{border:1px solid var(--linka);border-radius:6px;padding:7px 10px;font:inherit;font-size:14px;width:190px}
.hledani button{border:0;background:var(--znacka);color:#fff;border-radius:6px;padding:7px 14px;font:inherit;font-size:14px;cursor:pointer}
.menu{display:flex;flex-wrap:wrap;gap:2px 18px;padding:0 0 12px;list-style:none;margin:0}
.menu a{font-size:14px;color:var(--tlumene)}
.menu a:hover,.menu a[aria-current]{color:var(--znacka)}

/* výpisy */
.zahlavi{padding:32px 0 8px}
.zahlavi h1{font-size:32px;line-height:1.2;margin:0 0 6px;letter-spacing:-.02em}
.zahlavi p{color:var(--tlumene);margin:0;font-size:16px}
.mrizka{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:28px;padding:24px 0 8px}
.karta{display:flex;flex-direction:column}
.karta__obrazek{aspect-ratio:16/10;overflow:hidden;border-radius:10px;background:var(--plocha)}
.karta__obrazek img{width:100%;height:100%;object-fit:cover;display:block}
.karta h2{font-size:18px;line-height:1.35;margin:12px 0 6px}
.karta h2 a{color:var(--text)}
.karta p{margin:0;color:var(--tlumene);font-size:15px}
.stitek{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--znacka);font-weight:700}
.datum{color:var(--tlumene);font-size:13px}

/* stránkování */
.strankovani{display:flex;flex-wrap:wrap;gap:8px;padding:28px 0 48px;align-items:center}
.strankovani a,.strankovani span{border:1px solid var(--linka);border-radius:6px;padding:7px 12px;font-size:14px;color:var(--tlumene)}
.strankovani .zde{background:var(--znacka);border-color:var(--znacka);color:#fff}

/* článek */
.clanek{max-width:760px;margin:0 auto;padding:28px 0 8px}
.clanek h1{font-size:34px;line-height:1.22;margin:8px 0 12px;letter-spacing:-.02em}
.clanek__meta{color:var(--tlumene);font-size:14px;display:flex;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.clanek__perex{font-size:19px;color:#31405a;margin:0 0 22px}
.clanek__telo h2{font-size:24px;margin:32px 0 10px;line-height:1.3}
.clanek__telo h3{font-size:20px;margin:26px 0 8px}
.clanek__telo p{margin:0 0 18px}
.clanek__telo img{border-radius:10px;margin:8px 0}
.clanek__telo ul,.clanek__telo ol{margin:0 0 18px;padding-left:22px}
.clanek__telo blockquote{margin:22px 0;padding:4px 0 4px 18px;border-left:3px solid var(--znacka);color:#31405a}
.clanek__telo table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:15px}
.clanek__telo td,.clanek__telo th{border:1px solid var(--linka);padding:8px 10px;text-align:left}
.clanek__telo figure{margin:18px 0}
.clanek__telo figcaption,.pic-desc{color:var(--tlumene);font-size:14px}
.stitky{display:flex;flex-wrap:wrap;gap:8px;padding:26px 0 0;border-top:1px solid var(--linka);margin-top:32px}
.stitky a{background:var(--plocha);border-radius:999px;padding:5px 12px;font-size:13px;color:var(--tlumene)}
.dalsi{padding:40px 0 10px}
.dalsi h2{font-size:20px;margin:0 0 14px}

/* patička */
.paticka{border-top:1px solid var(--linka);margin-top:48px;background:var(--plocha)}
.paticka__radek{display:flex;flex-wrap:wrap;gap:16px 28px;padding:28px 0;font-size:14px;color:var(--tlumene)}
.paticka a{color:var(--tlumene)}
.paticka__rubriky{display:flex;flex-wrap:wrap;gap:6px 16px;padding:0 0 28px;list-style:none;margin:0;font-size:14px}

/* chybová stránka */
.chyba{max-width:640px;margin:0 auto;padding:64px 0;text-align:center}
.chyba h1{font-size:64px;margin:0;color:var(--znacka)}

@media (max-width:640px){
  .hledani input{width:120px}
  .zahlavi h1{font-size:26px}
  .clanek h1{font-size:27px}
}