:root{--ink:#241f1c;--mut:#6b5f58;--bg:#faf8f6;--card:#fff;--acc:#b3541e;--ok:#0d7a4f;--bd:#e8e0da}
*{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,#f9efe6,#faf8f6);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:#f7efe7}
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:#f5e4d7;color:var(--acc);border-radius:6px;padding:2px 8px;font-size:.8rem;font-weight:bold}
.tag{display:inline-block;background:#eef;border-radius:5px;padding:1px 7px;font-size:.78rem;color:#345}
@media(max-width:640px){nav{display:none}}