:root{--ink:#12203a;--mut:#5a6a86;--bg:#f6f8fc;--card:#fff;--acc:#0b6bcb;--ok:#0d7a4f;--bd:#dbe3f0}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}
header{background:var(--card);border-bottom:1px solid var(--bd)}header .w{display:flex;align-items:center;gap:14px;padding:14px 20px;max-width:1080px;margin:0 auto}
.logo{font-weight:bold;font-size:1.25rem;color:var(--acc);text-decoration:none}nav{margin-left:auto}nav a{margin-left:16px;color:var(--mut);text-decoration:none;font-size:.95rem}
.w{max-width:1080px;margin:0 auto;padding:0 20px}
h1{font-size:1.7rem;margin:.8em 0 .4em}h2{font-size:1.25rem;margin:1.6em 0 .5em}
.hero{background:linear-gradient(180deg,#eaf2ff,#f6f8fc);padding:34px 0}
.searchbox{background:var(--card);border:1px solid var(--bd);border-radius:10px;padding:18px;max-width:640px}
input[type=text]{width:100%;padding:12px 14px;font-size:1rem;border:1px solid var(--bd);border-radius:8px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:14px 0}
.card{background:var(--card);border:1px solid var(--bd);border-radius:10px;padding:14px}
.card a{color:var(--acc);text-decoration:none;font-weight:bold}
.small{color:var(--mut);font-size:.85rem}
table{width:100%;border-collapse:collapse;background:var(--card);font-size:.92rem}th,td{padding:8px 10px;border-bottom:1px solid var(--bd);text-align:left}th{background:#eef3fb}
footer{margin-top:40px;border-top:1px solid var(--bd);padding:18px 0;color:var(--mut);font-size:.85rem;background:var(--card)}
.badge{display:inline-block;background:#e7f5ee;color:var(--ok);border-radius:6px;padding:2px 8px;font-size:.8rem;font-weight:bold}
@media(max-width:640px){nav{display:none}}