/* Supporting pages use the same palette and typography as the money page. */
.support-page .support-hero{max-width:var(--reading);margin:0 auto;padding:70px 0 35px;text-align:center}
.support-page .support-hero h1{max-width:900px}
.support-page .support-hero .hero-intro{max-width:760px;margin:20px auto 0;color:var(--bone);font-size:clamp(18px,2vw,23px);line-height:1.55}
.support-page .support-content{max-width:var(--reading);margin:0 auto 90px}
.support-page .support-content section{padding:2px 0 12px;border-top:1px solid var(--wire)}
.support-page .support-content h2{text-align:left;margin:42px 0 20px}
.support-page .support-content h2::after{margin:16px 0 0;width:86px;height:4px}
.support-page .support-content p,.support-page .support-content li{max-width:78ch}
.support-page .support-content a{color:var(--lamp)}
.support-page .support-content a:hover{color:var(--bonus-gold)}
.support-page .author-profile-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:34px;align-items:center}
.support-page .author-profile-layout img{width:220px;height:auto;border:3px solid var(--wire);border-radius:14px;background:var(--soot)}
.support-page .author-profile-layout h2{margin-top:22px}
.support-page .footer-top{display:flex;flex-direction:column;align-items:center}
@media(max-width:700px){.support-page .support-hero{padding:42px 0 24px}.support-page .support-content{margin-bottom:55px}.support-page .author-profile-layout{grid-template-columns:1fr;gap:12px}.support-page .author-profile-layout img{width:min(220px,100%);margin:auto}}
