.temporary-notice { color: #59675f; line-height: 1.6; margin: 18px 0 0; }
.temporary-slot-note { grid-column: 2; grid-row: 1 / 3; align-self: center; font-size: 12px; color: #59675f; }
.temporary-card h2 { font-size: clamp(25px, 4vw, 32px); line-height: 1.2; margin: 20px 0 12px; }
.temporary-card p { line-height: 1.7; }
.temporary-card .button { width: 100%; margin-top: 10px; }
.temporary-dialog { width: min(480px, calc(100% - 32px)); border: 1px solid #dbe3dd; border-radius: 20px; padding: 38px 28px 28px; color: #17221b; box-shadow: 0 24px 80px #0003; }
.temporary-dialog::backdrop { background: #0b201a99; backdrop-filter: blur(3px); }
.temporary-dialog h2 { font-size: clamp(25px, 4vw, 30px); line-height: 1.2; margin: 0 0 14px; padding-right: 22px; }
.temporary-dialog p { margin: 0 0 24px; line-height: 1.6; }
.temporary-dialog .button { width: 100%; }
.temporary-dialog .live-close { color: #17221b; }
.temporary-dialog :focus-visible { outline: 3px solid #17612e; outline-offset: 4px; }
@media (max-width: 900px) { .temporary-slot-note { align-self: flex-start; margin-top: 6px; } }
@media (max-width: 540px) { .temporary-dialog { padding: 38px 20px 24px; } }