:root{
  --bg:#ffffff; --alt:#f6f9f7; --surface:#eef4f0;
  --forest:#1e4d35; --forest-dk:#143524; --forest-md:#2a6a4a;
  --amber:#e8a94a; --amber-tint:#fef3e2;
  --ink:#0d1f18; --ink-dim:#546e63; --ink-mute:#7e9488;
  --rule:rgba(30,77,53,0.12);
  --radius:12px; --radius-lg:16px;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --head:'Plus Jakarta Sans','Inter',-apple-system,system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;font-family:var(--sans);background:var(--bg);color:var(--ink);
  font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--head);font-weight:800;line-height:1.25}
h1{font-size:clamp(1.9rem,4vw,2.5rem);margin:0 0 8px}
h2{font-size:1.15rem;margin:36px 0 10px}
h3{font-size:1rem;margin:22px 0 6px}
a{color:var(--forest-md)}
.wrap{max-width:760px;margin:0 auto;padding:48px 20px 80px}
.eff{color:var(--ink-mute);font-size:.85rem;margin:0 0 28px}
.glance{background:var(--surface);border-radius:var(--radius-lg);padding:20px 22px;margin:0 0 32px}
.glance h2{margin:0 0 8px;font-size:1rem}
.glance ul{margin:0;padding-left:18px}
.glance li{margin:4px 0}
.note{background:var(--amber-tint);border-radius:var(--radius);padding:14px 16px;margin:20px 0}
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:.92rem}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--rule);vertical-align:top}
th{font-weight:700;background:var(--alt)}
.toc{border:1px solid var(--rule);border-radius:var(--radius);padding:16px 18px;margin:0 0 32px}
.toc ol{margin:0;padding-left:20px;columns:2;column-gap:28px}
.toc li{margin:3px 0;break-inside:avoid}
footer{border-top:1px solid var(--rule);margin-top:48px;padding-top:20px;
  color:var(--ink-mute);font-size:.85rem}
@media (max-width:640px){.toc ol{columns:1}}