/* Compact announcements in the public Atlas visual language. */
#announcements{padding:0}
.announcements{background:var(--surface);border-block:1px solid var(--line)}
.announcements[hidden]{display:none}
.announcement-inner{display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:26px;padding-block:22px;min-height:156px}
.announcement-art{width:108px;height:108px;object-fit:contain}
.announcement-content{min-width:0}
.announcement-tabs{display:flex;align-items:center;gap:16px;margin-bottom:7px}
.announcement-tabs button{font:inherit;font-size:12px;font-weight:600;color:var(--muted);background:none;border:0;padding:4px 0;cursor:pointer;border-bottom:2px solid transparent}
.announcement-tabs button[aria-selected=true]{color:var(--accent-ink);border-color:var(--orange)}
.announcement-content h2{font-size:22px;line-height:1.28;letter-spacing:0;margin:0 0 6px;font-weight:700}
.announcement-content p{font-size:14px;line-height:1.55;color:var(--muted);margin:0;max-width:690px;text-wrap:pretty}
.announcement-actions{display:flex;align-items:center;gap:14px}
.announcement-actions .button{min-height:46px;padding:12px 20px;font-size:14px;white-space:nowrap}
.announcement-navigation{display:flex;align-items:center;gap:6px;direction:ltr}
.announcement-arrow{width:44px;height:44px;display:grid;place-items:center;background:var(--card);color:var(--ink);border:1px solid var(--orange);border-radius:10px;cursor:pointer}
.announcement-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.announcement-count{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;padding-inline:2px;min-width:28px;text-align:center}
.announcements button:focus-visible,.announcements a:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.announcement-details{padding-top:8px}
.announcement-details h2{margin:14px 0;font-size:30px;line-height:1.2}
.announcement-details p,.announcement-details li{font-size:15px;line-height:1.65;color:var(--muted)}
.announcement-details ul{padding-inline-start:20px;margin:12px 0 24px}
.announcement-terms{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
.announcement-terms span{font-size:13px;font-weight:600;color:var(--accent-ink);background:var(--surface);padding:9px 12px;border:1px solid var(--line);border-radius:8px}
.announcement-details .modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.announcement-email{display:block;margin-top:14px;font-size:14px;color:var(--accent-ink);overflow-wrap:anywhere}
@media(min-width:1001px){.announcement-content{min-height:104px;display:flex;flex-direction:column;justify-content:center}}
@media(max-width:1100px){.announcement-actions{flex-direction:column;gap:8px}.announcement-inner{gap:18px;grid-template-columns:88px minmax(0,1fr) auto}.announcement-art{width:88px;height:88px}.announcement-content h2{font-size:20px}}
@media(max-width:650px){.announcement-inner{min-height:238px;grid-template-columns:68px minmax(0,1fr);gap:10px 14px;padding-block:16px}.announcement-art{width:68px;height:68px;align-self:center}.announcement-content h2{font-size:18px}.announcement-content p{font-size:13px}.announcement-tabs{gap:14px;margin-bottom:5px}.announcement-tabs button{font-size:11px}.announcement-actions{grid-column:1/-1;flex-direction:row;justify-content:space-between;margin-top:6px;gap:10px}.announcement-actions .button{font-size:13px;white-space:normal;text-align:center;padding:10px 14px}.announcement-details h2{font-size:25px}}
@media(prefers-reduced-motion:no-preference){.announcement-arrow{transition:background .18s ease,scale .15s ease}.announcement-arrow:hover{background:var(--surface)}.announcement-arrow:active{scale:.94}.announcement-art{transition:transform .35s cubic-bezier(.23,1,.32,1)}.announcements:hover .announcement-art{transform:translateY(-3px) rotate(-3deg)}}
@media print{.announcements{display:none}}