/* One saved preference, shared by the site notice and optional video controls. */
.cookie-consent { padding: 0.9rem 1.1rem; max-height: min(70vh, 35rem); overflow-y: auto; border: 1px solid #dbe4ef; box-shadow: 0 4px 24px #193b7026; }
.cookie-consent h2 { color: #244d74; font-size: 1rem; text-shadow: none; }
.cookie-consent p { font-size: 0.88rem; line-height: 1.5; }
.cookie-consent-summary { gap: 1rem; }
.cookie-consent-actions { align-items: center; flex-wrap: wrap; }
.cookie-consent-actions button, .music-video-choices button {
    display: inline-flex; justify-content: center; align-items: center;
    min-height: 2.75rem; padding: 0.6rem 0.9rem; border: 1px solid #b8c9df;
    border-radius: 0.7rem; background: #f3f6fc; color: #244d74;
    font: 800 0.9rem/1.3 var(--font-ui); cursor: pointer; box-shadow: none;
}
.cookie-consent-actions [data-consent-choice] { flex: 1 0 auto; }
.cookie-consent-actions button:hover, .music-video-choices button:hover { background: #e7effa; border-color: #6785b2; }
.cookie-consent button:focus-visible, .cookie-consent a:focus-visible,
.music-video-block button:focus-visible, .music-video-block a:focus-visible { outline: 3px solid #244d74; outline-offset: 3px; }
.cookie-consent-actions [data-cookie-manage] { background: #fff; }
.cookie-consent-settings-head { align-items: flex-start; }
.cookie-consent-settings-head [data-cookie-close] { min-height: 2.75rem; padding: 0.5rem 0.7rem; background: #fff; border: 1px solid #b8c9df; border-radius: 0.6rem; color: #244d74; font: 800 0.9rem var(--font-ui); cursor: pointer; }
.cookie-consent-settings [data-choice-status] { font-weight: 800; }
.privacy-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.music-video-block { min-width: 0; align-self: center; }
.music-video-block .song-video-frame { min-height: 0; aspect-ratio: 16 / 9; }
.music-video-block .song-video-frame iframe { z-index: 1; }
.music-video-poster { position: absolute; inset: 0; }
.music-video-poster img { display: block; width: 100%; height: 100%; object-fit: cover; }
.music-video-block [hidden] { display: none !important; }
.music-video-permission { padding: 0.85rem 0.2rem 0; }
.music-video-permission p { margin: 0 0 0.75rem; color: #283e72; font-size: 0.88rem; line-height: 1.5; }
.music-video-permission a { color: #283e72; text-decoration: underline; }
.music-video-choices { display: flex; gap: 0.65rem; }
.music-video-choices button { flex: 1; }
.music-video-revoke { display: block; min-height: 2.75rem; margin-top: 0.65rem; padding: 0.5rem 0.7rem; border: 1px solid #b8c9df; border-radius: 0.6rem; background: #fff; color: #283e72; font: 700 0.85rem var(--font-ui); cursor: pointer; }
@media (max-width: 1000px) {
    .cookie-consent-summary { flex-direction: column; align-items: stretch; gap: 0.7rem; }
    .cookie-consent-actions { justify-content: flex-start; }
}
@media (max-width: 600px) {
    .cookie-consent { left: 0.6rem; right: 0.6rem; bottom: max(0.6rem, env(safe-area-inset-bottom)); padding: 0.85rem; }
    .cookie-consent-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; width: 100%; }
    .cookie-consent-actions button { width: 100%; min-width: 0; padding-inline: 0.4rem; font-size: 0.85rem; }
    .cookie-consent-actions [data-cookie-manage] { grid-column: 1 / -1; }
    .cookie-consent-settings-head { flex-direction: row; }
    .music-video-choices button { padding-inline: 0.5rem; }
}