/* /remote-support (Quick Assist) page. */
.rs-hero { background: var(--hero); color: #fff; padding: 56px 0 60px; }
.rs-hero .eyebrow { color: #FFA45F; }
.rs-hero .eyebrow::before { background: var(--orange); }
.rs-hero h1 { font-size: clamp(32px, 4vw, 50px); letter-spacing: -0.04em; line-height: 1.18; margin: 18px 0; max-width: 16ch; }
.rs-hero .accent { color: var(--orange); }
.rs-lead { font-size: 15px; line-height: 1.85; color: var(--on-dark-copy); max-width: 62ch; }

.rs-body { padding: 56px 0 var(--section-pad); }
.rs-step-list { list-style: none; counter-reset: none; margin: 0; padding: 0; max-width: 700px; }
.rs-step-list li { padding: 0 0 28px; border-left: 2px solid var(--hairline); padding-left: 26px; margin-left: 6px; }
.rs-step-list li:last-child { border-left-color: transparent; padding-bottom: 8px; }
.rs-step-list h2 { font-size: 20px; letter-spacing: -0.02em; margin: 0 0 8px; }
.rs-step-list p { font-size: 15px; line-height: 1.8; color: var(--body-copy); margin: 0 0 10px; }

.rs-open { margin: 6px 0 2px; }
.rs-hint { font-size: 13px; color: #6b7687; line-height: 1.7; }
.rs-hint.is-shown { color: var(--ink); }
.rs-hint kbd { font: inherit; font-size: 12px; background: #f1f3f7; border: 1px solid #d5dbe4; border-bottom-width: 2px; border-radius: 4px; padding: 1px 6px; }

.rs-reassure { margin-top: 18px; max-width: 700px; background: #f3f6fb; border: 1px solid var(--hairline); border-radius: 10px; padding: 22px 24px; }
.rs-reassure h3 { margin: 0 0 8px; font-size: 16px; }
.rs-reassure p { margin: 0; font-size: 14px; line-height: 1.8; color: var(--body-copy); }

.rs-other { max-width: 620px; }
.rs-other h2 { font-size: 24px; letter-spacing: -0.02em; margin: 0 0 12px; }
.rs-other p { font-size: 15px; line-height: 1.8; color: var(--body-copy); margin: 0 0 20px; }

.rs-managed { margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--hairline); font-size: 13px; color: #6b7687; }

@media (max-width: 640px) {
  .rs-hero { padding: 40px 0 44px; }
  .rs-body { padding: 40px 0; }
}