/*
 * Brand layer: brings inner pages in line with the landing page (2026-11-06).
 * Loaded after page styles on every route except the landing (layout/default.blade.php).
 * Landing language: warm grey rounded panels, ink pill buttons, neutral numbers,
 * bar-free scores, chat-bubble FAQ; lemon kept as a small accent only.
 * Restyles existing classes only: no markup or JS hooks change.
 */
.fxaq-site{--brand-ink:#171819;--brand-muted:#565b60;--brand-warm:#f4f2ef;--brand-line:#e4e1da;--brand-lemon:#f6da43}

/* Header: "Find a broker" as the ink pill, as on the landing. */
.fxaq-site .fxaq-nav a:nth-child(3){order:1;background:var(--brand-ink);color:#fff;border-radius:999px;padding:12px 20px}
.fxaq-site .fxaq-nav a:nth-child(3):hover{background:#383b3e;text-decoration:none}

/* Buttons: ink pills; the lemon variant becomes the ink primary. */
.fxaq-site .fxaq-button{border-radius:999px}
.fxaq-site .fxaq-button--lemon{background:var(--brand-ink);border-color:var(--brand-ink);color:#fff!important}
.fxaq-site .fxaq-button--lemon:hover{background:#383b3e;border-color:#383b3e}

/* Scores: no framing bars (the landing shows the plain number). */
.fxaq-site .fxaq-score{border-inline:0;padding-inline:0}

/* Mastheads: inset warm rounded panels instead of full-bleed cool grey bands. */
.fxaq-site :is(.fxaq-br-masthead,.fxaq-cmp-masthead,.fxaq-learning-masthead,.fxaq-match-masthead,.fxaq-info-masthead,.fxaq-people-masthead,.fxaq-person-masthead){background:var(--brand-warm);border-bottom:0;margin:8px 16px 0;border-radius:28px}
/* Heading highlights: no yellow marker; the accent words go muted, as on info pages. */
/* Every page styles its H1 accent differently (marker, underline, pseudo bar); clear them all here. */
.fxaq-site main h1 span:not(.fxaq-sr-only){background:none;text-decoration:none;color:var(--brand-muted)}
.fxaq-site main h1 span:after{display:none}

/* Search panels: white rounded cards (with the speech tail) on the warm masthead. */
.fxaq-site :is(.fxaq-br-controls,.fxaq-learning-search,.fxaq-cmp-bubble.fxaq-compare-builder){background:#fff;color:var(--brand-ink);border-radius:24px;box-shadow:0 1px 0 #0000000a,0 18px 40px #1718190d}
.fxaq-site :is(.fxaq-br-controls,.fxaq-learning-search,.fxaq-cmp-bubble):before{border-bottom-color:#fff}
.fxaq-site :is(.fxaq-br-search label,.fxaq-br-controls .fxaq-field-label,.fxaq-learning-search label){color:var(--brand-ink)}
.fxaq-site .fxaq-br-controls .fxaq-select-trigger{border-color:#c9ccd0;border-radius:12px}
.fxaq-site .fxaq-br-search>div,.fxaq-site .fxaq-learning-search>div{border:1px solid #c9ccd0;border-radius:999px}
.fxaq-site .fxaq-br-search>div:focus-within,.fxaq-site .fxaq-learning-search>div:focus-within{border-color:var(--brand-ink)}
.fxaq-site .fxaq-cmp-bubble .fxaq-compare-builder-heading h2,.fxaq-site .fxaq-cmp-bubble .fxaq-compare-slot .fxaq-field-label,.fxaq-cmp-bubble .fxaq-compare-selected strong,.fxaq-cmp-bubble .fxaq-compare-selected>a,.fxaq-cmp-bubble .fxaq-compare-slot-top button{color:var(--brand-ink)}
.fxaq-site .fxaq-cmp-bubble .fxaq-compare-builder-heading>p,.fxaq-site .fxaq-cmp-bubble .fxaq-compare-builder-footer p,.fxaq-cmp-bubble .fxaq-compare-reset{color:var(--brand-muted)}
.fxaq-cmp-bubble .fxaq-compare-slot{background:var(--brand-warm);border-color:transparent;border-radius:18px}
.fxaq-cmp-bubble .fxaq-compare-slot .fxaq-select-trigger{border-color:#c9ccd0;border-radius:12px}
.fxaq-cmp-bubble .fxaq-compare-builder-footer .fxaq-text-link{color:var(--brand-ink);border-color:var(--brand-ink)}
.fxaq-site .fxaq-cmp-bubble .fxaq-compare-builder-footer .fxaq-button[aria-disabled=true]{background:#eceef0;border-color:#d8dbde;color:var(--brand-muted)!important}

/* Number chips: neutral heavy numerals instead of lemon tags. */
.fxaq-site .fxaq-reading-number,.fxaq-cmp-bubble .fxaq-compare-slot-top>span{background:none;color:#7d8186;font-family:Urbanist,sans-serif;font-weight:800;padding-inline:0}

/* Eyebrows: a small message chip from FxAsking instead of tracked register caps. */
.fxaq-site main .fxaq-eyebrow{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:5px 14px 5px 5px;border:1px solid var(--brand-line);border-radius:999px 999px 999px 6px;background:#fff;color:var(--brand-ink)!important;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none}
.fxaq-site main .fxaq-eyebrow:before{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:var(--brand-lemon) url('../images/mark.svg') center/14px no-repeat}
[dir=rtl] .fxaq-site main .fxaq-eyebrow{padding:5px 5px 5px 14px;border-radius:999px 999px 6px 999px}

/* Rounded cards and warm panels. */
.fxaq-site :is(.fxaq-guide-card,.fxaq-match-card,.fxaq-review-form-wrap){border-radius:20px;border-color:var(--brand-line)}
.fxaq-site :is(.fxaq-guide-card,.fxaq-match-card){overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s}
.fxaq-site :is(.fxaq-match-initial,.fxaq-match-empty,.fxaq-contact-followup,.fxaq-info-support){background:var(--brand-warm);border:0;border-radius:24px}
.fxaq-site .fxaq-methodology .fxaq-review-name{background:var(--brand-warm);border:0;border-radius:24px}
.fxaq-site .fxaq-info-method-contact{background:var(--brand-warm);border-radius:24px}
.fxaq-site .fxaq-info-symbol{background:var(--brand-lemon);border-radius:50% 50% 50% 6px;font-size:28px}
.fxaq-site .fxaq-info-support>div{border-top-color:#dcd8cf}

/* Fields: rounded like the landing finder. */
.fxaq-site .fxaq-select-trigger{border-radius:12px}
.fxaq-site main form :is(input:not([type=search],[type=checkbox],[type=radio],[type=hidden]),textarea){border-radius:12px}
.fxaq-site .fxaq-match-submit{background:var(--brand-warm);border-radius:20px}

/* Full-bleed grey bands become inset warm panels. */
.fxaq-site :is(.fxaq-br-guide,.fxaq-rv-alternatives,.fxaq-lesson-related){background:var(--brand-warm);border-top:0;margin-inline:16px;border-radius:28px}
.fxaq-site .fxaq-comment-form-heading{background:var(--brand-warm);border-radius:16px}
.fxaq-site :is(.fxaq-br-guide-copy,.fxaq-cmp-heading,.fxaq-gd-heading)>p{border-inline-start:0;padding-inline-start:0}

/* Dark blocks: rounded like the landing. */
.fxaq-site .fxaq-learning-next{margin-inline:16px;border-radius:28px;background:var(--brand-ink)}

/* FAQ (FAQ page, lessons, guides): questions as outgoing bubbles, answers as replies from FxAsking. */
.fxaq-site .fxaq-question,.fxaq-site .fxaq-question[open],.fxaq-site .fxaq-question[data-expanded]{border:0;border-radius:0;background:transparent;box-shadow:none;margin-bottom:12px}
.fxaq-site .fxaq-question summary{width:fit-content;max-width:88%;margin-inline-start:auto;min-height:0;padding:12px 14px 12px 18px;gap:12px;background:#fff;border:1px solid var(--brand-line);border-radius:18px 18px 4px 18px;transition:background-color .25s,border-color .25s}
[dir=rtl] .fxaq-site .fxaq-question summary{padding:12px 18px 12px 14px;border-radius:18px 18px 18px 4px}
.fxaq-site .fxaq-question summary:hover{background:#fff;border-color:var(--brand-ink)}
.fxaq-site .fxaq-question-number{display:none}
.fxaq-site .fxaq-question summary h3{font-size:15px;font-weight:600;line-height:1.45;color:var(--brand-ink)}
.fxaq-site .fxaq-question-toggle{width:16px;height:16px}
.fxaq-site .fxaq-question[open]:not([data-expanded=false]) summary{background:var(--brand-ink);border-color:var(--brand-ink)}
.fxaq-site .fxaq-question[open]:not([data-expanded=false]) :is(summary h3,.fxaq-question-toggle){color:#fff}
.fxaq-site .fxaq-answer{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:end;column-gap:10px;padding:10px 0 4px;max-width:92%}
.fxaq-site .fxaq-answer:before{content:"";grid-row:1/span 2;align-self:end;width:34px;height:34px;border-radius:50%;background:#fff url('../images/mark.svg') center/22px no-repeat;border:1px solid var(--brand-line)}
.fxaq-site .fxaq-answer>*{grid-column:2}
.fxaq-site .fxaq-answer>p{justify-self:start;padding:14px 16px;background:var(--brand-warm);border-radius:18px 18px 18px 4px;font-size:14px;line-height:1.7;color:#3d4146}
[dir=rtl] .fxaq-site .fxaq-answer>p{border-radius:18px 18px 4px 18px}
.fxaq-site .fxaq-answer .fxaq-text-link{justify-self:start;margin-top:6px}
.fxaq-site .fxaq-search,.fxaq-site .fxaq-faq-search{display:flex;align-items:center;gap:10px;border:1px solid #c9ccd0;border-radius:999px;padding:8px 8px 8px 18px;background:#fff;margin-bottom:16px}
[dir=rtl] .fxaq-site :is(.fxaq-search,.fxaq-faq-search){padding:8px 18px 8px 8px}
.fxaq-site .fxaq-faq-search:focus-within{border-color:var(--brand-ink)}
.fxaq-site .fxaq-faq-search input{flex:1;min-width:0;border:0;background:none}
.fxaq-site #fxaq-page-questions{border-top:0}
/* Topic filters (education, guides): pills. */
.fxaq-site [class*="-topics"] a{border-radius:999px}
.fxaq-site .fxaq-faq-search input:is(:focus,:focus-visible){box-shadow:none!important}
.fxaq-site .fxaq-faq-search input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.fxaq-site .fxaq-search:focus-within{border-color:var(--brand-ink)}
.fxaq-site .fxaq-search input:is(:focus,:focus-visible){box-shadow:none!important}
.fxaq-site .fxaq-search input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}

@media(hover:hover){.fxaq-site :is(.fxaq-guide-card,.fxaq-match-card):hover{border-color:var(--brand-ink);box-shadow:0 18px 40px #1718191a;transform:translateY(-3px)}}
@media(max-width:600px){
.fxaq-site :is(.fxaq-br-masthead,.fxaq-cmp-masthead,.fxaq-learning-masthead,.fxaq-match-masthead,.fxaq-info-masthead,.fxaq-people-masthead,.fxaq-person-masthead){margin:6px 8px 0;border-radius:20px}
.fxaq-site :is(.fxaq-br-guide,.fxaq-rv-alternatives,.fxaq-lesson-related,.fxaq-learning-next){margin-inline:8px;border-radius:20px}
.fxaq-site .fxaq-question summary{max-width:94%}
.fxaq-site .fxaq-br-search>div,.fxaq-site .fxaq-learning-search>div{border-radius:22px}
.fxaq-site .fxaq-answer{max-width:100%;grid-template-columns:28px minmax(0,1fr)}
.fxaq-site .fxaq-answer:before{width:28px;height:28px;background-size:18px}
}
@media(prefers-reduced-motion:reduce){.fxaq-site :is(.fxaq-guide-card,.fxaq-match-card,.fxaq-ledger-row):hover{transform:none}}

/* Trader reviews: incoming messages; the reviewer box is a warm card. */
.fxaq-site .fxaq-trader-comment{max-width:680px;margin-bottom:12px;padding:16px 20px;border:0;border-radius:20px 20px 20px 4px;background:var(--brand-warm)}
[dir=rtl] .fxaq-site .fxaq-trader-comment{border-radius:20px 20px 4px 20px}
.fxaq-site .fxaq-trader-comment header{margin-bottom:6px}
.fxaq-site .fxaq-trader-comment header>span{padding:2px 8px;border-radius:999px;background:#fff;color:var(--brand-ink)}
.fxaq-site .fxaq-review-author{padding:24px;border:0;border-radius:24px;background:var(--brand-warm)}