:root{--ink:#17202a;--accent:#0b5fa5;--soft:#eef3f7;--line:#d5dde3}
*{box-sizing:border-box}body{font-family:Georgia,'Times New Roman',serif;color:var(--ink);margin:0;line-height:1.55}
header.site{background:#17202a;color:#fff;padding:14px 22px}header.site a{color:#fff;text-decoration:none}
header.site .brand{font-size:22px;font-weight:bold}nav.main a{margin-right:16px;font-size:15px}
main{max-width:980px;margin:0 auto;padding:24px 18px 60px}h1{font-size:32px;line-height:1.2}h2{margin-top:34px}
table{border-collapse:collapse;width:100%;margin:14px 0}th,td{border:1px solid var(--line);padding:8px 10px;text-align:left;font-size:15px}
th{background:var(--soft)}.card{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:16px 18px;margin:18px 0}
.price{font-size:26px;font-weight:bold}.btn{display:inline-block;background:var(--accent);color:#fff;padding:10px 18px;border-radius:6px;text-decoration:none}
.btn.disabled{background:#8a97a3;pointer-events:none}.small{font-size:13px;color:#4a5864}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.grid .card{margin:0}footer{background:var(--soft);padding:18px 22px;font-size:13px;color:#4a5864}
input,select{padding:8px;width:100%;margin:4px 0 12px}label{font-size:14px;font-weight:bold}
.diff-up{color:#9c2b2e;font-weight:bold}.diff-down{color:#1e6b34;font-weight:bold}.diff-flat{color:#4a5864}