/* Consistent, compact public information pages. */
.public-site .support-page,.public-site .fame-page{display:flow-root;float:none;width:100%;text-align:left}
.public-site .support-page>section,.public-site .fame-page section{float:none;clear:both;width:100%;height:auto;margin-left:auto;margin-right:auto}
.public-site .support-page .support-wrap,.public-site .fame-page .editorial-page__inner,.public-site .ladders-hero .frontend-hero__inner,.public-site .ladders-page{max-width:1168px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}
.public-site .support-page h1,.public-site .support-page h2,.public-site .support-page h3,.public-site .support-page p,.public-site .fame-page h1,.public-site .fame-page h2,.public-site .fame-page p,.public-site .ladders-page p{text-align:left}
.public-site .support-page .support-hero__grid{min-height:0;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:40px;padding:32px 0 40px}
.public-site .support-page .support-breadcrumb{padding-top:24px}
.public-site .support-page .support-hero h1,.public-site .fame-page h1,.public-site .ladders-hero h1{font-size:clamp(32px,4vw,46px);line-height:1.12;letter-spacing:-.035em;margin:16px 0}
.public-site .support-page .support-hero p,.public-site .fame-page .editorial-lead{font-size:15px;line-height:1.7;max-width:680px}
.public-site .support-page h2{font-size:clamp(26px,3vw,34px);line-height:1.18;letter-spacing:-.03em}
.public-site .support-page .support-channels,.public-site .support-page .support-message{padding-top:40px;padding-bottom:40px}
.public-site .support-page .support-faq{padding:40px 0}
.public-site .support-page .support-heading,.public-site .support-page .support-faq__grid,.public-site .support-page .support-message{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 40px}
.public-site .support-page .support-heading{margin-bottom:24px;align-items:start}
.public-site .support-page .support-channel{min-height:0;padding:22px;border-radius:8px}
.public-site .support-page .support-channel h3{font-size:21px;margin-top:18px}
.public-site .support-page .support-channel p{margin:10px 0 20px}
.public-site .support-page .support-hero__aside,.public-site .support-page .support-message__card{padding:22px;border-radius:8px;min-width:0}
.public-site .support-page .support-faq__intro h2,.public-site .support-page .support-message__intro h2{margin:18px 0 16px}
.public-site .support-page .support-faq__item summary{padding:18px 0;font-size:14px}
.public-site .support-page .support-message__tip{margin-top:24px}
.public-site .support-page .support-hero__actions{margin-top:22px;gap:18px}
.public-site .support-page .support-button{min-height:44px;border-radius:6px;padding:12px 16px}
.public-site .fame-page{padding:40px 0 48px;min-height:0}
.public-site .fame-page .editorial-lead{margin:0 0 24px}
.public-site .fame-page .fame-empty{padding:24px}
.public-site .fame-page .fame-empty h2{font-size:clamp(23px,3vw,30px);line-height:1.25;margin:12px 0}
.public-site .fame-page .fame-empty p{font-size:14px;margin:0;line-height:1.7}
.public-site .fame-page .editorial-actions{margin-top:20px;gap:12px}
.public-site .fame-page .fame-card__body{padding:24px}
.public-site .ladders-hero{min-height:0}
.public-site .ladders-hero .frontend-hero__inner{padding-top:36px;padding-bottom:36px}
.public-site .ladders-page{padding-top:32px;padding-bottom:48px}
.public-site .ladders-page>h2{font-size:30px;line-height:1.2;margin:12px 0}
.public-site .ladders-page .frontend-page__intro{margin:0;line-height:1.7}
.public-site .ladders-page .frontend-ladders{margin-top:24px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.public-site .ladders-page .frontend-ladder{min-height:240px;background-image:linear-gradient(180deg,rgba(15,15,15,.72),rgba(15,15,15,.97)),var(--ladder-image,linear-gradient(135deg,#34302a,#181818))}
.public-site .ladders-page .frontend-ladder p{color:#d0cec7;margin:8px 0}
.public-site .about-page .about-story__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media(max-width:760px){
 .public-site .support-page .support-wrap,.public-site .fame-page .editorial-page__inner,.public-site .ladders-hero .frontend-hero__inner,.public-site .ladders-page{padding-left:20px;padding-right:20px}
 .public-site .support-page .support-hero__grid,.public-site .support-page .support-heading,.public-site .support-page .support-faq__grid,.public-site .support-page .support-message,.public-site .about-page .about-story__grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .public-site .support-page .support-channels__grid{grid-template-columns:minmax(0,1fr);gap:12px}
 .public-site .support-page .support-channels,.public-site .support-page .support-message{padding-top:32px;padding-bottom:32px}
 .public-site .support-page .support-faq{padding:32px 0}
 .public-site .support-page .support-message__row{grid-template-columns:1fr;gap:0}
 .public-site .support-page .support-message__submit{flex-direction:column;align-items:stretch}
 .public-site .support-page .support-message__submit button{width:100%}
}

/* Override the old chat-message class, which preserves HTML indentation. */
.public-site .support-page .support-message{white-space:normal}

/* Fit the contact channels actually enabled in admin. */
.public-site .support-page .support-channels__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
