/* Auto-mate — styl stron dokumentowych (regulamin, polityka prywatności, podziękowanie).
   Samodzielny plik: nie zależy od bundla Next.js, więc przetrwa kolejny build. */

:root{
  --bg:#e7e3de; --surface:#f6f3ef; --elevated:#fff; --line:#d8d2ca; --line-strong:#c2bab0;
  --ink:#121718; --ink-soft:#4d5352; --ink-muted:#6f7573; --ink-faint:#9a9d99;
  --accent:#1f4fe0; --accent-hover:#3663e8; --accent-soft:#e4eafc; --on-accent:#faf9f7;
  --danger:#b04a35; --danger-soft:#f5e0da;
  --radius:12px; --radius-sm:8px; --radius-lg:20px;
  --font-display:"Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
  --font-body:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --page-max:820px;
  color-scheme:light;
}
html.dark{
  --bg:#101112; --surface:#1e1f23; --elevated:#26272c; --line:#32343a; --line-strong:#43454d;
  --ink:#eceae5; --ink-soft:#b9b7b2; --ink-muted:#97958f; --ink-faint:#6d6b67;
  --accent:#6a8cf0; --accent-hover:#85a2f4; --accent-soft:#17203c; --on-accent:#0b1430;
  --danger:#d97a63; --danger-soft:#3a201a;
  color-scheme:dark;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:var(--font-body); font-size:16px; line-height:1.7;
  -webkit-font-smoothing:antialiased;
}

.skip{position:absolute;left:-9999px}
.skip:focus{left:8px;top:8px;z-index:99;background:var(--accent);color:var(--on-accent);padding:8px 14px;border-radius:var(--radius-sm)}

.wrap{max-width:var(--page-max);margin:0 auto;padding:0 20px}

header.site{
  border-bottom:1px solid var(--line); background:var(--surface);
  position:sticky; top:0; z-index:10;
}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}
.brand{
  display:flex; align-items:center; gap:10px;
  font-family:var(--font-display); font-weight:700; font-size:19px;
  color:var(--ink); text-decoration:none; letter-spacing:-.01em;
}
.brand img{width:28px;height:28px;border-radius:6px;display:block}
.brand span{color:var(--accent)}
header.site nav{display:flex;gap:20px;flex-wrap:wrap}
header.site nav a{color:var(--ink-soft);text-decoration:none;font-size:14.5px}
header.site nav a:hover{color:var(--accent)}

main{padding:44px 0 72px}
.eyebrow{
  font-size:13px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--ink-muted); margin:0 0 10px; font-weight:600;
}
h1{
  font-family:var(--font-display); font-size:clamp(28px,4.4vw,40px); line-height:1.18;
  margin:0 0 12px; letter-spacing:-.02em;
}
.lead{font-size:17.5px;color:var(--ink-soft);margin:0 0 8px}
.updated{font-size:14px;color:var(--ink-muted);margin:0 0 32px}

h2{
  font-family:var(--font-display); font-size:21px; margin:38px 0 12px;
  letter-spacing:-.01em; padding-top:12px; border-top:1px solid var(--line);
}
h3{font-family:var(--font-display);font-size:17px;margin:24px 0 8px}
p{margin:0 0 14px}
ul,ol{margin:0 0 16px;padding-left:22px}
li{margin:0 0 7px}
a{color:var(--accent)}
a:hover{color:var(--accent-hover)}
strong{font-weight:600}

.card{
  background:var(--surface); border:1px solid var(--line);
  border-radius:var(--radius); padding:20px 22px; margin:0 0 26px;
}
.card p:last-child,.card ul:last-child{margin-bottom:0}

.todo{
  background:var(--danger-soft); border:1px solid var(--danger);
  border-radius:var(--radius); padding:18px 20px; margin:0 0 28px;
}
.todo p{margin:0 0 8px}
.todo p:last-child{margin:0}
.todo strong{color:var(--danger)}

.fill{
  background:var(--danger-soft); color:var(--danger); font-weight:600;
  padding:1px 7px; border-radius:5px; font-size:14.5px; white-space:nowrap;
}

table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:15px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-family:var(--font-display);font-weight:600;background:var(--surface)}

.toc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px;margin:0 0 34px}
.toc p{font-family:var(--font-display);font-weight:600;margin:0 0 10px}
.toc ol{margin:0;padding-left:20px;columns:2;column-gap:28px}
.toc li{margin:0 0 5px}
@media(max-width:640px){.toc ol{columns:1}}

footer.site{border-top:1px solid var(--line);background:var(--surface);padding:28px 0 40px}
footer.site .wrap{display:flex;flex-wrap:wrap;gap:14px 24px;justify-content:space-between;align-items:center}
footer.site a{color:var(--ink-soft);text-decoration:none;font-size:14.5px}
footer.site a:hover{color:var(--accent)}
.fine{font-size:13px;color:var(--ink-muted);margin:16px 0 0;line-height:1.6}

.btn{
  display:inline-block;background:var(--accent);color:var(--on-accent);
  text-decoration:none;padding:12px 22px;border-radius:var(--radius-sm);
  font-weight:600;font-family:var(--font-display);
}
.btn:hover{background:var(--accent-hover);color:var(--on-accent)}