body { font-family: Arial, sans-serif; background:#f5f5f5; margin:0; }
header { background:#0078d7; color:#fff; padding:1rem; text-align:center; }
nav { background:#ffffff; border-bottom:1px solid #e5e5e5; padding:0.6rem; text-align:center; position:sticky; top:0; }
nav a { margin:0 .75rem; color:#0078d7; text-decoration:none; font-weight:700; }
nav a:hover { text-decoration:underline; }
.container { max-width:980px; margin:0 auto; padding:1rem; }
.search { width:100%; padding:.6rem .8rem; font-size:1rem; border:1px solid #ddd; border-radius:8px; box-sizing:border-box; margin: 0 0 1rem 0; }
.card { background:#fff; padding:1rem; margin:.75rem 0; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,.06); }
.card h3 { margin:.2rem 0 .4rem; }
.card p { margin:.25rem 0; }
.footer { text-align:center; color:#666; font-size:.9rem; padding:2rem 1rem; }
.small { color:#666; font-size:.9rem; }