.mmh-content-media { display: grid; width: 100%; height: 100%; min-height: 100px; }
.mmh-content-media > [data-content-revealed] { display: grid; min-height: 0; height: 100%; }
.mmh-content-placeholder { display: grid; place-items: center; min-height: 100px; padding: 20px; box-sizing: border-box; background: var(--mmh-pearl, #fefaf1); color: var(--mmh-chambray, #403d74); text-align: center; font-weight: 600; }
.mmh-content-notice { padding: clamp(24px, 4vw, 40px); border: 1px solid var(--mmh-chambray, #403d74); border-radius: 8px; background: var(--mmh-pearl, #fefaf1); margin-bottom: 32px; }
.mmh-content-notice p { max-width: 65ch; }
.mmh-content-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.mmh-content-preferences { padding: 24px; }
.mmh-content-preferences summary { cursor: pointer; width: fit-content; }
.mmh-content-preferences details > p { max-width: 65ch; margin-top: 16px; }
.mmh-content-preferences [role="status"]:empty { display: none; }
.mmh-content-notice [hidden], .mmh-content-preferences [hidden], .mmh-content-media [hidden] { display: none; }
:is(.mmh-content-notice, .mmh-content-preferences) :is(button, a, summary):focus-visible, [data-content-revealed]:focus-visible { outline: 3px solid var(--mmh-chambray, #403d74); outline-offset: 4px; }