:root { --ink:#1a1a1a; --muted:#5c5c5c; --line:#e3e1dc; --accent:#0a5c5c; --bg:#fbfaf7; }
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body { margin:0; font:17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color:var(--ink); background:var(--bg); }
a { color:var(--accent); }
header, main, footer { max-width: 820px; margin: 0 auto; padding: 0 24px; }
header { display:flex; justify-content:space-between; align-items:baseline; padding-top:28px; padding-bottom:12px; border-bottom:1px solid var(--line); }
header .brand { font-weight:700; font-size:20px; color:var(--ink); text-decoration:none; letter-spacing:.2px; }
header nav a { margin-left:18px; font-size:15px; text-decoration:none; }
header nav a:hover { text-decoration:underline; }
h1 { font-size:34px; line-height:1.2; margin:40px 0 12px; }
h2 { font-size:22px; margin:40px 0 10px; }
h3 { font-size:18px; margin:28px 0 8px; }
p.lede { font-size:20px; color:var(--muted); margin-top:0; }
.status { border-left:4px solid var(--accent); background:#fff; padding:12px 16px; margin:28px 0; }
table { border-collapse:collapse; width:100%; margin:16px 0; font-size:15px; }
th, td { text-align:left; vertical-align:top; padding:8px 10px; border-bottom:1px solid var(--line); }
th { font-weight:600; }
code, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:14px; }
pre { background:#fff; border:1px solid var(--line); padding:12px 14px; overflow-x:auto; }
code { background:#f1efe9; padding:1px 4px; border-radius:3px; }
pre code { background:none; padding:0; }
footer { border-top:1px solid var(--line); margin-top:56px; padding-top:16px; padding-bottom:40px; font-size:14px; color:var(--muted); }
ul { padding-left:22px; }
li { margin:4px 0; }
.cta { display:inline-block; background:var(--accent); color:#fff; text-decoration:none; padding:10px 16px; border-radius:6px; font-weight:600; }
.cta:hover { background:#084a4a; }
.muted { color:var(--muted); font-size:15px; }