/* Support and privacy pages: share header, footer, tokens and FAQ list with styles.css. */
.support-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;align-items:end;padding-block:96px 104px}
.support-intro h1{font-family:var(--display);font-size:clamp(2.7rem,5.2vw,5.2rem);line-height:1.04;letter-spacing:-.035em;font-weight:500;margin:24px 0}
.support-inline-link,.support-email{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.support-inline-link:hover,.support-email:hover{opacity:.8}
.support-topics{display:flex;flex-direction:column;border-top:1px solid var(--rule)}
.support-topics a{display:flex;align-items:center;gap:20px;min-height:56px;border-bottom:1px solid var(--rule);color:var(--text);transition:color 160ms ease-out}
.support-topics a:hover{color:var(--accent)}
.support-topics span{font-family:var(--mono);font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--accent)}
.support-topics a::after{content:"↓";margin-left:auto;color:var(--muted)}

.support-group{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;padding-block:88px;scroll-margin-top:0}
.support-group+.support-group{border-top:1px solid var(--rule)}
.support-group-heading h2{font-size:clamp(2.2rem,3.6vw,3.2rem);line-height:1.05;letter-spacing:-.035em;font-weight:500;margin-top:24px}
.support-group .faq{padding-top:0}
.faq b{font-weight:500;color:var(--ink)}
.faq code{font-family:var(--mono);font-size:.875em}

.support-contact{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;padding-block:110px}
.support-contact h2{font-size:clamp(2.7rem,5.2vw,5.2rem);line-height:1.04;letter-spacing:-.035em;font-weight:500;margin:24px 0}
.support-contact-detail{align-self:end;background:var(--panel);border:1px solid var(--rule);padding:clamp(24px,3vw,36px)}
.support-email{display:inline-block;font-family:var(--display);font-size:clamp(1.3rem,2.2vw,1.75rem);font-weight:500;letter-spacing:-.025em;overflow-wrap:anywhere;margin-bottom:24px}
.support-contact-detail p,.support-contact-detail li{color:var(--muted);line-height:1.7;font-size:.9375rem}
.support-contact-detail ul{margin:8px 0 0;padding-left:1.2em}
.support-contact-detail .signature{color:var(--text);font-size:.875rem;margin-top:24px}

.faq .support-inline-link{color:var(--ink);text-decoration-color:#7d5f00}
.policy-summary{align-self:end}
.policy-summary h2{font-family:var(--display);font-size:1.5rem;font-weight:500;letter-spacing:-.025em;color:var(--text);margin-bottom:12px}
.policy-summary ul{margin:0}
.policy-body{max-width:40rem}
.policy-body h3{font-family:var(--display);font-size:1.25rem;font-weight:500;letter-spacing:-.02em;margin:40px 0 12px}
.policy-body p,.policy-body dd{color:var(--muted);line-height:1.75}
.policy-body p+p{margin-top:16px}
.policy-body b{font-weight:500;color:var(--ink)}
.policy-body a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:#7d5f00}
.policy-body a:hover{opacity:.7}
.policy-list{margin:24px 0;border-top:1px solid var(--rule)}
.policy-list dt{font-weight:500;padding-top:18px}
.policy-list dd{margin:6px 0 0;padding-bottom:18px;border-bottom:1px solid var(--rule)}

@media(max-width:1000px){.support-intro,.support-contact{gap:48px}.support-group{padding-block:72px}}
@media(max-width:700px){.support-intro,.support-group,.support-contact{grid-template-columns:minmax(0,1fr)}.support-intro{gap:40px;padding-block:56px 64px}.support-intro h1,.support-contact h2{font-size:clamp(2.7rem,10vw,4rem)}.support-group{gap:28px;padding-block:56px}.support-contact{gap:32px;padding-block:64px}}
@media(prefers-reduced-motion:reduce){.support-topics a{transition:none}}
