:root { --ink:#141414; --muted:#5b5b5b; --accent:#2F9250; --bg:#FAFAFA; --line:#e6e6e6; }
* { box-sizing:border-box; }
body { margin:0 auto; max-width:720px; padding:48px 24px 96px; background:var(--bg); color:var(--ink);
       font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Helvetica,Arial,sans-serif; }
a { color:var(--accent); }
.tag { display:inline-block; font-size:12px; letter-spacing:.08em; text-transform:uppercase;
       color:var(--accent); font-weight:700; }
h1 { font-size:30px; line-height:1.25; margin:8px 0 4px; }
h2 { font-size:18px; margin:32px 0 8px; }
.updated { color:var(--muted); font-size:14px; margin:0 0 32px; }
p, li { color:var(--muted); }
li { margin-bottom:6px; }
table { border-collapse:collapse; width:100%; font-size:14px; margin:12px 0; }
th, td { text-align:left; padding:8px 10px; border-bottom:1px solid var(--line); vertical-align:top; }
th { color:var(--ink); font-weight:600; }
footer { border-top:1px solid var(--line); margin-top:48px; padding-top:20px;
         display:flex; flex-wrap:wrap; align-items:baseline; gap:10px 32px; }
footer .biz { order:1; flex:1 1 260px; margin:0; color:var(--muted); font-size:13px; line-height:1.6; }
footer .biz strong { color:var(--ink); font-weight:600; }
footer .links { order:2; flex:1 1 260px; display:flex; flex-wrap:wrap; justify-content:flex-end;
                gap:8px 16px; margin:0; }
footer .links a { color:var(--muted); text-decoration:none; font-size:13px; }
footer .links a:hover { color:var(--accent); }
footer .copy { order:3; width:100%; margin:6px 0 0; color:var(--muted); font-size:12px; }
footer .copy a { color:var(--muted); }
.biz-card { border:1px solid var(--line); border-radius:10px; padding:16px 18px; margin:12px 0 24px;
            font-size:14px; line-height:1.7; }
.biz-card strong { color:var(--ink); }
.site-nav { display:flex; align-items:center; justify-content:space-between; margin:0 0 36px; }
.site-nav .brand { display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--ink);
                   font-weight:700; font-size:15px; }
.site-nav .brand img { width:30px; height:30px; image-rendering:pixelated; }
.site-nav .brand span { color:var(--muted); font-weight:500; }
.site-nav .right { display:flex; align-items:center; gap:6px; }
.site-nav a.nl { color:var(--muted); text-decoration:none; font-size:14px; padding:8px 12px; }
.site-nav a.nl:hover { color:var(--ink); }
.site-nav a.login { background:var(--accent); color:#fff; text-decoration:none; font-size:14px;
                    font-weight:600; padding:8px 16px; border-radius:8px; }
.site-nav a.login:hover { opacity:.9; }
@media (prefers-color-scheme: dark) {
  :root { --ink:#f0f0f0; --muted:#a0a0a0; --bg:#141414; --line:#2a2a2a; }
}