* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: -apple-system, "Segoe UI", Helvetica, sans-serif;
  background: #f9fafb;
  color: #111;
  line-height: 1.6;
}
a.card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  border-color: #dc2626 !important;
  transition: all 150ms ease;
}
.card {
  transition: all 150ms ease;
}
@media (max-width: 600px) {
  .wrap h1 { font-size: 28pt !important; }
  .wrap h2 { font-size: 18pt !important; }
}