.tx-announcement-update-anchor { position:relative; }
.tx-announcement-opened { display:flex; flex:1; flex-direction:column; min-height:0; overflow:hidden; background:var(--a-bg,#f1f6fc); }
.tx-announcement-opened>header { display:flex; flex:none; align-items:center; gap:16px; min-height:48px; padding:0 14px; background:var(--a-panel,#fff); border-bottom:1px solid #e7edf5; }
.tx-announcement-opened>header button { flex:none; border:0; padding:10px 0; background:transparent; color:inherit; font:inherit; cursor:pointer; }
.tx-announcement-opened>header h1 { margin:0; font-size:16px; font-weight:600; }
.tx-announcement-opened>article { flex:1; min-height:0; padding:20px 16px 32px; overflow:auto; overscroll-behavior:contain; background:var(--a-panel,#fff); }
.tx-announcement-opened h2 { margin:0 0 18px; font-size:18px; line-height:1.6; overflow-wrap:anywhere; }
.tx-announcement-opened-body { font-size:14px; line-height:1.8; white-space:pre-wrap; overflow-wrap:anywhere; }
.tx-announcement-opened-body img { max-width:100%; height:auto; }
.tx-announcement-opened-body p { margin:0 0 10px; }
:root { --tx-unread-dot-size:6px; --tx-unread-dot-border:1.5px; }
/* Keep every notification dot the same visible size across both runtimes. */
html body .tx-announcement-update-anchor[data-announcement-unread="true"]::after,
html[data-layout="desktop"] body .desktop-notice-update-anchor[data-notice-unread="true"]::before,
html body .action-dot,
html body .home-service-unread,
html body .room-service-unread,
html body .entry-unread,
html body .welfare-dot,
html body .yl-service-unread,
html body .b-benefit-dot,
html body .b-message-dot,
html body .b-room-service-dot,
html body .room-service-dot,
html body .a-unread,
html body .aurum-unread,
html body .desktop-message-dot,
html body .van-info--dot,
html body .van-badge--dot {
  box-sizing:content-box!important;
  width:var(--tx-unread-dot-size)!important; height:var(--tx-unread-dot-size)!important;
  min-width:0!important; min-height:0!important; padding:0!important;
  border:var(--tx-unread-dot-border) solid var(--announcement-dot-ring,#fff)!important;
  border-radius:50%!important; box-shadow:none!important;
}
.announcement-tab-label.tx-announcement-update-anchor {
  display:inline-block; padding:0 10px 0 0!important;
  --announcement-dot-top:-4px!important; --announcement-dot-right:0px!important;
}
.b-notice-card.tx-announcement-update-anchor,
.center-card.tx-announcement-update-anchor,
.announcement-item.tx-announcement-update-anchor,
.b-offer-card.tx-announcement-update-anchor {
  --announcement-dot-right:10px!important;
  --announcement-dot-top:6px!important;
}
.tx-announcement-update-anchor[data-announcement-unread="true"]::after {
  content:""; position:absolute; z-index:2; top:var(--announcement-dot-top,2px); right:var(--announcement-dot-right,1px);
  width:6px; height:6px; box-sizing:content-box; border:1.5px solid var(--announcement-dot-ring,#fff);
  border-radius:50%; background:#f05a52; pointer-events:none;
}
.footer-icon.tx-announcement-update-anchor,.yl-nav-icon.tx-announcement-update-anchor { --announcement-dot-top:-3px; --announcement-dot-right:-4px; }
.aurum-home-page .tx-announcement-update-anchor,.aurum-shell .tx-announcement-update-anchor { --announcement-dot-ring:#191a1c; }
.tx-lobby-carousel .tx-announcement-update-anchor[data-announcement-group="carousel"]::after,
.a-announcement-carousel .tx-announcement-update-anchor[data-announcement-group="carousel"]::after {
  display:none!important;
}