:root { --bg:#f5f7fb; --card:#fff; --ink:#0f1f3a; --sub:#51607a; --line:#e3e8f0; --blue:#2f6fe0; --warn:#b45309; }
@media (prefers-color-scheme: dark) { :root { --bg:#0b1424; --card:#111d33; --ink:#e8eef8; --sub:#9fb0c8; --line:#223352; --blue:#6aa0ff; --warn:#f59e0b; } }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
header { max-width:820px; margin:0 auto; padding:24px 16px 0; display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
header a { color:var(--ink); text-decoration:none; font-weight:700; font-size:20px; }
nav a { color:var(--sub); font-size:14px; margin-left:14px; text-decoration:none; }
nav a[aria-current] { color:var(--blue); font-weight:600; }
main { max-width:820px; margin:16px auto 48px; padding:28px 20px; background:var(--card); border:1px solid var(--line); border-radius:16px; }
@media (min-width:640px) { main { padding:40px 44px; } }
h1 { font-size:28px; line-height:1.25; margin:0 0 6px; }
h2 { font-size:19px; margin:32px 0 8px; }
p, li { color:var(--sub); }
strong { color:var(--ink); }
.meta { font-size:13px; color:var(--sub); margin-bottom:24px; }
.doldur { color:var(--warn); font-weight:600; }
table { width:100%; border-collapse:collapse; font-size:14px; margin:8px 0; }
th, td { text-align:left; padding:8px 10px; border-bottom:1px solid var(--line); vertical-align:top; color:var(--sub); }
th { color:var(--ink); }
.tablo { overflow-x:auto; }
a { color:var(--blue); }
footer { text-align:center; font-size:13px; color:var(--sub); padding:0 16px 32px; }