:root{--ink:#1f2a33;--muted:#5b6770;--line:#dde3e8;--bg:#fbfcfd;--accent:#2f6f5e}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg)}
.wrap{max-width:960px;margin:0 auto;padding:0 16px}
header{border-bottom:1px solid var(--line);background:#fff}header .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:14px 16px}
.brand{font-weight:700;margin:0;color:var(--accent)}nav a{margin-left:18px;color:var(--ink);text-decoration:none}
.hero{padding:48px 0 24px}.hero h1{font-size:2rem;margin:0 0 12px}
h2{margin-top:40px;border-bottom:2px solid var(--accent);display:inline-block}
.cards{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.cards li{background:#fff;border:1px solid var(--line);border-radius:6px;padding:16px}.cards h3{margin:0 0 6px;font-size:1.05rem}
table{border-collapse:collapse;width:100%;background:#fff}td{border-bottom:1px solid var(--line);padding:10px 8px}td:last-child{text-align:right;white-space:nowrap}
.note{color:var(--muted);font-size:.9rem}footer{margin-top:48px;border-top:1px solid var(--line);padding:20px 0;color:var(--muted);font-size:.9rem}
a{color:var(--accent)}