/* Support-only styles. Both languages remain visible with and without JavaScript. */
.support-shell { --support-ink: #252b33; --support-muted: #505963; --support-line: #d8dde2; --support-accent: #a84d00; color: var(--support-ink); background: #fff; }
.support-shell *, .support-shell *::before, .support-shell *::after { box-sizing: border-box; }
.support-shell .container { max-width: 1160px; }
.support-shell [id] { scroll-margin-top: 115px; }
.support-shell span[lang] { display: block; }
.support-shell p { line-height: 1.75; }
.support-shell p > span + span, .support-shell li > span + span { margin-top: .3em; }
.support-shell a { overflow-wrap: anywhere; }
.support-shell a:focus-visible, .support-shell summary:focus-visible { outline: 3px solid #005a9c; outline-offset: 5px; }
.support-hero { padding: 60px 0 30px; border-bottom: 1px solid var(--support-line); background: linear-gradient(135deg, #fff6e9 0%, #fffaf4 55%, #fff 100%); }
.support-shell .support-eyebrow { margin: 0 0 16px; font-size: .78rem; font-weight: 800; letter-spacing: .12em; color: var(--support-accent); }
.support-shell h1 { margin: 0; line-height: 1.15; font-size: clamp(2.25rem, 4.7vw, 3.5rem); letter-spacing: -.025em; }
.support-shell h1 span[lang="en"] { font-size: .68em; font-weight: 600; margin-top: 12px; letter-spacing: -.02em; }
.support-shell .support-intro { margin: 24px 0 12px; font-size: 1.28rem; font-weight: 700; line-height: 1.5; }
.support-shell .support-intro span[lang="en"] { font-size: .9em; font-weight: 500; }
.support-shell .support-description { max-width: 790px; color: var(--support-muted); margin: 0 0 28px; }
.support-start-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.support-shell .support-start { display: flex; align-items: flex-start; gap: 15px; padding: 23px; border: 1px solid var(--support-line); border-radius: 16px; background: #fff; color: var(--support-ink); text-decoration: none; box-shadow: 0 3px 12px #252b3305; }
.support-shell .support-start:hover { border-color: var(--support-accent); }
.support-shell .support-start--primary { border-color: #c06416; background: #fff9f0; }
.support-step { color: var(--support-accent); font-size: .8rem; font-weight: 800; padding-top: 4px; }
.support-start-copy { flex: 1; min-width: 0; }
.support-start strong { display: block; font-size: 1.1rem; line-height: 1.5; }
.support-start strong span[lang="en"] { font-size: .85em; margin-top: .25em; }
.support-start-note { display: block; margin-top: 12px; color: var(--support-muted); font-size: .88rem; line-height: 1.6; }
.support-arrow { font-size: 1.4rem; color: var(--support-accent); }
.support-jump-links { display: flex; flex-wrap: wrap; gap: 14px 30px; margin-top: 27px; }
.support-shell .support-jump-links a { padding: 8px 0; color: #72400e; text-decoration: underline; text-underline-offset: 4px; font-size: .92rem; font-weight: 600; }
.support-jump-links span[lang="en"] { font-size: .88em; margin-top: 3px; }
.support-section { padding: 52px 0; }
.support-section--tint { background: #f5f6f8; border-block: 1px solid #e5e7eb; }
.support-shell h2 { font-size: 1.9rem; line-height: 1.3; margin: 0 0 16px; }
.support-shell h2 span[lang="en"] { font-size: .65em; font-weight: 500; margin-top: 8px; color: var(--support-muted); }
.support-shell .support-section-intro { margin: 0 0 25px; color: var(--support-muted); }
.support-topics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
.support-topic, .support-faq { border: 1px solid var(--support-line); border-radius: 12px; background: #fff; min-width: 0; }
.support-shell summary { display: flex; align-items: flex-start; gap: 14px; cursor: pointer; list-style: none; padding: 23px 22px; line-height: 1.55; }
.support-shell summary::-webkit-details-marker { display: none; }
.support-shell summary::marker { content: ''; }
.support-shell summary:hover { background: #fff8ee; border-radius: 12px; }
.support-topic-number { font-size: .78rem; font-weight: 800; color: var(--support-accent); padding-top: 3px; }
.support-topic-title, .support-faq summary > span:first-child { flex: 1; min-width: 0; font-weight: 700; font-size: 1.05rem; }
.support-topic-title span[lang="en"], .support-faq summary span[lang="en"] { font-size: .86em; font-weight: 500; color: var(--support-muted); margin-top: 5px; }
.support-disclosure { display: block; position: relative; flex: 0 0 22px; width: 22px; height: 22px; margin-top: 3px; color: var(--support-accent); }
.support-disclosure::before, .support-disclosure::after { content: ''; position: absolute; background: currentColor; left: 4px; top: 10px; width: 14px; height: 2px; }
.support-disclosure::after { transform: rotate(90deg); }
.support-shell details[open] > summary .support-disclosure::after { transform: rotate(0deg); }
.support-shell details[open] > summary { border-bottom: 1px solid #e5e7eb; }
.support-detail-body { padding: 20px 24px 10px; font-size: .95rem; }
.support-shell .support-detail-body ol { margin: 0 0 18px; padding-left: 23px; }
.support-detail-body li { line-height: 1.75; padding-left: 4px; margin-bottom: 20px; }
.support-detail-body li::marker { color: var(--support-accent); font-weight: 700; }
.support-detail-body li > span[lang="en"], .support-detail-body p > span[lang="en"] { color: var(--support-muted); }
.support-shell .support-text-link { display: inline-block; padding: 5px 0; color: #8d4200; font-weight: 650; line-height: 1.6; text-decoration: underline; text-underline-offset: 4px; }
.support-shell .support-text-link span[lang="en"] { font-size: .9em; margin-top: 3px; }
.support-direct-note { margin-top: 25px; padding: 20px 24px; border-left: 4px solid #c06416; background: #fff7eb; border-radius: 0 10px 10px 0; font-size: .93rem; }
.support-direct-note p { margin: 0 0 8px; }
.support-faq-list { display: grid; gap: 12px; max-width: 920px; margin-top: 26px; }
.support-faq .support-detail-body p { margin: 0 0 15px; }
.support-contact-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 28px; align-items: stretch; }
.support-contact-card { padding: 30px; border: 1px solid var(--support-line); border-radius: 16px; background: #fff; min-width: 0; }
.support-contact-card--existing { border-top: 4px solid #c06416; background: #fffaf3; padding-top: 27px; }
.support-shell .support-card-label { font-size: .75rem; color: var(--support-accent); letter-spacing: .09em; font-weight: 800; margin: 0 0 18px; }
.support-shell h3 { margin: 0 0 20px; font-size: 1.3rem; line-height: 1.4; }
.support-shell h3 span[lang="en"] { font-size: .77em; font-weight: 500; margin-top: 8px; }
.support-contact-card p { color: var(--support-muted); }
.support-shell .support-button { display: inline-flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 4px; padding: 13px 20px; margin: 14px 0 0; line-height: 1.45; white-space: normal; background: #994500; border-color: #994500; color: #fff; border-radius: 8px; text-decoration: none; }
.support-shell .support-button:hover { background: #773500; color: #fff; border-color: #773500; }
.support-button span[lang="en"] { font-size: .85em; }
.support-shell .support-contact-address { margin: 16px 0; font-size: 1rem; }
.support-shell .support-contact-address a, .support-contact-alternatives a { color: #824000; text-decoration: underline; text-underline-offset: 4px; }
.support-contact-alternatives { display: flex; flex-wrap: wrap; gap: 16px 24px; margin-top: 24px; font-size: .9rem; line-height: 1.6; }
.support-contact-alternatives a { display: block; padding: 5px 0; }
.support-request-info { margin-top: 26px; padding: 28px 30px; border: 1px solid var(--support-line); border-radius: 14px; background: #f7f8fa; }
.support-request-info ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 40px; padding-left: 22px; margin: 20px 0; }
.support-request-info li { padding-left: 4px; line-height: 1.6; font-size: .92rem; }
.support-request-info li span[lang="en"] { color: var(--support-muted); font-size: .95em; }
.support-shell .support-privacy-note { margin: 24px 0 0; padding-top: 20px; border-top: 1px solid var(--support-line); font-size: .88rem; color: var(--support-muted); }
@media (max-width: 720px) {
  .support-hero { padding: 36px 0 24px; }
  .support-shell .container { padding-inline: 20px; }
  .support-shell h1 { font-size: 2.4rem; }
  .support-start-grid, .support-topics, .support-contact-grid, .support-request-info ul { grid-template-columns: minmax(0, 1fr); }
  .support-shell .support-start { padding: 20px 18px; gap: 12px; }
  .support-start-note { margin-top: 8px; }
  .support-shell .support-intro { font-size: 1.13rem; }
  .support-jump-links { gap: 10px 23px; }
  .support-section { padding: 38px 0; }
  .support-shell h2 { font-size: 1.65rem; }
  .support-shell summary { padding: 20px 17px; gap: 11px; }
  .support-detail-body { padding: 18px 20px 8px; }
  .support-contact-card, .support-request-info { padding: 24px 20px; }
  .support-contact-card--existing { padding-top: 21px; }
  .support-request-info ul { gap: 18px; }
}
@media (prefers-reduced-motion: no-preference) {
  .support-shell a, .support-shell summary { transition: background-color .15s ease, border-color .15s ease; }
}