.release-notice {
    box-sizing: border-box;
    width: min(690px, calc(100% - 28px));
    max-height: calc(100dvh - 32px);
    padding: 0;
    overflow: auto;
    border: 1px solid #d0b77d;
    border-radius: 16px;
    background: #f8f8ef;
    color: #102940;
    box-shadow: 0 20px 70px #10294055;
    font-family: Arial, sans-serif;
}
.release-notice::backdrop { background: #182b3c70; }
.release-notice-content { padding: 30px 32px 10px; }
.release-notice-eyebrow { color: #76602c; font-size: 12px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.release-notice h1 { margin: 0 0 22px; font: 700 27px/1.2 Georgia, serif; }
.release-notice h2 { margin: 22px 0 8px; font-size: 17px; }
.release-notice p { line-height: 1.55; margin: 0 0 14px; }
.release-notice ul { padding-left: 22px; margin: 8px 0 14px; line-height: 1.5; }
.release-notice li + li { margin-top: 5px; }
.release-notice-preserved { padding: 14px 16px; background: #eaf0e3; border-left: 3px solid #788f5b; border-radius: 4px; font-weight: 700; }
.release-notice a { color: #1d6184; text-underline-offset: 3px; }
.release-notice footer { padding: 16px 32px 24px; display: flex; justify-content: flex-end; }
.release-notice button { cursor: pointer; border: 1px solid #9e721e; border-radius: 24px; padding: 12px 24px; background: #deb252; color: #102940; font: 700 16px Arial, sans-serif; }
.release-notice button:hover { background: #edc976; }
.release-notice button:focus-visible, .release-notice a:focus-visible { outline: 3px solid #26749f; outline-offset: 4px; }
@media (max-width: 480px) {
    .release-notice-content { padding: 23px 20px 6px; }
    .release-notice h1 { font-size: 23px; }
    .release-notice footer { padding: 14px 20px 20px; }
    .release-notice button { width: 100%; }
}