body{font-family:Arial,Helvetica,sans-serif;background:#fafafa;color:#222;margin:40px}
a{color:#0066cc;text-decoration:none}a:hover{text-decoration:underline}
header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
h1{font-size:1.6em;margin:0}form.search{margin:15px 0}input,textarea{width:100%;max-width:480px;padding:6px;border:1px solid #ccc;border-radius:4px}
button{padding:6px 12px;border:1px solid #888;border-radius:4px;background:#eee;cursor:pointer}button:hover{background:#ddd}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.card{border:1px solid #ccc;padding:12px;background:#fff;border-radius:8px;box-shadow:0 2px 3px rgba(0,0,0,0.05)}
.card h3{margin:0 0 6px}.meta{color:#666;font-size:0.9em;margin-bottom:6px}
.tags{margin-top:4px}.tag{background:#eef;padding:3px 6px;border-radius:4px;margin-right:4px;font-size:0.9em}
footer{text-align:center;margin-top:30px;font-size:0.9em;color:#666}
.tag {
  background: #eef;
  color: #004;
  padding: 3px 7px;
  border-radius: 8px;
  margin: 2px;
  text-decoration: none;
}
.tag:hover { background: #cce; }
.tag-count {
  font-size: 0.8em;
  color: #666;
  margin-left: 3px;
}