.site-banner { display: flex; align-items: flex-start; gap: 16px; padding: 20px 24px; margin-bottom: 36px; border: 1px solid #d8cfbd; border-radius: 12px; background: #f1eadc; color: #3c392f; }
.site-banner-icon { display: inline-flex; flex: 0 0 28px; align-items: center; justify-content: center; height: 28px; border: 1px solid currentColor; border-radius: 50%; font: 600 18px/1 Georgia, serif; color: #80512e; }
.site-banner-copy { min-width: 0; overflow-wrap: anywhere; }
.site-banner-copy strong { display: block; font-size: 16px; line-height: 1.5; font-weight: 600; }
.site-banner-copy p { margin: 6px 0 0; font-size: 14px; line-height: 1.7; }
.site-banner--info { background: #eaf0e5; border-color: #ccd5c4; }
@media (max-width: 600px) { .site-banner { gap: 12px; padding: 16px; margin-bottom: 28px; } }
@media (prefers-color-scheme: dark) {
    .site-banner { background: #343127; border-color: #645b47; color: #f5eddb; }
    .site-banner-icon { color: #e9bd91; }
    .site-banner--info { background: #2d3528; border-color: #52624a; }
}