/* One clear public benefit, kept separate from the members' extra drawing. */
.club-lounge-welcome>.club-lounge-drawing{display:inline-flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:0 5px;margin:14px auto 0;padding:8px 14px;border:1px solid color-mix(in srgb,var(--ink) 22%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--club-gold) 9%,var(--panel));color:var(--ink);font:13px/1.5 var(--sans)}
.club-lounge-welcome>.club-lounge-drawing strong{font-weight:650}
.club-hero--invitation .club-lounge-welcome>.club-lounge-free{margin-top:10px}
/* Anchor the Lounge to the left of the banner on tablets and larger screens. */
@media(min-width:761px){
  body[data-page="glass-lounge"] .club-lounge-intro{align-items:flex-start;text-align:left}
  body[data-page="glass-lounge"] .club-lounge-plaque{align-self:flex-start}
  body[data-page="glass-lounge"] .club-lounge-welcome{width:100%;text-align:left}
  body[data-page="glass-lounge"] .club-lounge-drawing{justify-content:flex-start;margin-left:0;margin-right:0}
}
@media(max-width:760px){.club-lounge-welcome>.club-lounge-drawing{padding:7px 11px;margin-top:12px}}

.club-lounge-free[hidden]{display:none!important}.club-lounge-free a{color:var(--ink);text-underline-offset:4px;font-weight:600;display:inline-block;padding:6px 0}