/* The approved artwork includes the orange symbol and SwingDam wordmark. */
.swingdam-logo{display:block;width:310px;max-width:100%;height:auto;object-fit:contain;border-radius:0;flex:none}
.member-brand{display:flex;align-items:center;min-width:0;flex-shrink:1;max-width:100%}
.member-brand>img.swingdam-logo,.member-gallery .member-brand>img.swingdam-logo{display:block;width:310px;max-width:100%;height:auto;border-radius:0}
.member-header{column-gap:20px;row-gap:14px;padding-top:18px;padding-bottom:18px}
.member-gallery .member-header{height:auto}
.sidebar .brand{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:0}
.sidebar .brand>.swingdam-logo{width:100%;height:auto}
.sidebar .brand>.language-selector{justify-self:start;margin:0}
.account-intro .eyebrow{letter-spacing:0}
.account-intro .swingdam-logo{width:300px}
.points-brand{min-width:0;max-width:100%}
.points-brand>.swingdam-logo{width:270px;height:auto}
.points-header{flex-wrap:wrap}
@media(max-width:780px){
 .member-header{column-gap:14px}
 .member-brand>img.swingdam-logo{width:280px}
}
@media(max-width:600px){
 .member-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 18px}
 .member-header .member-brand{grid-column:1 / 3;grid-row:1;width:100%;padding:0}
 .member-header:not(:has(.language-selector)) .member-brand{grid-column:1 / -1}
 .member-brand>img.swingdam-logo,.member-gallery .member-brand>img.swingdam-logo{width:280px;max-width:100%;height:auto}
 .member-header>.app-install-button{grid-column:1;grid-row:2;order:initial;justify-self:start;margin:0;padding:8px 11px}
 .member-header .language-selector{grid-column:3;grid-row:1;justify-self:end;align-self:center;margin:0;font-size:11px;padding:2px 4px}
 .member-header .language-selector select{max-width:76px;min-height:27px;padding:2px}
 .member-header #member-account,.member-header:has(>.app-install-button:not([hidden])) #member-account{grid-column:2 / -1;grid-row:2;order:initial;width:auto;min-width:0;display:flex;flex-wrap:wrap;justify-content:flex-end;margin:0;gap:8px}
 .member-header .member-public-nav{gap:2px}
 .member-header .member-public-nav>a{padding:8px 9px;font-size:12px}
 .member-header:not(:has(>.app-install-button:not([hidden]))) #member-account{grid-column:1 / -1}
}
@media(max-width:350px){
 .member-header{padding:14px 12px;column-gap:10px}
 .member-header .language-selector{font-size:10px}
 .member-header .language-selector select{max-width:68px}
}
