:root { --green:#0b4a2f; --green2:#136c44; --line:#c9d6cc; --alt:#f2f6f2; }
* { box-sizing:border-box; }
body { margin:0; font:13px/1.45 Arial,Helvetica,sans-serif; color:#1c231e; background:#fff; }
a { color:#0e6b40; text-decoration:none; }
a:hover, a:focus { text-decoration:underline; outline-offset:2px; }
header { background:var(--green); color:#fff; padding:0 16px; }
header .bar { max-width:1080px; margin:0 auto; display:flex; align-items:baseline; gap:24px; height:52px; }
header .logo { font-size:22px; font-weight:bold; color:#fff; letter-spacing:-0.5px; }
header .logo span { color:#8fd4ae; }
header nav a { color:#dbeee2; padding:6px 2px; font-weight:bold; }
header nav a:hover { color:#fff; }
.tag { color:#9fc8b0; font-size:11px; margin-left:auto; }
main { max-width:1080px; margin:0 auto; padding:14px 16px 48px; }
h1 { font-size:20px; margin:12px 0 2px; color:#10331f; }
h2 { font-size:15px; margin:20px 0 6px; color:#10331f; border-bottom:2px solid var(--green2); padding-bottom:2px; }
.sub { color:#5a6b5e; margin:0 0 10px; }
table.tbl { border-collapse:collapse; font-size:12.5px; white-space:nowrap; }
.tbl th, .tbl td { border:1px solid var(--line); padding:2px 7px; text-align:right; }
.tbl th { background:var(--green2); color:#fff; font-weight:bold; cursor:pointer; user-select:none; }
.tbl td:first-child, .tbl th:first-child,
.tbl td.n, .tbl th.n { text-align:left; }
.tbl tr:nth-child(even) td { background:var(--alt); }
.scroll { overflow-x:auto; }
.scroll .tbl td:first-child, .scroll .tbl th:first-child { position:sticky; left:0; background:#fff; }
.scroll .tbl tr:nth-child(even) td:first-child { background:var(--alt); }
.scroll .tbl th:first-child { background:var(--green2); }
.cols { display:flex; gap:28px; flex-wrap:wrap; align-items:flex-start; }
.champ { color:#8a6d00; font-weight:bold; }
footer { border-top:1px solid var(--line); color:#748078; font-size:11px; max-width:1080px; margin:24px auto 0; padding:10px 16px; }