#announcementModal .peak-perks-notice { --peak-ink:#123e30; --peak-paper:#fff9ef; width:min(100% - 20px,560px); color:var(--peak-ink); background:var(--peak-paper); border:1px solid #d9ceba; border-radius:24px; }
/* Match Worker Tool's intentionally strong theme selectors for this notice only. */
#announcementModal#announcementModal#announcementModal#announcementModal .peak-perks-notice { width:min(100% - 20px,560px)!important; max-width:560px!important; height:auto!important; max-height:calc(100dvh - 20px)!important; padding:0!important; background:var(--peak-paper)!important; color:var(--peak-ink)!important; border-radius:24px!important; }
#announcementModal .peak-perks-notice .announcement-viewport,
#announcementModal .peak-perks-notice .announcement-content,
#announcementModal .peak-perks-notice .announcement-head,
#announcementModal .peak-perks-notice .announcement-actions { background:var(--peak-paper); color:var(--peak-ink); }
#announcementModal .peak-perks-notice .announcement-head { padding:18px 18px 8px; border:0; }
#announcementModal .peak-perks-notice .announcement-head .eyebrow { display:inline-block; background:#f8d07d; color:#153c2e; padding:5px 9px; border-radius:16px; font:700 11px/1.3 system-ui,sans-serif; letter-spacing:.06em; }
#announcementModal .peak-perks-notice #announcementTitle { font:800 clamp(24px,6vw,32px)/1.12 system-ui,sans-serif; color:#123e30; margin:10px 0 0; }
#announcementModal .peak-perks-notice #announcementBody { margin:0; padding:0 18px; white-space:normal; font:400 15px/1.45 system-ui,sans-serif; }
.peak-perks-notice [hidden] { display:none !important; }
.peak-perks-intro { margin:0 0 6px; font-weight:600; }
.peak-perks-dates { display:inline-block; margin:0 0 14px; padding:5px 10px; border-radius:20px; background:#eae7ca; font-size:12px; font-weight:650; }
.peak-perks-offer { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 44%; overflow:hidden; border-radius:17px; min-height:142px; margin:0 0 10px; background:#f9e7db; }
.peak-perks-sonic { background:#fbe9cb; }
.peak-perks-offer-copy { padding:13px 0 13px 13px; position:relative; z-index:1; }
.peak-perks-brand { display:inline-block; padding:3px 8px; border-radius:9px; background:#aa2b18; color:white; font-size:12px; font-weight:800; }
.peak-perks-sonic .peak-perks-brand { background:#e9a11b; color:#173629; }
.peak-perks-offer small { display:block; margin:7px 0 5px; font-size:9px; font-weight:800; letter-spacing:.04em; color:#705000; }
.peak-perks-offer h3 { font:750 17px/1.16 system-ui,sans-serif; margin:0 0 4px; color:#123e30; overflow-wrap:normal; }
.peak-perks-offer p { margin:0; font-size:13px; color:#173c2f; }
.peak-perks-food { background-image:url('/assets/peak-perks-food-2026.webp'); background-size:200% auto; background-position:left center; background-repeat:no-repeat; }
.peak-perks-sonic .peak-perks-food { background-position:right center; }
.peak-perks-note { margin:12px 0 8px; padding:9px; text-align:center; border-radius:12px; background:#ffe5aa; font-weight:750; font-size:13px; }
.peak-perks-eligibility { font-size:11px; line-height:1.45; margin:0 0 12px; color:#4f6257; }
#announcementModal .peak-perks-how { width:100%; display:flex; justify-content:space-between; align-items:center; border:0; border-radius:14px; padding:13px 15px; background:#123e30; color:#fff9ef; font:750 16px/1.3 system-ui,sans-serif; cursor:pointer; min-height:46px; }
.peak-perks-instructions h3 { font:750 24px/1.2 system-ui,sans-serif; margin:14px 0; color:#123e30; }
#announcementModal .peak-perks-back { background:transparent; color:#123e30; border:1px solid #b7c8bb; border-radius:12px; padding:10px 12px; min-height:44px; font:650 14px/1.3 system-ui,sans-serif; cursor:pointer; }
.peak-perks-instruction-copy { white-space:pre-wrap; overflow-wrap:anywhere; font-size:15px; line-height:1.6; color:#183e31; }
#announcementModal .peak-perks-notice .announcement-actions { padding-top:8px; border-top:1px solid #e7dece; }
#announcementModal .peak-perks-notice #announcementReadBtn { background:#fff9ef; color:#123e30; border:1px solid #123e30; border-radius:14px; box-shadow:none; min-height:44px; }
.peak-perks-notice button:focus-visible { outline:3px solid #b6781c; outline-offset:3px; }
@media(max-width:350px) { .peak-perks-offer { grid-template-columns:minmax(0,1fr) 40%; } .peak-perks-offer h3 { font-size:16px; } #announcementModal .peak-perks-notice #announcementBody { padding:0 13px; } #announcementModal .peak-perks-notice .announcement-head { padding-left:13px; padding-right:13px; } }