#membershipNotice{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;width:100%;padding:14px 4%;border-bottom:1px solid #b9cdd3;background:#edf5f8;color:#b42318;font:14px/22px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0}
#membershipNotice[hidden]{display:none}
#membershipNotice[data-stage="3"]{background:#fff4db;border-color:#e7cb83}
#membershipNotice[data-stage="expired"]{background:#fff0ee;border-color:#f0b2aa}
#membershipNotice strong{display:block;font-size:14px;line-height:22px}
#membershipNotice p{margin:2px 0 0;font:inherit;overflow-wrap:anywhere}
#membershipNotice .membership-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}
#membershipNotice a{color:inherit;font:inherit;text-decoration:underline;white-space:nowrap}
#membershipNotice button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;padding:0;border:0;border-radius:4px;background:transparent;color:inherit;font:24px/1 sans-serif;cursor:pointer}
#membershipNotice button:hover{background:#0000000d}
#membershipNotice button:focus-visible{outline:2px solid currentColor;outline-offset:2px}
@media(max-width:600px){#membershipNotice{align-items:flex-start;gap:10px;padding:12px 4%}#membershipNotice .membership-actions{flex-direction:column-reverse;gap:6px;align-items:flex-end}}