/* Recovery states only; successful interactions retain the existing design. */
.media-feedback[hidden], .media-feedback [hidden], .lightbox-image[hidden] { display: none; }
.media-feedback { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-block-start: 16px; padding: 14px; border: 1px solid oklch(46% .02 150); border-radius: 4px; color: oklch(91% .012 80); font-size: 13px; line-height: 1.5; }
.media-feedback > span { min-width: 0; overflow-wrap: anywhere; }
.media-feedback .button { flex: none; min-height: 42px; padding: 10px 16px; color: inherit; border-color: oklch(46% .02 150); }
.media-feedback .button:hover { background: oklch(28% .02 150); }
.gallery-dialog[data-media-loading="true"] figure { min-height: min(48svh, 440px); }
.no-js-navigation { display: none; }
html:not(.navigation-ready) .menu-toggle { visibility: hidden; }
@media (max-width: 820px) { .no-js-navigation { display: flex; flex-wrap: wrap; gap: 16px 24px; padding: 20px var(--space); margin-block-start: var(--nav-height); border-bottom: 1px solid var(--line); font-size: 14px; } .no-js-navigation a { text-decoration: underline; text-underline-offset: 4px; } }
@media (max-width: 520px) { .media-feedback { align-items: stretch; flex-direction: column; } .media-feedback .button { align-self: flex-start; } }
@media (forced-colors: active) { .media-feedback, .media-feedback .button { border-color: CanvasText; } }