:root { --bg:#f5f7fb; --ink:#10151f; --faint:#5b6577; --accent:#1f6fe5; --rule:#dde3ec; --mono:ui-monospace, "SF Mono", Menlo, monospace; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --bg:#05070c; --ink:#e7ecf4; --faint:#8b95a7; --accent:#5aa2ff; --rule:#1d2432; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink);
  font:16px/1.75 -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif; padding:0 16px; }
.wrap { max-width:640px; margin:0 auto; padding:56px 0 72px; }
header { border-bottom:1px solid var(--rule); padding-bottom:24px; margin-bottom:36px; }
.kicker { font:600 12px/1 var(--mono); letter-spacing:3px; color:var(--accent); margin:0 0 14px; }
h1 { font-size:26px; margin:0 0 6px; }
.sub { color:var(--faint); font-size:14px; margin:0; }
h2 { font-size:18px; margin:36px 0 8px; }
p { margin:0 0 12px; }
ul { margin:0 0 12px; padding-left:22px; }
li { margin-bottom:6px; }
a { color:var(--accent); }
.lead { border-left:3px solid var(--accent); padding-left:16px; font-weight:600; }
.q { font-weight:600; margin:28px 0 6px; }
.mail { font:600 17px/1.4 var(--mono); }
.lang { margin-top:64px; padding-top:28px; border-top:1px solid var(--rule); }
footer { margin-top:56px; padding-top:20px; border-top:1px solid var(--rule); color:var(--faint); font-size:13px; }