<!-- Placeholder content for styles.css -->

@media (max-width: 576px) {
  .header-bar h4 {
    font-size: 1.2rem;
    text-align: center;
    width: 100%;
  }

  .header-bar .badge {
    margin: 0 auto;
  }
  .main-content div h4{
      margin-left: 85px;
  }
}

/* Summary Cards */
.summary-cards .card-body h4 {
  font-size: 1.3rem;
}

.summary-cards .card-body p {
  font-size: 0.85rem;
}

@media (max-width: 768px) {
  .summary-cards .card-body h4 {
    font-size: 1.1rem;
  }

  .summary-cards .card-body p,
  .summary-cards .card-body h6 {
    font-size: 0.8rem;
  }
}

/* Insights & Quotes */
.text-muted {
  font-size: 0.9rem;
}

.blockquote-footer {
  font-size: 0.85rem;
}

/* Responsive Utility */
@media (max-width: 576px) {
  .main-content {
    padding: 1rem;
  }

  .summary-cards .col-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row.g-4 > div {
    flex: 0 0 100%;
    max-width: 100%;
  }

  footer {
    text-align: center;
    font-size: 0.8rem;
  }
}