/* Additions to the approved catalogue; card geometry is intentionally unchanged. */
.thematic-breadcrumbs {display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0 60px;font-size:14px;color:#526b92}
.thematic-breadcrumbs a {color:#075bd8;text-decoration:none}
.thematic-breadcrumbs a:hover {text-decoration:underline}
.thematic-catalog .credit-hero-premium {margin-top:20px}
.thematic-jumps {display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}
.thematic-jumps a {padding:12px 16px;border:1px solid #cadbfa;border-radius:14px;color:#075be0;font-size:15px;font-weight:650;text-decoration:none;background:#fff}
.thematic-jumps a:hover {background:#edf4ff}
.card-readiness__grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}
.card-readiness__grid label {display:flex;align-items:flex-start;gap:14px;padding:20px;border:1px solid #d5e3fb;border-radius:18px;background:#f7faff;cursor:pointer}
.card-readiness__grid input {flex:0 0 22px;width:22px;height:22px;margin:2px 0 0;accent-color:#065bf5}
.card-readiness__grid strong {display:block;font-size:17px;color:#062651;line-height:1.35}
.card-readiness__grid small {display:block;margin-top:8px;font-size:15px;line-height:1.5;color:#4c658b}
.card-readiness__grid label:has(input:checked) {border-color:#9acb43;background:#f3fce8}
.card-readiness__result {font-size:16px;line-height:1.55;color:#365477;margin:20px 0 0;padding:16px 20px;border-left:3px solid #85c728;background:#f4f9ec;border-radius:0 12px 12px 0}
.card-faq details {border:1px solid #d6e2f7;border-radius:16px;margin:12px 0;padding:0 20px;background:#f8fbff}
.card-faq summary {padding:18px 0;cursor:pointer;font-size:17px;line-height:1.4;font-weight:650;color:#092750}
.card-faq details p {font-size:16px;line-height:1.65;color:#466084;margin:0 0 20px}
.thematic-catalog :is(.thematic-jumps a,.card-faq summary,.card-readiness input):focus-visible {outline:3px solid #1267fb;outline-offset:4px}
html[data-theme="dark"] .thematic-breadcrumbs {color:#abbddd}
html[data-theme="dark"] .thematic-breadcrumbs a {color:#9cc6ff}
html[data-theme="dark"] .thematic-jumps a {background:#13243f;border-color:#385272;color:#bad5ff}
html[data-theme="dark"] :is(.card-readiness__grid label,.card-faq details) {background:#13233c;border-color:#35506d}
html[data-theme="dark"] :is(.card-readiness__grid strong,.card-faq summary) {color:#eff5ff}
html[data-theme="dark"] :is(.card-readiness__grid small,.card-faq details p) {color:#b8c9e2}
html[data-theme="dark"] .card-readiness__grid label:has(input:checked) {background:#203720;border-color:#6c9147}
html[data-theme="dark"] .card-readiness__result {background:#1b3028;color:#d6ead9}
@media(max-width:1100px){.thematic-breadcrumbs{padding:0 30px}}
@media(max-width:600px){.card-readiness__grid{grid-template-columns:1fr}.card-readiness__grid label{padding:16px}.thematic-breadcrumbs{font-size:13px;padding:0 16px}.thematic-jumps a{font-size:14px;padding:11px 13px}.card-faq details{padding:0 16px}}

/* Narrow product variants retain the approved credit card frame and colour system. */
.thematic-credits .credit-card .metrics {grid-template-columns:repeat(2,minmax(0,1fr))}
.thematic-credits .credit-bank-grid {align-items:stretch}
.thematic-credits .credit-card {display:flex;flex-direction:column;height:100%}
.thematic-credits .credit-card .metric:nth-child(n+3) {min-height:126px}
.thematic-credits .credit-card__footer {margin-top:18px}
.thematic-credits .credit-card .metric:nth-child(-n+2) {grid-column:1/-1;min-height:62px}
.thematic-credits .credit-card .metric:nth-child(-n+2) .metric__body {display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding-right:0}
.thematic-credits .credit-card .metric:nth-child(-n+2) .metric__icon {display:none}
.thematic-credits .credit-card .thematic-metric-value {font-size:23px;line-height:1.3;white-space:nowrap;letter-spacing:-.6px}
.thematic-credits.credit-page [data-offer-card="credits"] .metric .thematic-metric-value {white-space:nowrap}
.thematic-credits .credit-card .metric:nth-child(n+3) .thematic-metric-value {font-size:21px;white-space:normal}
.thematic-documents {padding:20px;border:1px solid #cddfff;border-radius:20px;background:#f3f7ff;flex:1}
.thematic-documents>span {display:block;font-size:14px;color:#526786}
.thematic-documents>strong {display:block;font-size:23px;color:#082b52;line-height:1.3;margin:8px 0}
.thematic-documents p {font-size:15px;line-height:1.5;margin:6px 0 0;color:#385476}
.thematic-documents .thematic-rate-note {padding-top:12px;margin-top:12px;border-top:1px solid #d6e3fa}
.thematic-faq {margin-top:32px}
.thematic-faq details {border:1px solid #d6e2f7;border-radius:16px;margin:12px 0;padding:0 20px;background:#f8fbff}
.thematic-faq summary {padding:18px 0;cursor:pointer;font-size:17px;line-height:1.4;font-weight:650;color:#092750}
.thematic-faq details p {font-size:16px;line-height:1.65;color:#466084;margin:0 0 20px}
.thematic-faq summary:focus-visible {outline:3px solid #1267fb;outline-offset:4px}
.thematic-related {font-size:16px;line-height:1.6;margin-top:28px}
.thematic-related a {color:#075bd8}
.thematic-credits .offer-details-body h4 {font-size:16px;line-height:1.4;margin:20px 0 8px}
.thematic-credits .offer-details-body h4:first-child {margin-top:0}
.thematic-credits .offer-details-body p {font-size:15px;line-height:1.6}
html[data-theme="dark"] :is(.thematic-documents,.thematic-faq details) {background:#13243c;border-color:#35506d}
html[data-theme="dark"] :is(.thematic-documents>strong,.thematic-faq summary) {color:#eff5ff}
html[data-theme="dark"] :is(.thematic-documents>span,.thematic-documents p,.thematic-faq p,.thematic-related) {color:#b8c9e2}
html[data-theme="dark"] .thematic-documents .thematic-rate-note {border-color:#35506d}
html[data-theme="dark"] .thematic-related a {color:#acd1ff}
@media(max-width:380px){.thematic-credits .credit-card .thematic-metric-value{font-size:20px}.thematic-credits .credit-card .metric:nth-child(-n+2) .metric__body{gap:6px}.thematic-documents{padding:16px}}
@media(max-width:430px){.thematic-credits .credit-card .metric:nth-child(-n+2) .metric__body{flex-direction:column;align-items:flex-start}.thematic-credits .credit-card .metric:nth-child(-n+2) .thematic-metric-value{width:100%;max-width:none}.thematic-credits.credit-page [data-offer-card="credits"] .metric:nth-child(n+3) .thematic-metric-value{white-space:normal}}