/* FXAsking's information and support pages. */
.fxaq-information { color:#202124; }
.fxaq-information :where(h1,h2,h3,h4,p,a,li) { overflow-wrap:anywhere; }
.fxaq-information .fxaq-crumbs { display:flex; flex-wrap:wrap; gap:10px; font-size:11px; line-height:1.6; color:#5b6066; }
.fxaq-info-masthead { background:#f4f5f6; border-bottom:1px solid #d8dbde; padding:24px 0 30px; }
.fxaq-info-masthead .fxaq-crumbs { margin-bottom:20px; }
.fxaq-info-masthead h1 { font:750 clamp(40px,4.6vw,64px)/1.07 Urbanist,sans-serif; letter-spacing:-.04em; margin:0 0 16px; }
.fxaq-info-masthead h1>span { display:block; color:#5b6066; }
.fxaq-info-masthead p { max-width:60ch; font-size:14px; line-height:1.85; }
.fxaq-info-masthead img { width:260px; height:auto; mix-blend-mode:multiply; }
.fxaq-information .fxaq-info-section-title { font:700 28px/1.2 Urbanist,sans-serif; letter-spacing:-.02em; margin-bottom:12px; }
.fxaq-info-note { font-size:11px; line-height:1.85; color:#5b6066; }
.fxaq-contact-form { display:grid; gap:21px; margin-top:26px; }
.fxaq-contact-form label { display:block; font-size:12px; font-weight:600; margin-bottom:9px; }
.fxaq-contact-form :where(input:not([type=hidden]),textarea) { display:block; width:100%; padding:13px 14px; border:1px solid #a6abb1; border-radius:3px; background:#fff; color:#202124; font:400 13px/1.6 'Public Sans',sans-serif; outline:none; }
.fxaq-contact-form :where(input,textarea)::placeholder { color:#666b71; opacity:1; }
.fxaq-contact-form :where(input,textarea):focus-visible { border-color:#202124; box-shadow:inset 0 0 0 1px #202124; }
.fxaq-contact-form textarea { min-height:170px; resize:vertical; }
.fxaq-contact-form textarea+.fxaq-info-note { margin-top:8px; }
.fxaq-contact-form .fxaq-button { width:fit-content; gap:30px; }
.fxaq-contact-form button:disabled { opacity:.65; cursor:wait; }
.fxaq-contact-alert { padding:16px; margin-top:20px; background:#f4f5f6; border:1px solid #202124; border-radius:3px; font-size:12px; line-height:1.8; }
.fxaq-contact-alert ul { list-style:disc; padding-inline-start:20px; }
.fxaq-contact-help { border-top:1px solid #202124; padding-top:24px; }
.fxaq-contact-topic { display:grid; grid-template-columns:24px minmax(0,1fr); gap:14px; padding:20px 0; border-bottom:1px solid #d8dbde; }
.fxaq-contact-topic>span { font:650 15px/1.5 Urbanist,sans-serif; color:#5b6066; }
.fxaq-contact-topic h3 { font:700 20px/1.25 Urbanist,sans-serif; margin-bottom:9px; }
.fxaq-contact-topic p { font-size:12px; line-height:1.85; color:#5b6066; }
.fxaq-contact-help>.fxaq-text-link { margin-top:24px; }
.fxaq-contact-followup { margin-top:48px; padding:28px; background:#f4f5f6; border:1px solid #d8dbde; border-radius:3px; }
.fxaq-contact-followup h2 { font:700 24px/1.25 Urbanist,sans-serif; margin-bottom:14px; }
.fxaq-contact-followup p { font-size:12px; line-height:1.85; color:#5b6066; margin:10px 0 0; }
.fxaq-faq-page .fxaq-faq-search { margin:0 0 22px; }
.fxaq-faq-page .fxaq-question { border-top:0; border-bottom:1px solid #d8dbde; }
.fxaq-faq-page #fxaq-page-questions { border-top:1px solid #202124; }
.fxaq-faq-page .fxaq-question summary { padding:24px 18px; }
.fxaq-faq-page .fxaq-question h3 { font-size:21px; line-height:1.35; }
.fxaq-faq-page .fxaq-answer { padding-bottom:24px; font-size:13px; }
.fxaq-info-support { padding:26px; height:fit-content; background:#f4f5f6; border:1px solid #d8dbde; border-radius:3px; }
.fxaq-info-symbol { display:grid; place-items:center; width:44px; height:44px; background:#f5e642; border-radius:3px; font:750 34px/1 Urbanist,sans-serif; margin-bottom:22px; }
.fxaq-info-support h2 { font:700 26px/1.15 Urbanist,sans-serif; margin-bottom:14px; }
.fxaq-info-support p { font-size:12px; line-height:1.85; color:#5b6066; margin-bottom:20px; }
.fxaq-info-support .fxaq-button { gap:22px; width:100%; justify-content:space-between; font-size:12px; }
.fxaq-info-support>div { border-top:1px solid #d8dbde; padding-top:24px; margin-top:26px; }
.fxaq-info-support h3 { font:700 21px/1.25 Urbanist,sans-serif; margin-bottom:12px; }
.fxaq-info-support .fxaq-text-link { font-size:11px; }
.fxaq-info-contents { position:sticky; top:24px; border-top:1px solid #202124; }
.fxaq-info-contents summary { padding:16px 0; display:flex; align-items:center; justify-content:space-between; font-size:12px; font-weight:600; cursor:pointer; list-style:none; }
.fxaq-info-contents summary::-webkit-details-marker { display:none; }
.fxaq-info-contents[open] summary .fxaq-icon { transform:rotate(180deg); }
.fxaq-info-contents nav { max-height:calc(100dvh - 100px); overflow:auto; padding-bottom:4px; }
.fxaq-info-contents a { display:flex; gap:12px; padding:9px 4px; font-size:11px; line-height:1.6; border-bottom:1px solid #d8dbde; }
.fxaq-info-contents a:focus-visible,.fxaq-info-contents summary:focus-visible { background:#f4f5f6; box-shadow:inset 0 0 0 2px #202124; outline:none; }
.fxaq-legal-copy { max-width:75ch; font-size:14px; line-height:1.9; }
.fxaq-legal-copy p { margin:0 0 18px; }
.fxaq-legal-copy>section { padding:28px 0 10px; border-top:1px solid #d8dbde; scroll-margin-top:24px; }
.fxaq-legal-heading { display:flex; align-items:baseline; gap:16px; margin-bottom:16px; }
.fxaq-legal-heading h2 { font:700 27px/1.25 Urbanist,sans-serif; letter-spacing:-.02em; }
.fxaq-legal-copy ul { list-style:disc; padding-inline-start:24px; margin-bottom:18px; }
.fxaq-legal-copy li { margin-bottom:8px; }
.fxaq-legal-copy a { text-decoration:underline; text-underline-offset:3px; }
.fxaq-error-page { padding-top:30px; padding-bottom:48px; }
.fxaq-error-code { font:750 clamp(110px,15vw,190px)/1 Urbanist,sans-serif; letter-spacing:-.07em; margin-bottom:24px; }
.fxaq-error-code>span { display:inline-block; background:#f5e642; border-radius:3px; padding:0 18px 8px; margin:0 8px; }
.fxaq-error-label { font-size:11px; font-weight:600; margin-bottom:12px; }
.fxaq-error-page h2 { font:750 clamp(36px,4vw,56px)/1.1 Urbanist,sans-serif; letter-spacing:-.035em; margin-bottom:18px; }
.fxaq-error-page h2+p { font-size:14px; line-height:1.85; color:#5b6066; max-width:60ch; margin-bottom:26px; }
.fxaq-error-page img { width:100%; height:auto; }
.fxaq-error-page .fxaq-text-link { align-self:center; }
.fxaq-error-paths { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; border-top:1px solid #202124; margin-top:38px; padding-top:22px; }
.fxaq-error-paths a { display:flex; align-items:center; justify-content:space-between; gap:16px; font-size:13px; }
.fxaq-methodology>.fxaq-crumbs { padding-top:24px; margin-bottom:0; }
.fxaq-methodology>.fxaq-review { padding-top:26px; padding-bottom:0; }
.fxaq-methodology .fxaq-review-name { display:grid; grid-template-columns:minmax(0,1fr) 270px; align-items:center; gap:40px; padding:24px 28px; background:#f4f5f6; border:1px solid #d8dbde; border-radius:3px; }
.fxaq-methodology .fxaq-review-name:after { content:''; width:100%; height:180px; background:url('../images/question-desk-transparent.webp') center / contain no-repeat; }
.fxaq-methodology .fxaq-review-name h1 { font:750 clamp(38px,4vw,58px)/1.1 Urbanist,sans-serif; letter-spacing:-.04em; max-width:14ch; }
.fxaq-methodology .fxaq-method-copy { counter-reset:method; margin:28px 0 0; color:#202124; }
.fxaq-methodology .fxaq-method-copy>p { max-width:72ch; font-size:14px; line-height:1.9; }
.fxaq-methodology .fxaq-method-copy .fxaq-review-section { counter-increment:method; position:relative; display:grid; grid-template-columns:240px minmax(0,1fr); gap:16px 38px; padding:28px 0 28px 40px; border-top:1px solid #d8dbde; margin:0; }
.fxaq-methodology .fxaq-method-copy .fxaq-review-section:before { content:counter(method,decimal-leading-zero); position:absolute; inset-inline-start:0; top:33px; font-size:12px; color:#5b6066; }
.fxaq-methodology .fxaq-method-copy .fxaq-review-section h2 { margin:0; font:700 25px/1.25 Urbanist,sans-serif; }
.fxaq-methodology .fxaq-method-copy .fxaq-review-section p { margin:0; font-size:13px; line-height:1.9; max-width:72ch; }
.fxaq-methodology .fxaq-method-copy .fxaq-review-section>:not(h2) { grid-column:2; }
.fxaq-methodology .fxaq-method-copy .fxaq-review-section>* { min-width:0; }
.fxaq-methodology .admin-content figure.table { max-width:100%; overflow-x:auto; }
.fxaq-info-method-contact { display:flex; align-items:center; justify-content:space-between; gap:26px; margin-top:28px; margin-bottom:48px; padding:28px; background:#f5e642; }
.fxaq-info-method-contact h2 { font:700 30px/1.2 Urbanist,sans-serif; margin-bottom:10px; }
.fxaq-info-method-contact p { font-size:13px; line-height:1.8; }
.fxaq-info-method-contact .fxaq-button { white-space:nowrap; gap:26px; }
@media(hover:hover) { .fxaq-info-contents a:hover,.fxaq-error-paths a:hover { background:#f4f5f6; } }
@media(max-width:1023px) {
    .fxaq-info-masthead img { display:none; }
    .fxaq-info-contents { position:static; border-bottom:1px solid #d8dbde; }
    .fxaq-info-contents nav { max-height:340px; }
    .fxaq-methodology .fxaq-review-name { grid-template-columns:minmax(0,1fr) 230px; }
    .fxaq-methodology .fxaq-method-copy .fxaq-review-section { grid-template-columns:190px minmax(0,1fr); gap:24px; }
    .fxaq-error-page img { display:none; }
}
@media(max-width:740px) {
    .fxaq-info-masthead h1 { font-size:42px; }
    .fxaq-info-masthead p { font-size:13px; }
    .fxaq-faq-page .fxaq-question summary { padding:20px 12px; }
    .fxaq-faq-page .fxaq-question h3 { font-size:19px; }
    .fxaq-contact-followup { padding:22px 18px; margin-top:32px; }
    .fxaq-legal-copy { font-size:13px; }
    .fxaq-legal-heading h2 { font-size:25px; }
    .fxaq-error-paths { grid-template-columns:1fr; gap:0; padding-top:0; }
    .fxaq-error-paths a { padding:18px 0; border-bottom:1px solid #d8dbde; }
    .fxaq-methodology .fxaq-review-name { display:block; padding:24px 20px; }
    .fxaq-methodology .fxaq-review-name:after { display:none; }
    .fxaq-methodology .fxaq-method-copy .fxaq-review-section { grid-template-columns:1fr; gap:14px; padding:24px 0 24px 34px; }
    .fxaq-methodology .fxaq-method-copy .fxaq-review-section:before { top:28px; }
    .fxaq-methodology .fxaq-method-copy .fxaq-review-section>:not(h2) { grid-column:auto; }
    .fxaq-info-method-contact { flex-direction:column; align-items:flex-start; padding:24px 20px; }
}
@media(max-width:525px) { .fxaq-info-masthead h1 { font-size:38px; } .fxaq-information .fxaq-info-section-title { font-size:26px; } }
