body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

.content {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.card-title {
  margin-bottom: 0.75rem;
}

@media (max-width: 576px) {
  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
body { background-color: #f8f9fa; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
.card { transition: transform 0.2s; border: none; border-radius: 12px; }
.card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important; }
.navbar-brand { font-weight: bold; letter-spacing: -1px; }
.badge { font-weight: 500; padding: 0.5em 1em; }
article.bg-white { border-left: 5px solid #0d6efd; }