/* The deployed legacy notice keeps its existing next/close image buttons. */
html[data-skin="qj"] .notice:has(.qj-notice-dismiss) .qj-notice-dismiss {
  position:absolute;z-index:2;top:9px;right:9px;display:grid;place-items:center;
  width:28px;height:28px;padding:0;border:1px solid #edc4b7;border-radius:50%;
  background:#fff7ee;color:#8b2b19;font-size:23px;line-height:24px;cursor:pointer;
}
html[data-skin="qj"] .notice:has(.qj-notice-dismiss) .announcement-popup-check {
  position:absolute;top:calc(100% + 34px);bottom:auto;left:50%;transform:translateX(-50%);width:max-content;
  display:flex;align-items:center;justify-content:center;gap:6px;
  min-height:26px;padding:3px 10px;border:1px solid #ffd4ba;border-radius:6px;
  background:#fff7ee;color:#8b2b19;font-size:13px;font-weight:600;line-height:18px;cursor:pointer;
}
html[data-skin="qj"] .notice:has(.qj-notice-dismiss) .announcement-popup-check input { width:16px;height:16px;margin:0;accent-color:#c73d27; }
html[data-skin="qj"] .qj-notice-dismiss:focus-visible,
html[data-skin="qj"] .notice:has(.qj-notice-dismiss) .announcement-popup-check:focus-within { outline:2px solid #8b2b19;outline-offset:2px; }