/* Help menu also appears on the home page. All page rules are scoped. */
.help-dropdown { width: 320px; min-width: 0; padding: 10px; left: auto; right: 0; }
.help-dropdown > a { display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 10px; color: #303b34; text-decoration: none; }
.help-dropdown > a:hover, .help-dropdown > a:focus-visible { background: #E5D6C5; }
.help-dropdown b { display: block; font-size: 14px; font-weight: 650; }
.help-dropdown small { display: block; margin-top: 5px; font-size: 12px; color: #657168; }
.help-dropdown > a > span:last-child { margin-left: auto; }
.help-link-symbol { display: grid; place-items: center; flex: 0 0 34px; height: 34px; border: 1px solid #cdd7ca; border-radius: 50%; font-size: 18px; }
.faq-all-link { display: inline-flex; margin-top: 20px; }
html body.help-page { margin: 0; background: #F7F3ED !important; color: #24334B !important; font-family: 'Manrope', 'DM Sans', 'Microsoft YaHei', system-ui, sans-serif; }
.help-page *, .help-page *::before, .help-page *::after { box-sizing: border-box; }
.help-page [hidden] { display: none !important; }
.help-page .site-header { position: sticky !important; top: 0; z-index: 40; height: auto !important; min-height: 88px; padding: 20px 4vw !important; background: #F7F3EDF5 !important; color: #24334B !important; border-bottom: 1px solid #dde3d9; backdrop-filter: blur(16px); }
.help-page .site-header .brand, .help-page .site-header .nav-link, .help-page .language-trigger { color: #24334B !important; text-shadow: none !important; }
.help-page .site-header .brand { flex-shrink: 0; }
.help-page .site-header .nav { gap: clamp(15px, 2vw, 28px); }
html body.help-page .site-header > .nav { background: transparent !important; border-color: transparent !important; box-shadow: none; }
.help-page .site-header .nav-link { white-space: nowrap; font-size: 13px; }
.help-page .site-header .nav-link.active { color: #24334B !important; }
.help-page .site-header .nav-link.active::after { background: #24334B !important; }
.help-page .language-trigger { border-color: #d9e0d4 !important; }
.help-page .header-actions { gap: 14px; }
.help-page #help-login { background: #24334B !important; color: #FFFFFF !important; border-color: #24334B !important; white-space: nowrap; font-size: 12px; padding: 12px 17px; }
.help-page .site-account-menu { color: #24334B; }
.help-page .menu-toggle span { background: #344338 !important; }
.help-page .menu-toggle { color: #24334B !important; }
.help-page .help-main { width: min(1160px, 90%); margin: 0 auto; padding: 0 0 70px; }
.help-breadcrumb { display: flex; align-items: center; gap: 13px; padding-top: 31px; color: #6e786c; font-size: 12px; }
.help-breadcrumb a { color: inherit; text-decoration: none; }
.help-breadcrumb a:hover { text-decoration: underline; }
.help-hero { max-width: 800px; margin: 58px auto 52px; text-align: center; }
.help-kicker { display: inline-flex; align-items: center; gap: 8px; color: rgba(36,51,75,.72); font-size: 10px; font-weight: 700; letter-spacing: .18em; }
.help-kicker i { width: 6px; height: 6px; background: #24334B; border-radius: 50%; }
.help-hero h1 { margin: 18px 0 20px; font-size: clamp(35px, 4.2vw, 58px); font-weight: 600; letter-spacing: -.04em; line-height: 1.16; text-wrap: balance; color: #24334B; }
.help-hero > p { max-width: 580px; margin: 0 auto; color: rgba(36,51,75,.72); font-size: 15px; line-height: 1.9; text-wrap: pretty; }
.help-search-wrap { max-width: 600px; margin: 30px auto 0; }
.help-search { display: flex; align-items: center; gap: 13px; min-height: 59px; padding: 0 18px; background: #fff; border: 1px solid #d7dfd1; border-radius: 12px; box-shadow: 0 4px 18px #26342204; text-align: left; }
.help-search:focus-within { outline: 2px solid #24334B; outline-offset: 3px; }
.help-search svg { flex: 0 0 22px; width: 22px; height: 22px; color: rgba(36,51,75,.72); }
.help-search input { width: 100%; min-width: 0; padding: 18px 0; background: transparent; color: #24334B; border: 0; outline: none; font: inherit; font-size: 13px; }
.help-search input::placeholder { color: rgba(36,51,75,.72); opacity: 1; }
.help-search input::-webkit-search-cancel-button { display: none; }
.help-search button { width: 30px; height: 30px; flex-shrink: 0; border: 0; border-radius: 50%; background: #E5D6C5; color: #24334B; font-size: 21px; cursor: pointer; }
.help-content { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 54px; align-items: start; border-top: 1px solid #dce3d6; padding-top: 32px; }
.help-sidebar { position: sticky; top: 120px; }
.help-categories { display: grid; gap: 6px; }
.help-categories button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 14px 13px; border: 1px solid transparent; border-radius: 9px; background: transparent; color: rgba(36,51,75,.72); font: inherit; font-size: 12px; text-align: left; line-height: 1.5; cursor: pointer; }
.help-categories button > span:first-child { flex: 0 0 16px; color: rgba(36,51,75,.72); font-size: 10px; }
.help-categories button:hover { background: #E5D6C5; }
.help-categories button[aria-pressed="true"] { background: #E5D6C5; color: #24334B; border-color: #dde5d4; font-weight: 650; }
.help-categories button[aria-pressed="true"]::after { content: '↗'; margin-left: auto; }
.help-sidebar-note { margin: 30px 13px 0; padding-top: 24px; border-top: 1px solid #dce3d6; }
.help-sidebar-note > span { font-size: 22px; color: rgba(36,51,75,.72); }
.help-sidebar-note p { color: rgba(36,51,75,.72); font-size: 12px; line-height: 1.8; }
.help-sidebar-note a { color: #24334B; font-size: 11px; text-underline-offset: 4px; }
.help-results-top { display: flex; gap: 18px; justify-content: space-between; align-items: center; min-height: 34px; margin-bottom: 10px; }
.help-results-top p { margin: 0; color: rgba(36,51,75,.72); font-size: 11px; }
.help-results-top button { padding: 6px 0; border: 0; background: transparent; color: #24334B; text-decoration: underline; text-underline-offset: 4px; font: inherit; font-size: 11px; cursor: pointer; }
.help-group { margin-bottom: 30px; }
.help-group h2 { margin: 0 0 14px; color: rgba(36,51,75,.72); font-size: 11px; font-weight: 650; letter-spacing: .07em; }
.help-question { margin-bottom: 10px; border: 1px solid #dce3d6; border-radius: 13px; background: #fff; scroll-margin-top: 112px; transition: border-color .2s, background .2s; }
.help-question summary { display: flex; align-items: center; gap: 18px; min-height: 77px; padding: 23px 25px; color: #24334B; font-size: 14px; font-weight: 600; line-height: 1.7; list-style: none; cursor: pointer; }
.help-question summary::-webkit-details-marker { display: none; }
.help-question summary::after { content: ''; width: 29px; height: 29px; flex: 0 0 29px; margin-left: auto; border: 1px solid #dce3d6; border-radius: 50%; background: linear-gradient(45deg, transparent 43%, #7d8d70 43% 55%, transparent 55%) calc(50% - 2px) 51% / 6px 6px no-repeat, linear-gradient(-45deg, transparent 43%, #7d8d70 43% 55%, transparent 55%) calc(50% + 2px) 51% / 6px 6px no-repeat; transition: transform .2s; }
.help-question summary:hover { color: #24334B; }
.help-question[open] { background: #E5D6C5; border-color: #acbd9d; }
.help-question[open] summary::after { transform: rotate(180deg); border-color: #b2c3a2; }
.help-answer { padding: 0 68px 25px 25px; color: rgba(36,51,75,.72); font-size: 13px; line-height: 1.95; overflow-wrap: anywhere; }
.help-answer p { margin: 0; }
.help-answer p + p { margin-top: 13px; }
.help-answer mark, .help-question summary mark { background: #E5D6C5; color: inherit; border-radius: 2px; }
.help-empty { padding: 60px 20px 90px; text-align: center; color: rgba(36,51,75,.72); }
.help-empty > span { display: grid; place-items: center; width: 44px; height: 44px; margin: 0 auto 18px; border: 1px solid #cbd8bf; border-radius: 50%; font-size: 24px; }
.help-empty h2 { margin: 0 0 10px; font-size: 18px; font-weight: 600; }
.help-empty p { font-size: 13px; line-height: 1.8; }
.help-contact { display: flex; justify-content: space-between; align-items: center; gap: 30px; margin-top: 24px; padding: 33px 38px; background: #E5D6C5; border: 1px solid #dce4d2; border-radius: 16px; }
.help-contact h2 { margin: 10px 0; font-size: 23px; font-weight: 550; letter-spacing: -.02em; }
.help-contact p { max-width: 620px; margin: 0; color: rgba(36,51,75,.72); font-size: 12px; line-height: 1.85; }
.help-contact-button { display: flex; align-items: center; justify-content: center; gap: 30px; flex-shrink: 0; padding: 14px 19px; border: 1px solid #24334B; background: #24334B; border-radius: 8px; color: #FFFFFF; font: inherit; font-size: 12px; cursor: pointer; }
.help-contact-button:hover { background: rgba(36,51,75,.9); }
.help-footer { display: flex; gap: 30px; align-items: center; padding: 28px 5vw; border-top: 1px solid #dde3d7; color: rgba(36,51,75,.72); font-size: 11px; }
.help-footer .brand { color: #24334B; font-size: 21px; margin-right: auto; }
.help-footer > a:last-child { color: rgba(36,51,75,.72); text-decoration: none; }
.help-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.help-skip { position: fixed; top: -100px; left: 18px; z-index: 100; padding: 12px 20px; background: #24334B; color: #FFFFFF; border-radius: 6px; }
.help-skip:focus { top: 10px; }
.help-session-message, .help-session-retry { font-size: 12px; color: rgba(36,51,75,.72); }
.help-session-retry { margin-top: 20px; cursor: pointer; }
.help-page :focus-visible { outline: 2px solid #24334B; outline-offset: 4px; }
@media (min-width: 1101px) {
  .help-page .menu-toggle { display: none; }
  .help-page .site-header .nav { display: flex; position: static; background: transparent; padding: 0 10px; gap: 14px; transform: none; visibility: visible; opacity: 1; }
  body:not(.help-page) .site-header > .nav:has([data-pricing-link]) { width: min(620px, calc(100vw - 500px)); gap: clamp(10px, 1vw, 18px); padding: 0 20px; }
  body:not(.help-page) .site-header > .nav:has([data-pricing-link]) .nav-link { font-size: 12px; }
}
@media (max-width: 1100px) {
  .help-page .site-header { min-height: 76px; display: flex; flex-wrap: wrap; gap: 15px; padding: 17px 5vw !important; }
  .help-page .site-header > .brand { margin-right: auto; }
  .help-page .menu-toggle { display: flex; order: 3; position: static; }
  .help-page .header-actions { margin-left: auto; }
  .help-page .site-header .nav { display: none; width: 100%; max-width: none; order: 4; position: static !important; transform: none; margin: 0; background: transparent; padding: 18px 0 3px; opacity: 1; visibility: visible; flex-direction: column; align-items: stretch; gap: 0; }
  .help-page .site-header .nav-link { display: flex; justify-content: space-between; width: 100%; padding: 13px 0; text-align: left; }
  .help-page.mobile-nav-open .site-header .nav { display: flex; }
  .help-page .help-dropdown { display: none; position: static; width: 100%; transform: none; box-shadow: none; opacity: 1; visibility: visible; }
  .help-page .help-nav-item.open .help-dropdown { display: block; }
  .help-content { grid-template-columns: 180px minmax(0, 1fr); gap: 30px; }
}
@media (max-width: 700px) {
  .help-page .site-header { min-height: 72px; gap: 11px; }
  .help-page .brand { font-size: 22px; gap: 7px; }
  .help-page .brand-mark-svg { width: 29px; height: 29px; }
  .help-page .header-actions { gap: 8px; }
  .help-page #help-login { font-size: 10px; padding: 11px; }
  .help-page .language-trigger { padding: 8px; }
  .help-page .site-account-menu summary { max-width: 145px; }
  .help-page .site-account-menu summary b { max-width: 115px; overflow: hidden; text-overflow: ellipsis; }
  .help-hero { margin: 38px auto 32px; }
  .help-hero > p { font-size: 13px; }
  .help-search input { font-size: 12px; }
  .help-content { display: block; padding-top: 19px; }
  .help-sidebar { position: static; }
  .help-categories { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 22px; }
  .help-categories button { width: auto; min-height: 42px; padding: 10px 12px; border-color: #dfe5d9; font-size: 11px; background: #fff; }
  .help-categories button > span:first-child, .help-categories button[aria-pressed="true"]::after { display: none; }
  .help-sidebar-note { display: none; }
  .help-question summary { min-height: 71px; padding: 19px 17px; font-size: 13px; gap: 14px; }
  .help-question summary::after { width: 26px; height: 26px; flex-basis: 26px; }
  .help-answer { padding: 0 19px 22px; font-size: 12px; }
  .help-contact { display: block; padding: 26px; margin-top: 38px; }
  .help-contact-button { margin-top: 21px; }
  .help-contact h2 { font-size: 21px; }
  .help-footer { flex-wrap: wrap; gap: 18px; }
  .nav .help-dropdown { width: 100%; padding: 8px; background: #fff; border-radius: 10px; }
}
@media (prefers-reduced-motion: reduce) { .help-page *, .help-page *::before, .help-page *::after { scroll-behavior: auto !important; transition: none !important; } }