/* Plain text pages (/podpora, /ochrana-osobnich-udaju). They are static files in
   public/, outside the Vite bundle, so they carry their own small stylesheet. */
:root { --bg: #eef1f4; --card: #fff; --ink: #121a22; --muted: #56606c; --accent: #b8560a; --line: #d2d9e1; --rail: #16293b; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 17px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
.top { background: var(--rail); }
header, main, footer { max-width: 760px; margin: 0 auto; padding: 20px; }
header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 8px 18px; }
header a.brand { font-weight: 800; font-size: 1.15rem; letter-spacing: 0.08em; color: #eef2f6; text-decoration: none; }
header a.brand b { color: #f08c2e; }
nav { display: flex; flex-wrap: wrap; gap: 6px 18px; }
nav a { color: #dbe4ed; text-decoration: none; font-size: 0.95rem; }
nav a:hover, nav a[aria-current] { color: #f5a04a; text-decoration: underline; }
h1 { font-size: 1.9rem; line-height: 1.2; margin: 0.6em 0 0.3em; }
h2 { font-size: 1.25rem; margin: 1.8em 0 0.4em; }
.muted { color: var(--muted); font-size: 0.95rem; }
a { color: var(--accent); }
ul { padding-left: 1.2em; }
.card { border: 1px solid var(--line); border-radius: 12px; padding: 16px 18px; background: var(--card); margin: 14px 0; }
footer { border-top: 1px solid var(--line); color: var(--muted); font-size: 0.9rem; margin-top: 40px; }
:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }