.support-collection-update { margin: 28px 0; padding: clamp(22px, 3vw, 36px); border: 1px solid #34564c; border-left: 3px solid #75d4b2; background: #10231f; color: #e6f1ec; border-radius: 4px; }
.support-collection-update .support-update-kicker { font: 500 11px/1.65 'JetBrains Mono', monospace; letter-spacing: .08em; text-transform: uppercase; color: #8dd8bd; }
.support-collection-update h3 { margin: 12px 0 15px; color: #eff8f2 !important; font: 500 clamp(23px, 2.7vw, 34px)/1.2 'Space Grotesk', Inter, sans-serif; letter-spacing: -.03em; text-wrap: balance; }
.support-collection-update p { color: #b8cbc2 !important; font-size: 14px; line-height: 1.8; max-width: 80ch; }
.support-collection-update a { color: #8be0bf !important; text-underline-offset: 3px; }
.support-update-links { display: flex; flex-wrap: wrap; gap: 15px 25px; margin-top: 18px; font-size: 13px; }
.support-collection-update .support-update-metrics { display: flex; flex-wrap: wrap; gap: 22px 36px; padding-top: 20px; margin-top: 22px; border-top: 1px solid #34564c; }
.support-update-metrics strong { display: block; color: #eff8f2; font: 500 28px/1.1 'Space Grotesk', sans-serif; font-variant-numeric: tabular-nums; }
.support-update-metrics span { display: block; color: #b8cbc2; font: 11px/1.7 Inter, sans-serif; margin-top: 7px; }
.support-locale-update { margin: 20px 0; padding: 18px 22px; }
.support-locale-update p { margin: 0; font-size: 13px; }
html[data-ed-theme="light"] .support-collection-update { background: #e9f0e7; color: #193b2e; border-color: #88b5a1; }
html[data-ed-theme="light"] .support-collection-update :is(h3, strong) { color: #193b2e !important; }
html[data-ed-theme="light"] .support-collection-update p, html[data-ed-theme="light"] .support-update-metrics span { color: #435e50 !important; }
html[data-ed-theme="light"] .support-collection-update a, html[data-ed-theme="light"] .support-collection-update .support-update-kicker { color: #176345 !important; }
@media (max-width: 480px) { .support-collection-update { padding: 20px; } .support-update-links { flex-direction: column; gap: 13px; } }
@media print { .support-collection-update { background: #fff; border-color: #555; color: #111; } .support-collection-update :is(p, h3, a, strong, span) { color: #111 !important; } }
