/* Support page: homepage look (home.css), without the homepage's fixed hero header. */
.support-top{display:flex;align-items:center;justify-content:space-between;padding-block:28px;border-bottom:1px solid var(--border)}
.support-top .hero-wordmark{display:block;width:150px;height:auto;margin:0}
.support-main{padding-block:96px 120px}
.support-main h1{font-size:clamp(52px,7vw,88px);line-height:1.02}
.support-intro{font-size:19px;line-height:1.5;color:#4A463F;max-width:560px;margin-top:20px}
.support-contact{margin-top:48px;padding:28px 30px;border:1px solid var(--border);border-radius:20px;background:#FFFDF8;max-width:640px}
.support-contact p{font-size:17px;line-height:1.55;color:var(--text)}
.support-contact a{color:#9c7438;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.support-contact a:hover{color:var(--gold)}
.support-contact .support-tip{font-size:14px;color:var(--muted);margin-top:12px}
.support-faq{margin-top:88px;max-width:760px}
.support-faq h2{font-size:clamp(32px,4vw,44px);margin-bottom:22px}
.support-faq details{border-top:1px solid var(--border)}
.support-faq details:last-of-type{border-bottom:1px solid var(--border)}
.support-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 2px;font:600 18px/1.4 var(--sans);color:var(--text)}
.support-faq summary::-webkit-details-marker{display:none}
.support-faq summary::after{content:"";flex:none;width:12px;height:12px;border-right:1.6px solid var(--gold);border-bottom:1.6px solid var(--gold);transform:rotate(45deg) translate(-3px,-3px);transition:transform .2s ease}
.support-faq details[open] summary::after{transform:rotate(-135deg) translate(-3px,-3px)}
.support-faq summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:4px}
.support-faq details p{font-size:16px;line-height:1.65;color:#4A463F;padding:0 2px 24px;max-width:640px}
.support-faq details a{color:#9c7438;text-decoration:underline;text-underline-offset:3px}
.support-note{margin-top:56px;font-size:13px;line-height:1.6;color:var(--tertiary);max-width:640px}
@media(max-width:640px){
 .support-top{padding-block:22px}
 .support-top .hero-wordmark{width:120px}
 .support-top .button{font-size:11px;padding:9px 12px}
 .support-main{padding-block:56px 72px}
 .support-main h1{font-size:48px}
 .support-intro{font-size:17px}
 .support-contact{margin-top:36px;padding:22px 20px}
 .support-contact p{font-size:16px}
 .support-faq{margin-top:64px}
 .support-faq summary{font-size:16px;padding:18px 2px}
 .support-faq details p{font-size:15px}
}
.support-main .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}