:root { color-scheme: light; --accent: #197A48; --ink: #16201F; --ink-sub: #55615F; --line: #D9E0DF; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); font-family: system-ui, -apple-system, sans-serif; line-height: 1.7; }
header, main { max-width: 860px; margin: auto; padding: 0 20px; }
header { border-bottom: 1px solid var(--line); }
nav { display: flex; flex-wrap: wrap; gap: 0 20px; }
nav a, .home-links a { display: inline-flex; align-items: center; min-height: 44px; }
a { color: var(--accent); }
main { padding-top: 28px; padding-bottom: 64px; }
.effective { color: var(--ink-sub); font-size: 14px; }
h1 { font-size: 28px; line-height: 1.35; }
h2 { margin-top: 36px; font-size: 20px; }
p, li { overflow-wrap: anywhere; }
li + li { margin-top: 6px; }
.table-scroll { max-width: 100%; overflow-x: auto; border: 1px solid var(--line); }
table { border-collapse: collapse; min-width: 680px; width: 100%; text-align: left; }
th, td { padding: 12px; border: 1px solid var(--line); vertical-align: top; }
th { color: var(--ink); background: #f5f8f6; }