:root{--ink:#1e2a24;--mut:#5b6b62;--bg:#f6faf7;--card:#fff;--acc:#1f7a53;--ok:#0d7a4f;--bd:#dcebe1}
*{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:1060px;margin:0 auto}
.logo{font-weight:bold;font-size:1.2rem;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:1060px;margin:0 auto;padding:0 20px}h1{font-size:1.6rem;margin:.8em 0 .4em}h2{font-size:1.2rem;margin:1.5em 0 .5em}
.hero{background:linear-gradient(180deg,#eef8f1,#f6faf7);padding:32px 0}
.searchbox{background:var(--card);border:1px solid var(--bd);border-radius:10px;padding:16px;max-width:620px}
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(225px,1fr));gap:12px;margin:14px 0}
.card{background:var(--card);border:1px solid var(--bd);border-radius:10px;padding:13px}.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:.9rem}th,td{padding:7px 9px;border-bottom:1px solid var(--bd);text-align:left}th{background:#eef7f1}
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:#e3f4ea;color:var(--acc);border-radius:6px;padding:2px 8px;font-size:.8rem;font-weight:bold}
@media(max-width:640px){nav{display:none}}