/* Support page (draft) — layered on css/site.css variables */
.support-page{max-width:760px;margin:0 auto;padding:8px 4px 40px}
.support-intro{color:var(--muted);line-height:1.6;margin:.5rem 0 1.5rem}
.support-intro a,.support-faq a,.support-note a{color:var(--accent)}
.support-h2{font-family:var(--font-display);font-size:1.35rem;margin:2rem 0 .75rem}
.support-faq{display:flex;flex-direction:column;gap:10px}
.support-faq details{background:var(--surface);border:1px solid var(--border);border-radius:12px}
.support-faq summary{cursor:pointer;list-style:none;padding:14px 44px 14px 16px;min-height:var(--tap);font-weight:600;position:relative;line-height:1.4;box-sizing:border-box;display:flex;align-items:center}
.support-faq summary::-webkit-details-marker{display:none}
.support-faq summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--accent);font-size:1.3rem}
.support-faq details[open] summary::after{content:"\2212"}
.support-faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:12px}
.support-faq .ans{padding:0 16px 14px;color:var(--muted);line-height:1.6}
.support-faq .ans p{margin:.4rem 0}
.support-faq .ans ul{margin:.4rem 0;padding-left:1.2rem}
.confirm{background:#5a3b10;color:#ffd58a;border-radius:4px;padding:0 4px;font-size:.85em;font-weight:700}
.support-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:14px}
.support-note{color:var(--muted);font-size:.92rem;line-height:1.5;margin:.25rem 0 0}

/* Sponsor page */
.sp-list { padding-left: 1.2em; margin: 0 0 1rem; }
.sp-list li { margin: 0 0 .5rem; }
.sp-price { font-size: 1.15rem; }
.sp-safety { margin-top: 1rem; }
