.resident-announcements{--rn-bg:var(--front-bg,var(--beta-theme-bg,#edf3f8));--rn-surface:var(--front-surface,var(--beta-theme-surface,#fff));--rn-ink:var(--front-ink,var(--beta-theme-ink,#193853));--rn-muted:var(--front-muted,var(--beta-theme-muted,#65758a));--rn-line:var(--front-line,var(--beta-theme-line,#dbe3ee));--rn-accent:var(--front-accent,var(--beta-theme-accent,#285f96));padding:24px 0;background:var(--rn-bg);color:var(--rn-ink)}.resident-announcements .beta-container{width:min(1280px,calc(100% - 40px));margin:auto}.resident-announcements-list{display:grid;gap:12px}.resident-announcement{display:flex;align-items:center;gap:22px;padding:24px 28px;background:var(--rn-surface);border:1px solid var(--rn-line);border-left:4px solid var(--rn-accent);border-radius:12px}.resident-announcement-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:12px;background:var(--rn-bg);color:var(--rn-accent);font-size:24px}.resident-announcement-copy{flex:1;min-width:0}.resident-announcement-eyebrow{display:block;font-size:10px;letter-spacing:.12em;font-weight:700;color:var(--rn-accent);margin-bottom:7px}.resident-announcement h2{font-weight:600;font-size:19px;line-height:1.4;letter-spacing:0;margin:0 0 6px;color:var(--rn-ink)}.resident-announcement p{font-size:14px;line-height:1.7;color:var(--rn-muted);white-space:pre-line;overflow-wrap:anywhere;margin:0}.resident-announcement-link{display:inline-flex;align-items:center;gap:20px;border:1px solid var(--rn-accent);color:var(--rn-ink);padding:11px 17px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;flex-shrink:0;max-width:100%;overflow-wrap:anywhere}.resident-announcement-link:hover{background:var(--rn-bg);color:var(--rn-accent)}.resident-announcement[data-tone=success]{border-left-color:#339b76}.resident-announcement[data-tone=warning]{border-left-color:#dc9a36}.dm-preview-canvas .resident-announcements{padding:0}.dm-preview-canvas .resident-announcements .beta-container{width:100%}.dm-preview-canvas .resident-announcement{flex-wrap:wrap;padding:18px}.dm-preview-canvas .resident-announcement-link{margin-left:66px}.dm-preview-canvas .resident-announcement-copy{flex-basis:calc(100% - 66px)}@media(max-width:700px){.resident-announcements{padding:16px 0}.resident-announcement{padding:20px;gap:14px;flex-wrap:wrap}.resident-announcement-copy{flex-basis:calc(100% - 58px)}.resident-announcement-link{margin-left:58px;max-width:calc(100% - 58px)}.resident-announcement h2{font-size:18px}}
