/* Banner-style section cards */

.banner-card {
    background: var(--md-primary-fg-color--lightest);
    padding: 1rem 1.5rem;
    border-left: 6px solid var(--md-primary-fg-color);
    border-radius: 6px;
    margin: 1rem 0;
    transition: background 0.3s;
  }
  
  .banner-card:hover {
    background: var(--md-accent-fg-color--transparent);
  }
  
  .banner-card h3, .banner-card h2, .banner-card h4 {
    margin-top: 0;
    color: var(--md-primary-fg-color);
  }
  
  .banner-card a {
    font-weight: bold;
    color: var(--md-primary-fg-color);
    text-decoration: none;
  }
  
  .banner-card a:hover {
    text-decoration: underline;
  }