@charset "utf-8";

/* Extend the Help center's existing banner and FAQ styling. */
.help-search-page [hidden] { display: none !important; }
.help-search-page main { display: block; }
.help-search-page .support-search-c,
.help-center-page .support-search-c { width: calc(100% - 40px); max-width: 500px; }
.help-search-page .support-search-c form,
.help-center-page .support-search-c form { display: flex; position: relative; width: 100%; min-height: 44px; border-radius: 24px; background: #fff; }
.help-search-page .support-search-c .search_sip,
.help-center-page .support-search-c .search_sip { display: block; box-sizing: border-box; width: 100%; min-width: 0; height: 44px; padding: 10px 68px 10px 15px; border: 1px solid #e4eaec; border-radius: 24px; background: #fff; color: #343434; font-size: 14px; outline: none; }
.help-search-page .support-search-c .search_sbtn,
.help-center-page .support-search-c .search_sbtn { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; width: 54px; height: 44px; padding: 0; border-radius: 0 24px 24px 0; background: #04bfd0; color: #fff; }
.help-search-page .search_sbtn svg,
.help-center-page .search_sbtn svg { width: 18px; height: 18px; }
.help-search-page .support-search-c .search_sbtn:hover,
.help-center-page .support-search-c .search_sbtn:hover { background: #019cab; }
.help-search-page .support-btit { margin-top: 0; }
.help-search-page .search_sip:focus-visible,
.help-center-page .support-search-c .search_sip:focus-visible { outline: 2px solid #0032a1; outline-offset: 3px; }
.help-search-page button:focus-visible,
.help-search-page summary:focus-visible,
.help-search-page main a:focus-visible,
.help-center-page .support-search-c button:focus-visible { outline: 2px solid #0032a1; outline-offset: 4px; }
.help-search-page .search-results-section { padding: 100px 0; }
.help-search-page .help-tit { margin-top: 0; }
.help-search-page .search-status { margin: 0 0 24px; color: #666; font-size: 15px; line-height: 1.7; }
.help-search-page .search-status.is-error { color: #b42318; }
.help-search-page .search-status.is-complete { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.help-result { border-bottom: 1px solid #9bbefe; }
.help-result-question { display: flex; justify-content: space-between; align-items: center; gap: 24px; min-height: 58px; padding: 16px 0; cursor: pointer; list-style: none; }
.help-result-question::-webkit-details-marker { display: none; }
.help-result-title { flex: 1; min-width: 0; font-size: 18px; line-height: 25px; overflow-wrap: anywhere; }
.help-result-question:hover .help-result-title { color: #007e89; }
.help-result mark, .site-search-result mark { padding: 0; background: transparent; color: #db1616; }
.help-result-icon { position: relative; flex: 0 0 20px; width: 20px; height: 20px; margin-right: 20px; color: #002477; }
.help-result-icon::before, .help-result-icon::after { content: ""; position: absolute; top: 9px; left: 3px; width: 14px; height: 2px; border-radius: 1px; background: currentColor; }
.help-result-icon::after { transform: rotate(90deg); }
.help-result[open] .help-result-icon::after { display: none; }
.help-result-answer { padding: 10px 0 24px; color: #343434; font-size: 16px; line-height: 30px; overflow-wrap: anywhere; }
.help-result-answer p { margin: 0 0 12px; }
.help-result-answer p:last-child { margin-bottom: 0; }
.help-result-answer img { display: inline-block; max-width: 100%; height: auto; vertical-align: top; }
.help-result-answer a { color: #0032a1; text-decoration: underline; text-underline-offset: 3px; }
.help-result-answer ul, .help-result-answer ol { margin: 12px 0; padding-left: 24px; }
.help-result-answer ul li { list-style: disc; }
.help-result-answer ol li { list-style: decimal; }
.help-result-answer table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.help-result-answer td, .help-result-answer th { padding: 8px; border: 1px solid #dddde5; }
.help-search-page .search-empty { padding: 24px 0 40px; color: #555; font-size: 16px; line-height: 1.8; overflow-wrap: anywhere; }
.help-search-page .search-empty h2, .help-search-page .search-empty h3, .help-search-page .search-empty-title { margin: 0 0 12px; color: #222; font-size: 21px; line-height: 1.5; }
.help-search-page .search-empty p { margin-bottom: 12px; }
.help-search-page .search-empty a { color: #0032a1; text-decoration: underline; text-underline-offset: 3px; }
.help-search-page .search-retry { min-height: 44px; padding: 10px 20px; border: 1px solid #007e89; border-radius: 5px; background: #fff; color: #007e89; cursor: pointer; }
.help-search-page .search-retry:hover { background: #edf9fa; }
.site-search-result { padding: 24px 0; border-bottom: 1px solid #dddde5; }
.site-search-result h2 { margin: 0 0 10px; font-size: 21px; line-height: 1.5; }
.site-search-result h2 a { color: #0032a1; }
.site-search-result h2 a:hover { text-decoration: underline; text-underline-offset: 4px; }
.site-search-result p { margin: 0; color: #555; font-size: 15px; line-height: 1.8; overflow-wrap: anywhere; }
.help-search-page .search-noscript { padding: 24px 0; font-size: 16px; line-height: 1.8; }
.help-search-page .search-noscript a { color: #0032a1; text-decoration: underline; }

/* Keep the inherited chat teaser from covering the banner's search button. */
@media (min-width: 761px) and (max-width: 1440px) {
  .help-search-page #side-form-button .ode-scope-text-top,
  .help-center-page #side-form-button .ode-scope-text-top { display: none; }
}

@media (max-width: 760px) {
  .help-search-page .nybanner > img,
  .help-center-page .nybanner > img { display: block; width: 100%; height: 280px; object-fit: cover; object-position: 35% center; }
  .help-search-page .support-btit,
  .help-center-page .support-btit { margin-bottom: 24px; font-size: 30px; line-height: 1.3; }
  .help-search-page .support-search-c .search_sip,
  .help-center-page .support-search-c .search_sip { font-size: 16px; }
  .help-search-page .search-results-section { padding: 44px 0 56px; }
  .help-search-page .help-tit { margin-bottom: 18px; font-size: 28px; line-height: 1.3; }
  .help-result-question { gap: 16px; min-height: 64px; }
  .help-result-title { font-size: 16px; line-height: 1.65; }
  .help-result-icon { margin-right: 4px; }
  .help-result-answer { font-size: 15px; line-height: 1.9; }
  .help-search-page .search-empty { font-size: 15px; }
}