/* Owner-approved editorial refresh. Financial offer cards intentionally untouched. */
:root{--ep-ink:#08234b;--ep-muted:#405b80;--ep-line:#c8d9f2;--ep-blue:#165bd7;--ep-panel:#fff;--ep-tint:#edf4ff;--ep-shadow:0 18px 46px -28px #24487945}
html[data-theme="dark"]{--ep-ink:#edf5ff;--ep-muted:#b8cbea;--ep-line:#304d73;--ep-blue:#9ccaff;--ep-panel:#102039;--ep-tint:#132b4d;--ep-shadow:0 18px 46px -28px #0009}
html body .selection-navigation__current{display:block;padding:9px 0;color:var(--ep-muted);font-size:14px;line-height:1.5;font-weight:600;cursor:default}
html body .selection-menu__panel .selection-navigation__current,
html body .selection-mobile .selection-navigation__current{padding:11px 14px;border-radius:10px;background:var(--ep-tint)}
/* The illustration owns a full column instead of a small bottom-right square. */
html body [data-premium-hero][data-premium-hero]{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:28px;min-height:520px;padding:54px clamp(24px,4vw,64px);isolation:isolate;background:radial-gradient(ellipse at 88% 40%,#dbe9ff 0,transparent 62%),#f9fbff;overflow:hidden}
html[data-theme="dark"] body [data-premium-hero][data-premium-hero]{background:radial-gradient(ellipse at 88% 40%,#183868 0,transparent 64%),#071322}
html body [data-premium-hero][data-premium-hero] :is(.credit-hero-premium__copy,.df-hero__copy,.premium-hero-copy,.rko-hero__content){position:relative;inset:auto;z-index:2;min-width:0;width:auto;max-width:none;margin:0;padding:0}
html body [data-premium-hero][data-premium-hero] h1{font-size:clamp(32px,3.25vw,52px);line-height:1.12;letter-spacing:-.035em;max-width:690px;hyphens:none;word-break:normal;text-wrap:balance;margin:10px 0 24px;color:var(--ep-ink)}
html body [data-premium-hero][data-premium-hero] p{font-size:clamp(16px,1.3vw,19px);line-height:1.7;color:var(--ep-muted);max-width:680px}
html body [data-premium-hero][data-premium-hero] :is(.credit-hero-premium__visual,.df-hero__visual,.premium-hero-visual){position:relative;inset:auto;z-index:1;display:block;align-self:center;justify-self:center;width:100%;max-width:none;min-width:0;min-height:0;height:auto;aspect-ratio:1.25;transform:none;background:none;box-shadow:none;margin:0;padding:0}
html body [data-premium-hero][data-premium-hero] :is(.credit-hero-premium__visual,.df-hero__visual,.premium-hero-visual)::before,
html body [data-premium-hero][data-premium-hero] :is(.credit-hero-premium__visual,.df-hero__visual,.premium-hero-visual)::after{content:none}
html body [data-premium-hero][data-premium-hero] .catalog-hero-art{width:100%;height:100%;aspect-ratio:auto}
html body [data-premium-hero][data-premium-hero] :is(.catalog-hero-art img,.df-hero__art,.premium-hero-visual>img){position:static;inset:auto;content:normal!important;width:100%;max-width:none;height:100%;object-fit:contain;object-position:center;aspect-ratio:auto;filter:none;transform:none;opacity:1;mix-blend-mode:normal;margin:0}
html body [data-premium-hero][data-premium-hero] :is(.catalog-hero-art--dark,.df-hero__art--dark,.cash-hero-dark,.rko-hero__image--dark){display:none}
html[data-theme="dark"] body [data-premium-hero][data-premium-hero] :is(.catalog-hero-art--light,.df-hero__art--light,.cash-hero-light,.rko-hero__image--light){display:none}
html[data-theme="dark"] body [data-premium-hero][data-premium-hero] :is(.catalog-hero-art--dark,.df-hero__art--dark,.cash-hero-dark,.rko-hero__image--dark){display:block}
/* Editorial guide panels: measured rhythm, substantial type and material depth. */
html body #main-content :is(.cash-office-guide,.payday-guide,.card-faq,.credit-guide,.cc-section-panel:has(.cc-guide-grid),.cc-section-panel:has(.cc-faq)){padding:clamp(24px,3vw,42px);border:1px solid var(--ep-line);border-radius:28px;background:var(--ep-panel);box-shadow:var(--ep-shadow);margin-block:32px}
html body #main-content :is(.cash-office-guide,.payday-guide,.card-faq,.credit-guide,.cc-section-panel) h2{color:var(--ep-ink);line-height:1.2;letter-spacing:-.025em;margin:8px 0 24px;text-wrap:balance}
html body #main-content :is(.cash-guide-grid,.payday-guide-grid,.microloan-guide__grid,.credit-guide-grid,.cc-guide-grid,.tk-guide,.alfa-steps,.about-steps__grid,.home-steps-grid){gap:24px;margin-block:30px}
html body #main-content :is(.cash-guide-grid,.payday-guide-grid,.microloan-guide__grid,.credit-guide-grid,.cc-guide-grid,.tk-guide,.alfa-steps,.about-steps__grid,.home-steps-grid)>:is(article,div,li){position:relative;min-width:0;padding:30px;border:1px solid var(--ep-line);border-radius:22px;background:linear-gradient(145deg,var(--ep-panel) 18%,var(--ep-tint));box-shadow:var(--ep-shadow);overflow:visible}
html body #main-content :is(.cash-guide-grid,.payday-guide-grid,.microloan-guide__grid,.credit-guide-grid,.cc-guide-grid,.tk-guide,.alfa-steps,.about-steps__grid,.home-steps-grid)>:is(article,div,li)::before{content:"";display:block;width:46px;height:3px;border-radius:2px;background:var(--ep-blue);margin-bottom:24px}
html body #main-content :is(.cash-guide-grid,.payday-guide-grid,.microloan-guide__grid,.credit-guide-grid,.cc-guide-grid,.tk-guide,.alfa-steps,.about-steps__grid,.home-steps-grid) h3{font-size:clamp(20px,1.6vw,24px);font-weight:750;line-height:1.3;letter-spacing:-.02em;color:var(--ep-ink);margin:18px 0 14px;hyphens:none;overflow-wrap:break-word;word-break:normal;text-wrap:balance}
html body #main-content :is(.cash-guide-grid,.payday-guide-grid,.microloan-guide__grid,.credit-guide-grid,.cc-guide-grid,.tk-guide,.alfa-steps,.about-steps__grid,.home-steps-grid) p{font-size:16px;line-height:1.85;color:var(--ep-muted);margin:0}
html body #main-content .cash-step{display:flex;align-items:center;gap:14px;font-size:13px;font-weight:750;line-height:1.5;color:var(--ep-blue);letter-spacing:.02em}
html body #main-content :is(.cash-step__number,.microloan-guide__number){display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#307cff,#0749c0);border:1px solid #4487eb;color:#fff;font-size:20px;font-weight:750;letter-spacing:-.02em;box-shadow:0 8px 20px -9px #135ed49c}
html[data-theme="dark"] body #main-content :is(.cash-step__number,.microloan-guide__number){background:linear-gradient(145deg,#234a7c,#102b50);border-color:#466f9e;color:#d9ecff}
html body #main-content .microloan-guide__grid>article{display:block}
html body #main-content .microloan-guide__grid>article::before,
html body #main-content .cash-guide-grid>article::before{display:none}
/* Native details remain keyboard operable; the indicator is purely presentational. */
html body #main-content :is(.card-faq details,.cc-faq details,.thematic-faq details,.alfa-faq details,.tk-faq,.rko-faq details,[aria-labelledby="cash-faq-title"] details){padding:0;margin:14px 0;border:1px solid var(--ep-line);border-radius:20px;background:var(--ep-panel);box-shadow:0 8px 26px -22px #1a4d9270;overflow:hidden}
html body #main-content :is(.card-faq,.cc-faq,.thematic-faq,.alfa-faq,.rko-faq,[aria-labelledby="cash-faq-title"]){color:var(--ep-ink)}
html body #main-content :is(.card-faq details,.cc-faq details,.thematic-faq details,.alfa-faq details,.tk-faq,.rko-faq details,[aria-labelledby="cash-faq-title"] details)>summary{position:relative;display:flex;align-items:center;min-height:90px;box-sizing:border-box;list-style:none;padding:24px 92px 24px 30px;cursor:pointer;color:var(--ep-ink);font-size:clamp(16px,1.35vw,19px);font-weight:700;line-height:1.5;letter-spacing:-.012em;text-align:left}
html body #main-content :is(.card-faq details,.cc-faq details,.thematic-faq details,.alfa-faq details,.tk-faq,.rko-faq details,[aria-labelledby="cash-faq-title"] details)>summary::-webkit-details-marker{display:none}
html body #main-content :is(.card-faq details,.cc-faq details,.thematic-faq details,.alfa-faq details,.tk-faq,.rko-faq details,[aria-labelledby="cash-faq-title"] details)>summary::after{content:"+";position:absolute;right:26px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--ep-line);border-radius:12px;color:var(--ep-blue);background:var(--ep-tint);font-size:26px;font-weight:400;line-height:1}
html body #main-content :is(.card-faq details,.cc-faq details,.thematic-faq details,.alfa-faq details,.tk-faq,.rko-faq details,[aria-labelledby="cash-faq-title"] details)[open]{border-color:#83abe7;background:linear-gradient(140deg,var(--ep-panel),var(--ep-tint));box-shadow:var(--ep-shadow)}
html body #main-content :is(.card-faq details,.cc-faq details,.thematic-faq details,.alfa-faq details,.tk-faq,.rko-faq details,[aria-labelledby="cash-faq-title"] details)[open]>summary::after{content:"−"}
html body #main-content :is(.card-faq details,.cc-faq details,.thematic-faq details,.alfa-faq details,.tk-faq,.rko-faq details,[aria-labelledby="cash-faq-title"] details)>:not(summary){box-sizing:border-box;margin:0;padding:0 30px 28px;color:var(--ep-muted);font-size:16px;line-height:1.85;max-width:1120px}
html body #main-content :is(.card-faq,.cc-faq,.thematic-faq,.alfa-faq,.rko-faq,[aria-labelledby="cash-faq-title"]) summary:hover,
html body #main-content .tk-faq>summary:hover{background:var(--ep-tint)}
html body #main-content :is(.card-faq,.cc-faq,.thematic-faq,.alfa-faq,.rko-faq,[aria-labelledby="cash-faq-title"]) summary:focus-visible,
html body #main-content .tk-faq>summary:focus-visible{outline:3px solid var(--ep-blue);outline-offset:-5px;border-radius:18px}
@media(max-width:1100px){html body #main-content [data-premium-hero][data-premium-hero]{min-height:480px;padding:40px 30px;gap:20px}html body #main-content [data-premium-hero][data-premium-hero] h1{font-size:clamp(32px,4vw,45px)}html body #main-content :is(.cash-guide-grid,.cc-guide-grid,.credit-guide-grid)>:is(article,div){padding:25px}}
@media(max-width:820px){html body #main-content [data-premium-hero][data-premium-hero]{grid-template-columns:1fr;min-height:0;gap:22px;padding:36px 24px 28px}html body #main-content [data-premium-hero][data-premium-hero] h1{font-size:clamp(31px,5.5vw,45px);max-width:720px}html body #main-content [data-premium-hero][data-premium-hero] :is(.credit-hero-premium__visual,.df-hero__visual,.premium-hero-visual){max-width:620px;aspect-ratio:1.5}html body #main-content :is(.cash-guide-grid,.payday-guide-grid,.microloan-guide__grid,.cc-guide-grid,.credit-guide-grid,.tk-guide,.home-steps-grid){grid-template-columns:1fr;gap:20px}html body #main-content :is(.cash-office-guide,.payday-guide,.card-faq,.credit-guide,.cc-section-panel:has(.cc-guide-grid),.cc-section-panel:has(.cc-faq)){padding:28px 22px;border-radius:24px}}
@media(max-width:480px){html body #main-content [data-premium-hero][data-premium-hero]{padding:28px 18px 18px;gap:12px}html body #main-content [data-premium-hero][data-premium-hero] h1{font-size:clamp(29px,7.4vw,35px);margin-bottom:20px}html body #main-content [data-premium-hero][data-premium-hero] p{font-size:16px}html body #main-content :is(.cash-office-guide,.payday-guide,.card-faq,.credit-guide,.cc-section-panel:has(.cc-guide-grid),.cc-section-panel:has(.cc-faq)){padding:24px 16px;border-radius:22px}html body #main-content :is(.cash-guide-grid,.payday-guide-grid,.microloan-guide__grid,.credit-guide-grid,.cc-guide-grid,.tk-guide,.alfa-steps,.about-steps__grid,.home-steps-grid)>:is(article,div,li){padding:24px 20px;border-radius:18px}html body #main-content :is(.card-faq details,.cc-faq details,.thematic-faq details,.alfa-faq details,.tk-faq,.rko-faq details,[aria-labelledby="cash-faq-title"] details)>summary{min-height:82px;padding:22px 66px 22px 20px;font-size:16px}html body #main-content :is(.card-faq details,.cc-faq details,.thematic-faq details,.alfa-faq details,.tk-faq,.rko-faq details,[aria-labelledby="cash-faq-title"] details)>summary::after{right:17px;width:32px;height:32px;border-radius:10px;font-size:23px}html body #main-content :is(.card-faq details,.cc-faq details,.thematic-faq details,.alfa-faq details,.tk-faq,.rko-faq details,[aria-labelledby="cash-faq-title"] details)>:not(summary){padding:0 20px 24px;font-size:15px}}

/* Top accent follows the actual card radius without clipping its content or focus. */
html body #main-content .microloan-guide__grid>article{--ep-accent-radius:22px}
html body #main-content .microloan-guide__grid>article::after{inset:-1px;height:calc(100% + 2px);box-sizing:border-box;border-radius:inherit;padding:3px;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;clip-path:inset(0 0 calc(100% - var(--ep-accent-radius)) 0)}
@media(max-width:480px){html body #main-content .microloan-guide__grid>article{--ep-accent-radius:18px}}
