.support-intro,.help-categories,.help-contact-strip,.help-article-heading,.help-article-layout,.help-contact-layout { max-width:1280px; margin-inline:auto; padding-inline:var(--gutter); }
.support-intro { padding-block:64px 50px; max-width:920px; }
.support-intro h1 { font-size:clamp(40px,5.2vw,64px); }
.support-intro > p:not(.eyebrow),.help-article-heading > p { margin:24px 0 0; color:var(--muted); font-size:18px; line-height:1.7; }
.help-search { margin-top:32px; }
.help-search > label { display:block; margin-bottom:12px; font-size:14px; }
.help-search-field { display:flex; align-items:center; gap:16px; padding:8px 8px 8px 20px; border:1px solid var(--strong); background:var(--surface); border-radius:12px; }
.help-search-field > svg { width:22px; height:22px; fill:var(--accent); flex-shrink:0; }
.help-search input { min-width:0; width:100%; padding:12px 0; background:none; border:0; color:var(--text); }
.help-search input::placeholder { color:var(--muted); }
.help-search-field:focus-within { border-color:var(--accent); }
.help-search button { display:flex; align-items:center; gap:12px; padding:14px 20px; background:var(--text); color:var(--bg); border:0; border-radius:8px; }
.help-search button .arrow-icon { width:18px; }
.help-results { padding:22px 0 0; }
.help-result-status { font-size:14px; color:var(--muted); }
.help-result-list { margin-bottom:24px; }
.help-categories { padding-block:24px 64px; }
.help-section-heading { display:flex; gap:20px; justify-content:space-between; align-items:center; margin-bottom:28px; }
.help-section-heading h2 { font-size:32px; }
.help-category-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.help-category { background:var(--surface); border:1px solid var(--line); border-radius:var(--card-radius); padding:26px; }
.help-category-heading { display:flex; align-items:center; gap:12px; }
.help-category-heading svg { width:26px; height:26px; fill:var(--accent); flex-shrink:0; }
.help-category h3 { font-size:21px; margin:0; }
.help-category > p { color:var(--muted); font-size:14px; line-height:1.7; margin:18px 0 24px; min-height:4.8em; }
.help-row { display:flex; align-items:center; gap:18px; justify-content:space-between; padding:20px 0; border-top:1px solid var(--line); }
.help-row > span { min-width:0; }
.help-row strong { display:block; font-weight:400; font-size:16px; line-height:1.45; transition:color 180ms; }
.help-row small { display:block; color:var(--muted); font-size:13px; line-height:1.65; margin-top:8px; }
.help-row .arrow-icon { width:18px; color:var(--accent); transition:transform 220ms var(--ease); }
.help-row:hover strong { color:var(--accent); }
.help-row:hover .arrow-icon { transform:translateX(4px); }
.help-contact-strip { padding-block:40px 64px; display:flex; align-items:center; gap:32px; justify-content:space-between; }
.help-contact-strip h2 { font-size:32px; }
.help-contact-strip p:not(.eyebrow) { color:var(--muted); line-height:1.7; max-width:60ch; margin:18px 0 0; }
.help-contact-strip .button { flex-shrink:0; }
.help-article-heading { padding-block:44px 40px; }
.help-breadcrumb { display:flex; flex-wrap:wrap; gap:12px; font-size:13px; color:var(--muted); margin-bottom:32px; }
.help-breadcrumb a { color:var(--accent); }
.help-article-heading h1 { font-size:clamp(36px,4.2vw,54px); max-width:22ch; }
.help-article-heading > p { max-width:66ch; font-size:17px; }
.help-updated { display:block; color:var(--muted); font-size:12px; margin-top:20px; }
.help-article-layout { display:grid; grid-template-columns:240px minmax(0,760px); gap:64px; padding-block:0 64px; align-items:start; }
.help-toc { position:sticky; top:24px; border-top:1px solid var(--line); padding-top:24px; }
.help-toc h2 { font-size:16px; margin-bottom:16px; letter-spacing:0; }
.help-toc nav { display:grid; gap:4px; margin-bottom:28px; }
.help-toc nav a { color:var(--muted); line-height:1.5; font-size:14px; padding:12px 0; min-height:44px; }
.help-toc a:hover { color:var(--text); }
.help-article > section { padding-block:28px 20px; border-top:1px solid var(--line); scroll-margin-top:24px; }
.help-article h2 { font-size:27px; line-height:1.3; margin-bottom:22px; }
.help-article p,.help-article li { color:#c2c3d5; font-size:16px; line-height:1.9; }
.help-article p { margin:0 0 20px; }
.help-article ul,.help-article ol { padding-left:24px; margin:0 0 24px; }
.help-article li { padding-left:8px; margin-bottom:12px; }
.help-article li::marker { color:var(--accent); }
.help-article p a,.help-article li a,.help-contact-aside li a { color:var(--accent); text-decoration:underline; text-underline-offset:4px; }
.help-article-end { border:1px solid var(--line); border-radius:12px; background:var(--surface); padding:28px; margin-top:24px; }
.help-article-end h2,.help-related h2 { font-size:24px; }
.help-related { margin-top:40px; }
.help-contact-layout { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(0,1fr); align-items:start; gap:48px; padding-block:4px 72px; }
.help-contact-form { background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:30px; }
.help-contact-form h2,.help-contact-aside h2 { font-size:23px; }
.help-form-note { font-size:14px; line-height:1.8; color:var(--muted); margin:16px 0 26px; }
.help-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.help-field-wide { grid-column:1/-1; }
.help-contact-form label { display:block; font-size:14px; margin-bottom:10px; }
.help-contact-form label span { color:var(--muted); }
.help-contact-form input,.help-contact-form select,.help-contact-form textarea { font:inherit; font-size:16px; min-width:0; width:100%; background:var(--bg); border:1px solid var(--strong); border-radius:8px; padding:13px; color:var(--text); }
.help-contact-form textarea { resize:vertical; line-height:1.7; min-height:160px; }
.help-contact-form input::placeholder,.help-contact-form textarea::placeholder { color:var(--muted); }
.help-safety { font-size:13px; line-height:1.7; color:var(--muted); margin:22px 0; }
.help-form-actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; }
.help-copy { background:none; border:0; color:var(--accent); padding:12px 0; min-height:44px; }
#help-contact-status { font-size:13px; line-height:1.6; margin:18px 0 0; color:var(--accent); }
.help-message-preview { margin-top:22px; border-top:1px solid var(--line); padding-top:16px; }
.help-message-preview summary { cursor:pointer; min-height:32px; font-size:13px; color:var(--muted); }
.help-message-preview pre { font:13px/1.8 var(--sans); white-space:pre-wrap; overflow-wrap:anywhere; color:var(--muted); }
.help-contact-aside { padding-top:12px; }
.help-contact-aside .text-link { white-space:normal; line-height:1.6; }
.help-email { display:flex; align-items:center; gap:12px; color:var(--accent); margin-block:24px; font-size:20px; overflow-wrap:anywhere; }
.help-contact-aside p,.help-contact-aside li { font-size:14px; line-height:1.8; color:var(--muted); }
.help-contact-aside h3 { margin:32px 0 16px; font-size:18px; }
.help-contact-aside ul { padding-left:20px; }
.help-contact-aside li { margin-bottom:14px; }
@media(max-width:59.999rem) { .help-category-grid { grid-template-columns:minmax(0,1fr); }.help-category > p { min-height:0; }.help-article-layout { grid-template-columns:180px minmax(0,1fr); gap:32px; }.help-contact-layout { grid-template-columns:minmax(0,1fr); }.help-contact-aside { max-width:66ch; } }
@media(max-width:47.999rem) { .support-intro { padding-block:40px; }.support-intro > p:not(.eyebrow) { font-size:16px; }.help-search-field { gap:12px; flex-wrap:wrap; padding:14px; }.help-search input { width:calc(100% - 36px); font-size:16px; }.help-search button { width:100%; justify-content:center; padding:12px; }.help-section-heading,.help-contact-strip { align-items:start; flex-direction:column; }.help-categories { padding-block:16px 32px; }.help-contact-strip { padding-block:32px 48px; }.help-article-layout { grid-template-columns:minmax(0,1fr); gap:28px; }.help-toc { position:static; }.help-toc nav { margin-bottom:14px; gap:0; }.help-article-heading { padding-block:30px; }.help-article-heading > p { font-size:16px; }.help-article h2 { font-size:25px; }.help-article p,.help-article li { font-size:15px; }.help-form-grid { grid-template-columns:minmax(0,1fr); }.help-contact-form { padding:22px; }.help-contact-layout { gap:28px; }.help-article-end { padding:22px; } }
@media(prefers-reduced-motion:reduce) { .help-row .arrow-icon,.help-row strong { transition:none; } }