*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f9fafb;--surface:#fff;--border:#e5e7eb;--text:#111827;--muted:#6b7280;--accent:#2563eb;--accent-hover:#1d4ed8;--radius:8px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}header{background:var(--surface);border-bottom:1px solid var(--border);padding:0 1.5rem}header nav{max-width:1100px;margin:0 auto;display:flex;gap:1.5rem;align-items:center;height:56px}header nav a{text-decoration:none;color:var(--text);font-weight:500}header nav a:first-child{font-size:1.1rem;font-weight:700;color:var(--accent)}main{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}h1{font-size:1.75rem;font-weight:700;margin-bottom:1rem}h2{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}a{color:var(--accent)}a:hover{color:var(--accent-hover)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem}.card:hover{border-color:var(--accent)}.grid{display:grid;grid-gap:1rem;gap:1rem}.grid-2{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid-1{grid-template-columns:1fr}.badge{display:inline-block;background:#eff6ff;color:var(--accent);font-size:.75rem;font-weight:500;padding:.15rem .6rem;border-radius:999px}.muted{color:var(--muted);font-size:.875rem}.mt1{margin-top:.5rem}.mt2{margin-top:1rem}input[type=search],input[type=text]{border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .75rem;font-size:.9rem;width:100%;max-width:400px;outline:none}input:focus{border-color:var(--accent)}.pagination{display:flex;gap:.5rem;align-items:center;margin-top:1.5rem}.pagination a,.pagination span{padding:.35rem .75rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;text-decoration:none;color:var(--text)}.pagination a:hover{border-color:var(--accent);color:var(--accent)}.pagination .active{background:var(--accent);color:#fff;border-color:var(--accent)}