/* Sdílený styl právních stránek — drží se tokenů z index.html */
:root{
  --bg:#FBF7F1; --surface:#FFF; --surface-warm:#F6EFE4;
  --ink:#2B3A34; --ink-muted:#5F6E66;
  --primary:#E8722C; --green-label:#2F5B4B;
  --border:#E8DFD2; --pad:20px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:#EFE7DB;color:var(--ink);
  font:400 16px/26px Inter,-apple-system,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}
#page{max-width:480px;margin:0 auto;background:var(--bg);min-height:100vh}
img{max-width:100%;height:auto;display:block}

#topbar{
  display:flex;align-items:center;justify-content:center;
  height:48px;padding:0 12px;background:rgba(255,255,255,.94);
  border-bottom:1px solid var(--border);
}
#topbar .brand{height:22px;width:auto}

main{padding:32px var(--pad) 48px}
h1{font:800 26px/32px Nunito,"Trebuchet MS",sans-serif;margin:0 0 6px}
h2{font:800 19px/26px Nunito,"Trebuchet MS",sans-serif;margin:32px 0 10px}
.upd{font:500 13px/20px Inter,sans-serif;color:var(--ink-muted);margin:0 0 8px}
p{margin:0 0 14px}
ul{margin:0 0 14px;padding-left:20px}
li{margin-bottom:8px}
a{color:var(--primary)}
strong{font-weight:600}

/* Interní poznámka pro provozovatele — návštěvník ji nevidí.
   Zobrazí se jen s ?todo v adrese (viz skript na konci stránky). */
.todo{display:none}
body.show-todo .todo{
  display:block;
  background:var(--surface-warm);border:1px dashed #C9584E;border-radius:12px;
  padding:14px 16px;margin:0 0 20px;font-size:14px;line-height:22px;
}
.todo b{color:#A8453B}

.box{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px;margin:0 0 18px}
.box p:last-child{margin-bottom:0}

.back{
  display:inline-block;margin-top:28px;padding:12px 20px;border-radius:14px;
  background:var(--surface);border:1px solid var(--border);
  color:var(--ink);text-decoration:none;font:600 14px Inter,sans-serif;
}
footer{background:var(--surface-warm);padding:24px var(--pad) 36px}
footer p{font:400 12px/19px Inter,sans-serif;color:var(--ink-muted);margin:0 0 12px}
footer .links{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:14px}
footer .links a{font-size:12px;color:var(--ink-muted)}