:root { --bg:#ffffff; --text:#212121; --muted:#616161; --line:#e0e0e0; --accent:#2e7d32; --soft:#edf7ee; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#121513; --text:#e8ebe8; --muted:#a3aaa4; --line:#2c332e; --accent:#81c784; --soft:#1b261d; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text);
  font:16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
a { color:var(--accent); }
.top { max-width:760px; margin:0 auto; padding:20px 16px 0; }
.brand { display:inline-flex; align-items:center; gap:10px; font-weight:700; font-size:18px; color:var(--text); text-decoration:none; }
.brand img { border-radius:9px; }
.doc { max-width:760px; margin:0 auto; padding:8px 16px 48px; }
h1 { font-size:32px; line-height:1.2; margin:28px 0 4px; }
h2 { font-size:20px; margin:32px 0 8px; }
.meta { color:var(--muted); margin-top:0; }
.summary { background:var(--soft); border-radius:14px; padding:4px 20px 8px; margin:24px 0; }
.summary h2 { margin-top:16px; }
ul { padding-left:22px; }
li { margin:4px 0; }
table { width:100%; border-collapse:collapse; font-size:15px; margin:12px 0; }
th, td { text-align:left; vertical-align:top; padding:10px 8px; border-bottom:1px solid var(--line); }
th { color:var(--muted); font-weight:600; }
@media (max-width:600px) {
  table, thead, tbody, tr, th, td { display:block; }
  thead { display:none; }
  tr { border-bottom:1px solid var(--line); padding:8px 0; }
  td { border:0; padding:2px 0; }
  td:first-child { font-weight:700; }
}
.hero { max-width:760px; margin:0 auto; padding:64px 16px; text-align:center; }
.hero img { border-radius:28px; }
.hero h1 { margin-top:20px; }
.hero p { color:var(--muted); font-size:18px; }
.foot { max-width:760px; margin:0 auto; padding:24px 16px 40px; color:var(--muted); font-size:14px; border-top:1px solid var(--line); }