.support-page .support-main { padding-top: calc(var(--nav-h) + 34px); }
.support-page .support-intro { padding-top: 28px; padding-bottom: 56px; }
.support-page .support-intro h1 { font-size: clamp(2.5rem,5.6vw,4.8rem); line-height:1.03; letter-spacing:-.045em; margin:28px 0 24px; max-width:14ch; }
.support-page .support-intro > p { max-width:48ch; font-size:1.2rem; color:var(--ink-2); line-height:1.6; }
.support-page .support-intro .support-app-note { font-size:.9rem; margin-top:18px; max-width:65ch; }
.support-page .support-layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:72px; align-items:start; }
.support-page h2 { font-size:1.6rem; letter-spacing:-.025em; line-height:1.25; margin:0 0 24px; scroll-margin-top:110px; }
.support-page h3 { font-size:1.2rem; margin:0 0 10px; }
.support-page p { line-height:1.7; }
.support-page .support-paths { border-top:1px solid var(--line-strong); }
.support-page .support-paths a { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:23px 0; border-bottom:1px solid var(--line); text-decoration:none; color:var(--ink); }
.support-page .support-paths a > span:last-child { color:var(--accent); font-size:1.5rem; }
.support-page .support-paths strong { display:block; font-size:1.15rem; margin-bottom:7px; }
.support-page .support-paths small { display:block; color:var(--ink-2); font-size:1rem; line-height:1.5; }
.support-page .support-paths a:hover strong { color:var(--accent); }
.support-page .support-contact { background:var(--card); padding:30px; border:1px solid var(--line); border-radius:24px; }
.support-page .support-contact p { font-size:.92rem; color:var(--ink-2); }
.support-page .support-contact section + section { margin-top:28px; padding-top:28px; border-top:1px solid var(--line); }
.support-page .support-email { display:inline-block; margin-top:16px; padding-block:5px; font-size:.95rem; font-weight:650; color:var(--accent); overflow-wrap:anywhere; }
.support-page .support-legal-link { display:block; font-size:.9rem; margin-top:16px; line-height:1.5; }
.support-page .support-contact .support-escalation { margin-top:28px; padding-top:22px; border-top:1px solid var(--line); font-size:.85rem; }
.support-page .support-writing { margin-top:60px; }
.support-page .support-writing > p { margin-bottom:22px; color:var(--ink-2); }
.support-page .support-answer { border:0; border-bottom:1px solid var(--line); padding:0; background:transparent; border-radius:0; scroll-margin-top:110px; }
.support-page .support-answer summary { cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:21px 0; font-size:1.05rem; font-weight:600; list-style:none; }
.support-page .support-answer summary::-webkit-details-marker { display:none; }
.support-page .support-answer summary::after { content:'+'; color:var(--accent); font-size:1.5rem; font-weight:400; }
.support-page .support-answer[open] summary::after { content:'−'; }
.support-page .support-answer > div { padding:0 0 24px; max-width:65ch; color:var(--ink-2); }
.support-page .support-answer p + p { margin-top:18px; }
.support-page .support-privacy-note { margin-top:28px; padding:18px 20px; border-left:3px solid var(--accent); background:var(--accent-tint); font-size:.92rem; }
.support-page .support-limits { margin-top:24px; }
.support-page .support-bottom { display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px; padding-block:44px; margin-top:50px; border-top:1px solid var(--line); font-size:.85rem; color:var(--ink-2); }
.support-page .support-bottom nav { display:flex; flex-wrap:wrap; gap:22px; }
/* This light reading-page header needs dark labels before scroll as well. */
.support-page .site-header:not(.is-scrolled) .brand,.support-page .site-header:not(.is-scrolled) .menu-toggle,.support-page .site-header:not(.is-scrolled) .site-nav a:not(.button) { color:var(--ink); }
.support-page .site-header:not(.is-scrolled) .wordmark span { color:var(--accent); }
@media(max-width:960px){.support-page .support-layout{gap:32px;grid-template-columns:minmax(0,1fr) 290px}.support-page .support-contact{padding:24px}}
@media(max-width:700px){.support-page .support-layout{display:flex;flex-direction:column;gap:36px}.support-page .support-primary,.support-page .support-contact{width:100%}.support-page .support-intro{padding-bottom:36px}.support-page .support-intro h1{font-size:2.8rem}.support-page .support-intro > p{font-size:1.05rem}.support-page .support-writing{margin-top:40px}.support-page .support-bottom{margin-top:32px}}
body.support-page .support-main { padding-top: 0; }
body.support-page .support-intro .page-breadcrumbs,
body.support-page .support-intro .page-breadcrumbs a,
body.support-page .support-intro .page-breadcrumbs [aria-current] { color: var(--ink-2); }
body.support-page .site-header:not(.is-scrolled) .bar { background:var(--card); border-color:var(--line); }
body.support-page .site-header:not(.is-scrolled) .brand,
body.support-page .site-header:not(.is-scrolled) .menu-toggle,
body.support-page .site-header:not(.is-scrolled) .site-nav a:not(.button) { color:var(--ink); }
body.support-page .site-header:not(.is-scrolled) .wordmark span { color:var(--accent); }
body.support-page .site-header:not(.is-scrolled) .site-nav a[aria-current="page"] { background:var(--accent-tint);color:var(--accent); }
body.support-page .support-jump { display:inline-block; margin-top:18px; padding-block:8px; font-weight:600; color:var(--accent); }