/* Stránka služby Moje dispozice (šablona „sluzba“, třídy sl-* z archidad/sluzba.css, body.sl.md).
   Vzhled (barvy, písmo, tlačítka, nadpisy) dává design systém css/ds.css, tady jen základ stránky a doplňky MD. */
body.sl.md{margin:0;-webkit-font-smoothing:antialiased}
body.sl.md *{box-sizing:border-box}
body.sl.md h1,body.sl.md h2,body.sl.md p{margin:0}
body.sl.md ol{margin-top:0;margin-bottom:0} /* ne margin:0, jinak se mřížky .sl-kroky přilepí vlevo (Tom 14. 11.: „rozhozené“) */
body.sl.md img{max-width:100%}
body.sl.md .cta{display:flex;flex-wrap:wrap;gap:12px}
body.sl.md .sl-chrani{max-width:980px;margin:22px auto 0;display:flex;gap:12px;align-items:flex-start;padding:16px 20px;border-radius:16px;background:var(--ds-akcent-sv);color:var(--ds-ink);font-size:15px}
body.sl.md .sl-chrani b{color:var(--ds-akcent-tm)}
body.sl.md .sl-temata{grid-template-columns:repeat(3,minmax(0,1fr));counter-reset:none}
body.sl.md .sl-temata li{background:var(--ds-bg);border:1px solid var(--ds-cara);padding-top:clamp(24px,2.4vw,36px)}
body.sl.md .sl-temata li::before{display:none}
body.sl.md .sl-temata b{color:var(--ds-ink)}body.sl.md .sl-temata span{color:var(--ds-mut)}
@media (max-width:1000px){body.sl.md .sl-temata{grid-template-columns:1fr}}
body.sl.md .sl-dalsi small,body.sl.md .sl-cena-tady small{background:none!important;padding:0}