.support-page { max-width: 860px; }
.support-hero { padding: clamp(1.25rem, 4vw, 3rem) 0 1.25rem; }
.support-hero h1 { margin: 0; color: var(--forest); font-size: clamp(2.3rem, 7vw, 4.8rem); line-height: 1; }
.support-hero p { max-width: 50rem; font-size: 1.1rem; line-height: 1.65; color: var(--muted); }
.support-nav { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1.25rem; }
.support-nav a, .support-back, .site-footer a { color: var(--forest); font-weight: 750; }
.site-back { color: var(--forest); font-weight: 750; text-decoration: none; white-space: nowrap; }
.support-nav a { padding: .55rem .75rem; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.7); }
.support-back { color: white; text-decoration: none; }
.support-card { margin: 1rem 0; padding: clamp(1rem, 3vw, 2rem); background: rgba(255,255,255,.78); border: 1px solid var(--line); border-radius: 1.25rem; box-shadow: var(--shadow); }
.support-card h2 { margin-top: 0; color: var(--forest); }
.support-card h3 { margin-bottom: .25rem; color: var(--forest-soft); }
.support-card p { line-height: 1.65; }
.support-card details { padding: .9rem 0; border-top: 1px solid var(--line); }
.support-card details:last-child { border-bottom: 1px solid var(--line); }
.support-card summary { cursor: pointer; color: var(--forest); font-weight: 750; }
.support-warning { margin-top: 1rem; padding: .9rem 1rem; border-left: .3rem solid var(--burgundy); background: #fbe9e7; color: #7c2632; border-radius: .6rem; line-height: 1.55; }
.site-footer { width: min(860px, calc(100% - 2rem)); margin: 0 auto; padding: 0 0 3rem; text-align: center; }
@media (max-width: 560px) { .topbar { align-items: flex-start; } .support-back { font-size: .9rem; } }