:root { --ink:#10212c; --muted:#52636d; --line:#d7e0e4; --brand:#176b5b; --wash:#f3f7f6; }
* { box-sizing: border-box; }
body { margin:0; background:var(--wash); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,sans-serif; line-height:1.6; }
a { color:var(--brand); }
.nav,.shell { width:min(1080px,calc(100% - 32px)); margin:0 auto; }
header { background:#fff; border-bottom:1px solid var(--line); }
.nav { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.brand { color:var(--ink); text-decoration:none; font-size:20px; font-weight:850; }
.shell { padding:48px 0 64px; }
.kicker { color:var(--brand); font-size:13px; font-weight:800; text-transform:uppercase; }
h1 { max-width:800px; margin:8px 0 14px; font-size:clamp(34px,6vw,58px); line-height:1.06; letter-spacing:0; }
h2 { margin-top:36px; letter-spacing:0; }
.lead { max-width:760px; color:var(--muted); font-size:18px; }
.grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:32px; }
.item { padding:22px; border:1px solid var(--line); border-radius:8px; background:#fff; }
.item h2,.item h3 { margin:0 0 8px; font-size:19px; }
.item p { margin:0; color:var(--muted); }
.table-wrap { margin-top:28px; overflow:auto; border:1px solid var(--line); border-radius:8px; background:#fff; }
table { width:100%; border-collapse:collapse; min-width:680px; }
th,td { padding:14px 16px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
th { background:#edf4f2; }
.notice { margin:24px 0; padding:16px 18px; border-left:4px solid #b57900; background:#fff8e6; color:#664400; }
ul { color:var(--muted); }
@media(max-width:760px){.grid{grid-template-columns:1fr}.shell{padding-top:32px}}