#class-announcement{width:min(580px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;background:#101415;color:var(--text);border:1px solid var(--gold);border-top:5px solid var(--pink);padding:44px;margin:auto;box-shadow:0 24px 100px #0009}#class-announcement::backdrop{background:#000c}html:has(#class-announcement[open]){overflow:hidden}#class-announcement h2{font-size:clamp(32px,6vw,50px);letter-spacing:-1.5px;line-height:1.08;margin-bottom:22px}#class-announcement .eyebrow{font-size:14px;letter-spacing:1px;padding-right:16px}#class-announcement .lead{color:var(--aqua);font-weight:bold;font-size:22px}#class-announcement .btn{width:100%;font-size:14px}.announcement-close{position:absolute;right:10px;top:8px;width:44px;height:44px;border:0;background:transparent;color:white;font-size:32px;cursor:pointer}.announcement-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 18px}.announcement-dates span{border:1px solid var(--line);padding:14px;font-size:16px}.announcement-dates strong{display:block;color:var(--gold);font-size:22px}.announcement-details{font-size:16px;color:var(--muted)}.announcement-later{display:block;margin:18px auto 0;border:0;border-bottom:1px solid #777;background:none;color:var(--muted);font-size:14px;cursor:pointer;padding:6px}@media(max-width:480px){#class-announcement{padding:38px 22px 24px}.announcement-dates span{padding:10px}#class-announcement .eyebrow{font-size:13px}}