:root {
    --bg:#f1f2f1; --surface:#ffffff; --surface-2:#f2f3f2;
    --border:rgba(44,44,44,.12); --border-strong:rgba(44,44,44,.24);
    --text:#2c2c2c; --muted:rgba(44,44,44,.62);
    --accent:#008736; --accent-hover:#13a650; --accent-dim:rgba(0,135,54,.10);
    --r:22px; --r-sm:9px;
    --font:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;
    color-scheme:light;
}
:root[data-theme="dark"] {
    --bg:#1a1a1a; --surface:#232323; --surface-2:#2c2c2c;
    --border:rgba(255,255,255,.09); --border-strong:rgba(255,255,255,.18);
    --text:#f0efeb; --muted:rgba(240,239,235,.62);
    --accent:#13a650; --accent-hover:#3fd17b; --accent-dim:rgba(63,209,123,.14);
    color-scheme:dark;
}
* { box-sizing:border-box; }
body {
    margin:0; background:var(--bg); color:var(--text);
    font-family:var(--font); line-height:1.6; -webkit-font-smoothing:antialiased;
}
.wrap { max-width:780px; margin:0 auto; padding:24px; }
header { display:flex; align-items:center; gap:12px; padding:6px 0 20px; }
.back { color:var(--muted); text-decoration:none; font-size:14px; }
.back:hover { color:var(--accent); }
header .icon-btn {
    margin-left:auto; width:40px; height:40px; border-radius:var(--r-sm);
    border:1px solid var(--border); background:var(--surface); color:var(--text);
    cursor:pointer; font-size:16px;
}
header .icon-btn:hover { border-color:var(--accent); color:var(--accent); }
h1 { font-size:26px; margin:8px 0 6px; font-weight:600; line-height:1.25; }
h2 { font-size:17px; margin:28px 0 8px; font-weight:600; }
p, li { font-size:15px; }
.muted { color:var(--muted); font-size:13px; }
a { color:var(--accent); }
a:hover { color:var(--accent-hover); }
ul { padding-left:22px; }
li { margin:4px 0; }
code {
    background:var(--surface-2); padding:1px 6px; border-radius:5px;
    font-size:13px; font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
}
table {
    width:100%; border-collapse:collapse; margin:12px 0;
    background:var(--surface); border:1px solid var(--border); border-radius:var(--r-sm); overflow:hidden;
}
th, td { padding:9px 12px; text-align:left; border-bottom:1px solid var(--border); font-size:14px; vertical-align:top; }
th { background:var(--surface-2); font-weight:600; }
tr:last-child td { border-bottom:none; }
footer { color:var(--muted); font-size:12px; text-align:center; padding:40px 0 20px; }