/* Additional section styles for SEO-rich content and media blocks */
.section-alt { background: #f8fafc; border-top: 1px solid #e5e7eb; border-bottom: 1px solid #e5e7eb; }
.media { display: grid; grid-template-columns: 1fr; gap: 1rem; align-items: center; }
.media img { width: 100%; height: auto; border-radius: .6rem; border: 1px solid #e5e7eb; box-shadow: 0 6px 20px rgba(2,6,23,.06); }
.media .media-body h2 { margin: 0 0 .4rem; font-size: 1.6rem; }
.media .media-body p { color: #475569; }
.badge { display:inline-block; padding:.25rem .5rem; font-weight:700; font-size:.8rem; color:#1d4ed8; background:#e0e7ff; border:1px solid #c7d2fe; border-radius:.4rem; }
.feature-list { list-style: none; padding: 0; margin: 0; display: grid; gap: .4rem; }
.feature-list li::before { content: "✓"; color: #16a34a; margin-right: .5rem; }

@media (min-width: 768px) {
  .media { grid-template-columns: 1.1fr 1fr; }
}