/* Credit dossiers inherit the exact logo colour. Shared across their dedicated layouts. */
.credit-dossier.credit-dossier{--credit-brand:var(--yaka-credit-color,#2baa5e);--credit-ink:#273a2d;--credit-soft:#eef9f0;--credit-readable:#16783d;--va-brand:var(--credit-brand);--cc-brand:var(--credit-brand);--rg-green:var(--credit-brand);--wt-brand:var(--credit-brand);--cd-green:var(--credit-brand);--va-ink:var(--credit-ink);--cc-ink:var(--credit-ink);--rg-ink:var(--credit-ink);--wt-ink:var(--credit-ink);--va-pale:var(--credit-soft);--cc-pale:var(--credit-soft);--rg-pale:var(--credit-soft);--wt-pale:var(--credit-soft);--va-accent:var(--credit-readable);--wt-accent:var(--credit-readable)}
.credit-dossier.credit-dossier #main h1 em,.credit-dossier.credit-dossier #main h2{color:var(--credit-brand)}
.credit-dossier.credit-dossier #main .site-svg-icon{color:var(--credit-brand)}
.credit-dossier.credit-dossier #main :is(.va-button,.cc-button,.rg-button,.wt-button,.dx-button){background:var(--credit-brand);border-color:var(--credit-brand);color:#fff;font-size:var(--text-scale-20);font-weight:800}
.credit-dossier.credit-dossier #main :is(.va-button,.cc-button,.rg-button,.wt-button,.dx-button) .site-svg-icon{color:inherit}
.credit-dossier.credit-dossier #main :is(.va-button,.cc-button,.rg-button,.wt-button,.dx-button):hover{background:#22884c;border-color:#22884c;color:#fff}
.credit-dossier.credit-dossier #main :is(.va-next,.cc-next,.rg-next,.wt-next){background:var(--credit-brand);color:#fff;position:relative;overflow:hidden}
.credit-dossier.credit-dossier #main :is(.va-next,.cc-next,.rg-next,.wt-next)::before{content:"";position:absolute;right:-80px;top:-190px;width:450px;height:450px;border:50px solid #ffffff14;border-radius:50%;pointer-events:none}
.credit-dossier.credit-dossier #main :is(.va-next,.cc-next,.rg-next,.wt-next) h2{color:#fff;position:relative}
.credit-dossier.credit-dossier #main :is(.va-next,.cc-next,.rg-next,.wt-next) :is(.va-kicker,.cc-kicker,.rg-kicker,.wt-kicker){color:#18462a;background:#fff;display:table;padding:5px 10px;border-radius:4px}
.credit-dossier.credit-dossier #main :is(.va-next-grid,.cc-next-grid,.rg-next-grid,.wt-next-grid)>a{background:#fff;border-color:#fff;box-shadow:0 14px 30px -22px #10371f66;position:relative}
.credit-dossier.credit-dossier #main :is(.va-next-grid,.cc-next-grid,.rg-next-grid,.wt-next-grid)>a:hover{background:#f3fff5;border-color:#b7ebc3;color:var(--credit-ink)}
.credit-dossier.credit-dossier #main :is(.va-next-grid,.cc-next-grid,.rg-next-grid,.wt-next-grid) :is(h3,p){color:var(--credit-ink)}
.credit-dossier.credit-dossier #main :is(.va-next-grid,.cc-next-grid,.rg-next-grid,.wt-next-grid) .site-svg-icon{color:var(--credit-brand)}
.credit-dossier.credit-dossier #main .wt-result-priority{background:var(--credit-brand)}
.credit-dossier.credit-dossier #main .wt-result-priority h3{color:#fff}
.credit-dossier.credit-dossier #main .wt-result-priority>p{color:var(--credit-ink);background:#fff;padding:18px 22px;border-radius:6px}
.credit-dossier.credit-dossier #main .wt-result-priority>.wt-kicker{color:#18462a;background:#fff;display:table;padding:5px 10px;border-radius:4px}
.credit-dossier.credit-dossier #main .wt-result-priority>.wt-result-link{color:#fff;font-size:var(--text-scale-20);font-weight:800}
.credit-dossier.credit-dossier #main .credit-purchase-illustration{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;gap:35px;align-items:center;background:#f4f0e5;border-radius:12px;padding:20px 35px;margin-bottom:12px}
.credit-dossier.credit-dossier #main .credit-purchase-illustration img{width:100%;height:auto;display:block;max-height:330px;object-fit:contain}
.credit-dossier.credit-dossier #main .credit-purchase-illustration>p{font-size:var(--text-body);line-height:1.75;margin:0;color:var(--credit-ink)}
.credit-dossier.credit-dossier #main .credit-purchase-illustration strong{display:block;font:800 var(--text-scale-28)/1.3 var(--font-heading);margin-bottom:15px}
@media(max-width:700px){.credit-dossier.credit-dossier #main .credit-purchase-illustration{grid-template-columns:1fr;gap:15px;padding:20px}.credit-dossier.credit-dossier #main .credit-purchase-illustration img{max-height:260px}}
/* Large credit panels use the logo green; explanatory prose keeps a white reading surface. */
.credit-dossier.credit-dossier #main :is(.va-aid-result,.va-offer-sheet,.cc-quote-bottom){background:var(--credit-brand)}
.credit-dossier.credit-dossier #main .va-aid-result>h3{color:#fff}
.credit-dossier.credit-dossier #main .va-aid-result>.va-kicker{display:table;background:#fff;color:#18462a;padding:5px 10px;border-radius:4px}
.credit-dossier.credit-dossier #main .va-aid-result>.va-result-note{background:#fff;color:var(--credit-ink);padding:18px;border-radius:6px}
.credit-dossier.credit-dossier #main :is(.va-finance-labels span,.va-social-contract,.va-end-track b,.rg-hero-badge,.rg-funding,.cc-calendar-overlay){background:#fff;color:var(--credit-ink);border:1px solid #b4d8bc;border-top:4px solid var(--credit-brand)}
.credit-dossier.credit-dossier #main :is(.va-social-contract,.rg-funding,.cc-calendar-overlay) :is(strong,b,p,span){color:var(--credit-ink)}
.credit-dossier.credit-dossier #main .va-offer-sheet>span{display:table;background:#fff;color:#18462a;padding:5px 10px;border-radius:3px}
.credit-dossier.credit-dossier #main .va-offer-sheet :is(p,div){background:#fff;color:var(--credit-ink);padding:16px;border-radius:5px}
.credit-dossier.credit-dossier #main .va-offer-sheet div :is(b,span){color:var(--credit-ink)}
/* Active chapter and article progress use the logo colour, on every credit dossier. */
.credit-dossier.credit-dossier .dossier-nav[data-dossier-nav]{--dn-accent:var(--yaka-credit-color,#2baa5e);--dn-marker:var(--yaka-credit-color,#2baa5e)}
.credit-dossier.credit-dossier .dossier-nav[data-dossier-nav]>.dossier-nav-track>a[aria-current="location"]{background:var(--yaka-credit-color,#2baa5e);color:#fff;text-decoration:none}

/* White labels remain visible on the refusal dossier's credit-green surfaces. */
.credit-dossier.credit-dossier #main .yd-dark h2,
.credit-dossier.credit-dossier #main .yd-dark h2 em{color:#fff}
.credit-dossier.credit-dossier #main .rf-scene .site-svg-icon{color:inherit}
.credit-dossier.credit-dossier #main .rf-letter .site-svg-icon{color:var(--credit-brand)}
.credit-dossier.credit-dossier #main .yd-button{background:var(--credit-brand);border-color:var(--credit-brand);color:#fff}
.credit-dossier.credit-dossier #main .yd-button .site-svg-icon{color:inherit}