:root { --ink:#171717; --muted:#656565; --line:#d9d9d9; --soft:#f7f7f7; --link:#155eef; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; } main { width:min(100% - 40px,760px); margin:0 auto; padding:64px 0 100px; } header { padding-bottom:34px; border-bottom:1px solid var(--line); } h1,h2 { color:#111; letter-spacing:-.025em; } h1 { margin:0; font-size:42px; line-height:1.1; } h2 { margin:0 0 15px; font-size:25px; line-height:1.25; } header > p:last-child { margin:14px 0 0; color:var(--muted); font-size:18px; }.label { margin:0 0 10px; color:var(--muted); font-size:13px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; } nav { display:flex; flex-wrap:wrap; gap:8px 18px; padding:18px 0; border-bottom:1px solid var(--line); } nav a { color:var(--link); font-size:14px; text-decoration:none; } nav a:hover { text-decoration:underline; } section { padding:40px 0; border-bottom:1px solid var(--line); } section p:first-of-type { margin-top:0; } table { width:100%; margin:20px 0; border-collapse:collapse; font-size:14px; } caption { padding:0 0 8px; color:var(--muted); text-align:left; font-size:13px; } th,td { padding:10px 12px; border:1px solid var(--line); text-align:left; vertical-align:top; } th { background:var(--soft); font-size:12px; font-weight:650; } pre { margin:20px 0; padding:16px; overflow:auto; border:1px solid var(--line); background:var(--soft); font:14px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace; } code { padding:2px 4px; background:var(--soft); font:13px ui-monospace,SFMono-Regular,Menlo,monospace; }.footnote { color:var(--muted); font-size:13px; } ol { margin:0; padding-left:23px; } li + li { margin-top:8px; } @media (max-width:560px) { main { width:min(100% - 30px,760px); padding-top:40px; } h1 { font-size:34px; } h2 { font-size:23px; } table { font-size:12px; } th,td { padding:8px; } }
