/* Shared priority-one surfaces. Scoped overrides keep unrelated product layouts intact. */
[data-selection-page] { --selection-gap: 20px; }
.selection-anchor { display:block; height:0; scroll-margin-top:85px; }
.selection-hero.ys-hero { padding: 32px 0 12px; gap: 48px; align-items: start; }
@media (min-width: 761px) {
  .selection-hero.ys-hero { align-items: center; }
}
.selection-hero .ys-hero-copy h1 { font-size: clamp(34px, 4vw, 54px); line-height: 1.08; letter-spacing: -.035em; margin: 14px 0 20px; }
.selection-hero .ys-hero-copy>p:not(.ys-kicker) { max-width: 580px; font-size: 17px; line-height: 1.6; }
/* Emphasize only the two benefits in the supporting copy. */
body main .selection-hero .ys-hero-copy>p:not(.ys-kicker) { font-weight:300; }
body main .selection-hero .ys-hero-copy>p strong { font-weight:600; }
body main [data-selection-page] .selection-collection-hero .rb-intro>p:not(.ys-kicker),
body main [data-selection-page]>.ys-page-intro>p:not(.ys-kicker){font-weight:300;line-height:1.6}
body main [data-selection-page] .selection-collection-hero .rb-intro>p strong,
body main [data-selection-page]>.ys-page-intro>p strong{font-weight:600}
body main .selection-typography>p:not(.ys-kicker),body main .acq-hero>p{font-weight:300;line-height:1.6}
body main .selection-typography>p strong,body main .acq-hero>p strong{font-weight:600}
body main :is(.selection-typography,.acq-hero) h1 .selection-heading-key{color:#d71935;font-weight:750}
body main :is(.selection-typography,.acq-hero) h1 .selection-heading-rest{color:#191b20;font-weight:450}
body .selection-form-hero>small { font-weight:100!important; }
.selection-hero-benefits { display:flex; gap:20px; margin:20px 0; font-size:14px; font-weight:600; }
.selection-hero-benefits span { display:flex; gap:8px; align-items:center; }
.selection-hero-benefits .ys-icon { color:#d71935; }
.selection-quick { display:flex; flex-wrap:wrap; gap:8px; }
.selection-quick a { padding:8px 12px; background:#f4f4f6; border-radius:9px; font-size:13px; color:#191b20; text-decoration:none; }
.selection-form { display:grid; grid-template-columns:1.2fr 1.5fr auto; gap:14px; padding:20px; background:#f5f5f7; border-radius:16px; align-items:end; }
.selection-form label { display:flex; flex-direction:column; gap:7px; font-size:13px; color:#515761; font-weight:500; }
.selection-form input,.selection-form select { width:100%; min-height:46px; border:0; border-radius:8px; background:white; color:#191b20; padding:10px 12px; font:inherit; font-size:15px; box-shadow:none; }
.selection-main-fields { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.selection-situation-fields { display:grid; grid-template-columns:1fr 1fr; gap:12px; min-width:0; }
.selection-form label { min-width:0; }
.selection-form select { text-overflow:ellipsis; }
.selection-form .selection-more { grid-column:1 / -1; }
.selection-more summary { cursor:pointer; font-size:13px; color:#515761; }
.selection-more[open] summary { margin-bottom:12px; }
.selection-form .ys-button { min-height:48px; border:0; }
.selection-form>small { grid-column:1 / -1; color:#5d6068; font-size:12px; }
.selection-form-hero { display:flex; flex-direction:column; align-items:stretch; width:100%; max-width:430px; padding:16px; gap:8px; }
.selection-form-hero .selection-main-fields { width:100%; }
.selection-form-hero .selection-more { width:100%; }
.selection-form-hero>small { text-align:center; }
.selection-list-heading { display:flex; justify-content:space-between; gap:24px; align-items:end; margin-bottom:16px; }
.selection-list-heading h2 { margin:6px 0 0; font-size:28px; line-height:1.2; }
.selection-sort { display:flex; align-items:center; gap:12px; font-size:13px; color:#5d6068; }
.selection-sort select { border:0; border-radius:9px; padding:12px 14px; background:#f2f2f4; color:#191b20; font:inherit; font-size:14px; }
.selection-chips { display:flex; flex-wrap:wrap; gap:7px; margin:10px 0; }
.selection-chips span { padding:6px 10px; border-radius:8px; background:#fff0f3; color:#9d1430; font-size:12px; font-weight:600; }
.selection-reset { display:inline-block; margin:0 0 18px; font-size:13px; color:#5d6068; }
[data-selection-reset][hidden],[data-pp-reset][hidden]{display:none!important}
.ys-offer-grid.selection-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--selection-gap); }
.ys-card.selection-card { display:flex; flex-direction:column; gap:0; padding:22px; border:1px solid #e5e5e9; background:#f7f7f9; border-radius:16px; min-width:0; position:relative; }
.selection-card .ys-card-top { display:flex; gap:10px; align-items:start; justify-content:space-between; grid-column:auto; }
.selection-card .ys-lender { min-width:0; gap:10px; align-items:center; }
.selection-card .ys-lender h3 { font-size:20px; line-height:1.25; margin:0; word-break:normal; overflow-wrap:anywhere; }
.selection-card .ys-lender small { font-size:11px; line-height:1.4; display:block; margin-top:4px; color:#626670; }
.selection-card .ys-rating { flex-shrink:0; font-size:13px; white-space:nowrap; }
.selection-card .ys-rating small { font-size:10px; }
.selection-card .ys-logo-tile { width:44px; height:44px; min-width:44px; background:#fff; padding:4px; border-radius:10px; }
.selection-card .ys-logo-tile img { width:100%; height:100%; object-fit:contain; }
.selection-reason { font-size:13px; line-height:1.45; color:#5a606a; margin:16px 0; min-height:38px; }
.selection-signals { display:grid; gap:8px; margin-bottom:18px; }
.selection-card .ys-approval-line,.selection-card .ys-speed-line { min-height:47px; padding:10px 12px; border-radius:10px; margin:0; }
.selection-card .ys-approval-line { background:#edf4f0; display:flex; gap:8px; align-items:center; justify-content:space-between; }
.selection-card .ys-approval-line>span { font-size:13px; font-weight:600; }
.selection-card .ys-approval-level { font-size:14px; padding:5px 8px; line-height:1.2; }
.selection-card .ys-speed-line { background:#ffeef2; display:flex; gap:7px; }
.selection-card .ys-speed-line span { display:flex; align-items:center; justify-content:space-between; width:100%; gap:8px; font-size:12px; }
.selection-card .ys-speed-line strong { font-size:15px; text-align:right; white-space:normal; }
.selection-card .ys-speed-line .ys-icon { width:18px; min-width:18px; }
.selection-card dl.ys-facts { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:0 0 12px; }
.selection-card .ys-facts>div { display:block; min-width:0; }
.selection-card .ys-facts dt { font-size:11px; margin-bottom:5px; color:#626670; }
.selection-card .ys-facts dd { font-size:15px; line-height:1.4; margin:0; font-weight:600; overflow-wrap:anywhere; }
.selection-methods { font-size:12px; color:#5d6068; margin:0 0 10px; }
.selection-promo { font-size:12px; color:#315746; background:#eaf3ed; padding:8px 10px; border-radius:7px; margin:0 0 14px; }
.selection-actions { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:12px; margin-top:auto; }
.selection-actions>.ys-button { grid-column:1 / -1; min-height:48px; }
.selection-actions .ys-compare { font-size:12px; min-height:44px; padding:0; white-space:nowrap; }
.selection-actions input { width:16px; height:16px; margin:0 5px 0 0; accent-color:#d71935; }
.selection-actions>a:not(.ys-button) { display:flex; justify-content:flex-end; align-items:center; min-height:44px; text-align:right; font-size:12px; color:#b21430; }
.selection-details { border-top:1px solid #dedee5; margin-top:12px; padding-top:12px; font-size:13px; }
.selection-details summary { display:flex; min-height:44px; align-items:center; justify-content:space-between; cursor:pointer; color:#515761; }
.selection-details .ys-icon { width:15px; height:15px; }
.selection-details dl { display:grid; gap:12px; margin:16px 0; }
.selection-details dt { font-weight:600; margin-bottom:4px; }
.selection-details dd { margin:0; line-height:1.6; color:#5d6068; }
.selection-details>a { font-size:12px; }
.selection-empty { background:#f5f5f7; border-radius:14px; padding:28px; margin:20px 0; }
.selection-empty h2,.selection-empty h3 { margin:0 0 12px; }
.selection-empty p { color:#5d6068; }
.selection-alternatives { margin-top:24px; border:1px solid #e3e3e8; border-radius:12px; padding:18px; }
.selection-alternatives summary { cursor:pointer; font-size:16px; font-weight:600; }
.selection-alternatives summary>span { display:inline-block; font-size:12px; font-weight:400; color:#b21430; margin-left:10px; }
.selection-alternative-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.selection-alternative-grid article { background:#f5f5f7; padding:18px; border-radius:10px; }
.selection-alternative-grid h3 { font-size:16px; margin:0; }
.selection-alternative-grid p { font-weight:600; }
.selection-alternative-grid span { font-size:12px; display:block; margin-bottom:14px; }
.selection-alternative-grid .ys-button { font-size:12px; }
.selection-city-context { margin:32px 0; }
.selection-city-context .city-photo { max-width:100%; margin:0; }
.selection-city-context img { max-height:240px; width:100%; object-fit:cover; }
.selection-steps ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; padding:0; list-style:none; counter-reset:step; }
.selection-steps li { background:#f5f5f7; padding:22px; border-radius:12px; counter-increment:step; }
.selection-steps li:before { content:'0' counter(step); display:block; color:#b21430; font-size:14px; margin-bottom:14px; }
.selection-steps strong,.selection-steps span { display:block; }
.selection-steps strong { margin-bottom:8px; }
.selection-steps span { color:#5d6068; font-size:14px; line-height:1.55; }
.selection-reading { border-top:1px solid #e5e5e9; padding:20px 0; margin:20px 0; }
.selection-reading summary { font-size:16px; font-weight:600; cursor:pointer; }
.selection-reading>div { padding-top:18px; max-width:800px; }
.selection-faq details { border-bottom:1px solid #e5e5e9; padding:14px 0; }
.selection-faq summary { cursor:pointer; }
.selection-faq p { color:#5d6068; line-height:1.6; }
.selection-comparison { --compare-count:3; }
.selection-compare-heads,.selection-compare-actions { display:grid; grid-template-columns:repeat(var(--compare-count),minmax(0,1fr)); gap:16px; margin:24px 0; }
.selection-compare-heads>div { display:flex; flex-direction:column; gap:6px; padding:18px; background:#f5f5f7; border-radius:12px; }
.selection-compare-heads strong { font-size:18px; }
.selection-compare-heads span { font-size:12px; color:#5d6068; }
.selection-compare-heads button { border:0; background:transparent; color:#b21430; text-align:left; padding:8px 0 0; font:inherit; font-size:12px; cursor:pointer; }
.selection-compare-row { padding:18px 20px; border:1px solid #e5e5e9; border-radius:12px; margin-bottom:12px; }
.selection-compare-row h3 { font-size:14px; margin:0 0 14px; color:#5d6068; }
.selection-compare-row>div { display:grid; grid-template-columns:repeat(var(--compare-count),minmax(0,1fr)); gap:16px; }
.selection-compare-row p { margin:0; }
.selection-compare-row p>span { display:none; }
.selection-compare-row strong { font-size:17px; line-height:1.5; font-weight:600; overflow-wrap:anywhere; }
.selection-compare-row:first-of-type { background:#f0f7f2; }
.selection-compare-actions>div { display:flex; flex-direction:column; gap:14px; }
.selection-compare-actions>div>a:not(.ys-button) { text-align:center; font-size:13px; }
.selection-back { display:inline-block; margin:18px 0; }
.selection-profile .mfo-profile-card { max-width:880px; }
.selection-profile .selection-card { max-width:880px; }
.selection-profile .selection-signals { grid-template-columns:1fr 1fr; }
.selection-profile .selection-card dl.ys-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
.selection-profile .selection-actions { grid-template-columns:2fr 1fr 1fr; }
.selection-profile .selection-actions>.ys-button { grid-column:auto; }
.selection-profile .mfo-hero-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; max-width:880px; }
.selection-profile .mfo-hero-actions>a { display:flex; align-items:center; justify-content:center; gap:10px; padding:12px; border-radius:12px; background:#ededf1; color:#191b20; text-decoration:none; }
.selection-has-compare .conversion-dock { display:none; }
.ys-legacy .story-hero { background:#f5f5f7; color:#191b20; }
.ys-legacy .story-hero h1 { color:#191b20; }
.ys-legacy .story-hero p { color:#5d6068; }
@media(max-width:1100px) {
  .ys-offer-grid.selection-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .selection-hero.ys-hero { gap:28px; }
}
@media(max-width:760px) {
  .selection-hero.ys-hero { display:flex; flex-direction:column; padding:12px 0 18px; gap:18px; }
  .selection-hero .ys-hero-copy h1 { font-size:34px; margin:10px 0 12px; }
  .selection-hero .ys-hero-copy>p:not(.ys-kicker) { font-size:14px; line-height:1.5; margin:0; }
  .selection-hero .ys-kicker { font-size:10px; }
  .selection-hero-benefits { margin:12px 0; gap:12px; font-size:11px; }
  .selection-hero-benefits .ys-icon { width:17px; height:17px; }
  .selection-quick { gap:6px; }
  .selection-quick a { font-size:11px; padding:7px 9px; }
  .selection-form,.selection-form-hero { display:flex; flex-direction:column; align-items:stretch; gap:12px; padding:16px; max-width:none; }
  .selection-form input,.selection-form select { min-height:44px; font-size:16px; }
  .selection-situation-fields select { font-size:14px; }
  .selection-form label { font-size:12px; }
  .selection-form>small { font-size:10px; }
  .selection-more summary { font-size:12px; }
  .selection-list-heading { flex-direction:column; align-items:stretch; gap:12px; }
  .selection-list-heading h2 { font-size:25px; }
  .selection-sort { justify-content:space-between; }
  .selection-sort select { flex:1; max-width:250px; }
  .ys-offer-grid.selection-grid { grid-template-columns:1fr; gap:16px; }
  .ys-card.selection-card { padding:18px; }
  .selection-card .ys-lender h3 { font-size:20px; }
  .selection-card .ys-lender small { font-size:12px; }
  .selection-reason { min-height:0; font-size:13px; margin:14px 0; }
  .selection-card .ys-facts dd { font-size:15px; }
  .selection-card .ys-approval-line>span { font-size:13px; }
  .selection-card .ys-approval-level { font-size:15px; }
  .selection-card .ys-speed-line span { font-size:13px; }
  .selection-card .ys-speed-line strong { font-size:16px; }
  .selection-alternative-grid,.selection-steps ol { grid-template-columns:1fr; }
  .selection-city-context img { max-height:160px; }
  .selection-compare-heads { gap:10px; margin:20px 0; }
  .selection-compare-heads>div { padding:12px; }
  .selection-compare-heads strong { font-size:14px; }
  .selection-compare-heads span { font-size:10px; }
  .selection-compare-row { padding:14px; }
  .selection-compare-row>div { display:block; }
  .selection-compare-row p { display:grid; grid-template-columns:90px 1fr; gap:12px; padding:10px 0; border-bottom:1px solid #e5e5e9; }
  .selection-compare-row p:last-child { border-bottom:0; }
  .selection-compare-row p>span { display:block; font-size:12px; color:#5d6068; }
  .selection-compare-row strong { font-size:15px; }
  .selection-compare-actions { display:flex; flex-direction:column; }
  .selection-profile .selection-signals { grid-template-columns:1fr; }
  .selection-profile .selection-card dl.ys-facts { grid-template-columns:1fr 1fr; }
  .selection-profile .selection-actions { grid-template-columns:1fr 1fr; }
  .selection-profile .selection-actions>.ys-button { grid-column:1 / -1; }
  .selection-has-compare body { padding-bottom:80px; }
}

/* The recommendation strip follows the picker without a second large section gap. */
#selection-form + .selection-offers { margin-top:16px; }
[data-selection-page]>.ys-page-intro:has(+ #selection-form){padding:24px 0 16px}
[data-selection-page]>.ys-page-intro:has(+ #selection-form)>p:last-child{margin-bottom:0}
.selection-list-heading .ys-kicker { margin:0 0 12px; }
.selection-more summary { display:flex; align-items:center; gap:8px; list-style:none; }
.selection-more summary::-webkit-details-marker { display:none; }
.selection-more summary::before {
 content:""; width:16px; height:16px; flex:0 0 16px;
 background:url("/assets/select-chevron.svg") center / 16px 16px no-repeat;
 transform:rotate(-90deg);
}
.selection-more[open] summary::before { transform:none; }
@media(max-width:760px) {
 #selection-form + .selection-offers { margin-top:16px; }
 [data-selection-page]>.ys-page-intro:has(+ #selection-form){padding:24px 0 8px}
}

/* Keep complete scenario labels readable in narrow picker columns. */
.selection-form-hero .selection-situation-fields { grid-template-columns:minmax(0,1fr); }
.selection-form-hero .selection-situation-fields select { text-overflow:clip; }
.selection-faq>h2,.selection-steps>h2 { margin-bottom:20px; }
.selection-reading>summary { overflow-wrap:break-word; line-height:1.5; }
@media(max-width:760px) {
 .selection-form .selection-situation-fields { grid-template-columns:minmax(0,1fr); }
 .selection-form .selection-situation-fields select { font-size:16px; text-overflow:clip; }
 .selection-more .selection-main-fields { grid-template-columns:minmax(0,1fr); }
 .selection-faq>h2,.selection-steps>h2 { margin-bottom:16px; }
}
@media(max-width:380px) {
 .selection-form,.selection-form-hero { padding:12px; }
 .selection-form .selection-main-fields { grid-template-columns:minmax(0,1fr); }
 .selection-form input,.selection-form select { padding-left:10px; }
 .selection-list-heading h2 { font-size:22px; }
}
.selection-hero .ys-hero-copy { min-width:0; max-width:100%; width:100%; }
@media(max-width:380px) {
 .selection-hero .ys-hero-copy h1 { font-size:30px; line-height:1.18; }
 .selection-hero .ys-kicker { overflow-wrap:anywhere; }
}
/* Secondary filters stay collapsed, including when saved criteria are restored. */
.selection-form .selection-situation-fields { grid-template-columns:minmax(0,1fr); }
.selection-form .selection-more summary { min-height:44px; font-size:13px; font-weight:400; }
.selection-form .selection-more-active { margin-left:auto; padding:3px 7px; border-radius:6px; background:#ffeaf0; color:#9d1430; font-size:11px; }
.selection-form .selection-extra-fields { grid-template-columns:minmax(0,1fr); gap:14px; }
.selection-form .selection-more:not([open])>.selection-extra-fields { display:none; }
@media(min-width:761px) {
 /* Give every primary control a defined place; hidden inputs must not create empty tracks. */
 .selection-form:not(.selection-form-hero) {
  grid-template-columns:minmax(220px,1fr) minmax(280px,1.35fr);
  gap:6px 16px; padding:16px; border-radius:20px;
 }
 .selection-form:not(.selection-form-hero)>.selection-situation-fields { grid-column:1; grid-row:1; }
 .selection-form:not(.selection-form-hero)>.selection-main-fields { grid-column:2; grid-row:1; gap:16px; }
 .selection-form:not(.selection-form-hero)>.ys-button { grid-column:2; grid-row:2; min-height:44px; border-radius:12px; font-size:14px; font-weight:600; }
 .selection-form:not(.selection-form-hero) label { gap:5px; }
 .selection-form:not(.selection-form-hero) :is(input:not([type=checkbox]),select) { min-height:44px; border-radius:12px; padding:10px 14px; }
 .selection-form:not(.selection-form-hero)>.selection-more { grid-column:1; grid-row:2; min-width:0; align-self:center; }
 .selection-form:not(.selection-form-hero)>.selection-more[open] { grid-column:1/-1; grid-row:3; }
 .selection-form:not(.selection-form-hero) .selection-more summary { width:fit-content; max-width:100%; min-height:44px; gap:10px; }
 .selection-form:not(.selection-form-hero) .selection-more[open] summary { margin-bottom:16px; }
 .selection-form:not(.selection-form-hero) .selection-extra-fields { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
 .selection-form:not(.selection-form-hero)>.selection-more[open] .selection-extra-fields { padding-top:16px; border-top:1px solid #e2e3e8; }
 .selection-form:not(.selection-form-hero)>small { grid-column:1/-1; grid-row:4; margin:0; line-height:1.5; font-weight:400; }
 .selection-form:not(.selection-form-hero):not(:has(>.selection-more[open]))>small { grid-row:3; }
 .selection-form:not(.selection-form-hero)+.ys-section,
 #selection-form:has(>.selection-form:not(.selection-form-hero))+.ys-section { margin-top:16px; }
}
@media(min-width:1100px) {
 .selection-form:not(.selection-form-hero) { grid-template-columns:minmax(240px,1fr) minmax(300px,1.35fr) 252px; }
 .selection-form:not(.selection-form-hero)>.ys-button { grid-column:3; grid-row:1; }
 .selection-form:not(.selection-form-hero)>.selection-more,
 .selection-form:not(.selection-form-hero)>.selection-more[open] { grid-column:1/-1; grid-row:2; }
 .selection-form:not(.selection-form-hero) .selection-extra-fields { grid-template-columns:repeat(4,minmax(0,1fr)); }
 .selection-form:not(.selection-form-hero)>small,
 .selection-form:not(.selection-form-hero):not(:has(>.selection-more[open]))>small {
  grid-column:2/-1; grid-row:2; justify-self:end; align-self:center; padding-top:0;
 }
 .selection-form:not(.selection-form-hero):has(>.selection-more[open])>small{grid-column:1/-1;grid-row:3;justify-self:start}
}

.selection-verified-badge { display:inline-flex; align-items:center; gap:12px; min-height:44px; padding:0 4px 0 14px; margin:0 0 12px; border-radius:12px; background:#f1f1f4; color:#4b5059; font-size:12px; font-weight:600; line-height:1.4; }
.selection-method-help { display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; border-radius:10px; background:transparent; color:#636975; font-family:inherit;font-size:16px;font-weight:600;line-height:1; cursor:pointer; }
.selection-method-help:hover { background:#e6e6eb; color:#252936; }
.selection-check-benefit { display:inline-flex; align-items:center; gap:8px; min-height:32px; padding:0; border:0; background:transparent; color:inherit; font:inherit; font-weight:600; cursor:pointer; }
.selection-check-benefit:hover { color:#c81434; }
.selection-method-dialog { box-sizing:border-box; width:calc(100% - 32px); max-width:500px; max-height:calc(100dvh - 32px); margin:auto; padding:24px; border:0; border-radius:20px; background:#fff; color:#252936; overflow:auto; overscroll-behavior:contain; font:400 14px/1.55 Geologica,Arial,sans-serif; box-shadow:0 20px 70px #0002; }
.selection-method-dialog::backdrop { background:#191b2059; }
.selection-method-dialog header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:14px; }
.selection-method-dialog h2 { margin:0; font-size:23px; line-height:1.25; letter-spacing:-.4px; }
.selection-method-dialog header button { display:grid; place-items:center; flex:none; width:44px; height:44px; border:0; border-radius:10px; background:#f2f2f5; color:#4b5059; cursor:pointer; }
.selection-method-dialog header svg { width:20px; height:20px; }
.selection-method-dialog p { margin:0; font-weight:400; }
.selection-method-dialog .selection-method-intro { color:#626570; margin:0 0 20px; }
.selection-method-steps { list-style:none; counter-reset:method; padding:0; margin:0; display:grid; gap:18px; }
.selection-method-steps li { position:relative; padding-left:38px; counter-increment:method; }
.selection-method-steps li::before { content:counter(method); position:absolute; left:0; top:0; display:grid; place-items:center; width:26px; height:26px; border-radius:8px; background:#fff0f3; color:#b91430; font-size:12px; font-weight:600; }
.selection-method-steps strong { display:block; color:#191b20; font-size:14px; font-weight:600; margin-bottom:4px; }
.selection-method-steps p { color:#535762; font-size:13px; }
.selection-method-dialog .selection-method-note { border-top:1px solid #e8e8ec; padding-top:14px; margin-top:18px; color:#626570; font-size:12px; }
.selection-method-support { padding:16px; margin-top:18px; border-radius:14px; background:#f5f5f7; }
.selection-method-support>strong { display:block; font-size:14px; font-weight:600; color:#191b20; }
.selection-method-support>p { margin:6px 0; font-size:13px; color:#535762; }
.selection-method-support>a { display:inline-flex; align-items:center; gap:10px; min-height:40px; color:#b91430; font-size:14px; font-weight:500; text-decoration:none; }
.selection-method-support>a:hover { text-decoration:underline; text-underline-offset:3px; }
.selection-method-actions { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:18px; }
.selection-method-actions>a { color:#626570; font-size:12px; text-decoration:underline; text-underline-offset:3px; }
.selection-method-dialog .selection-method-done { flex:none; min-height:44px; padding:10px 18px; border:0; border-radius:10px; background:#f0f0f3; color:#252936; font:500 13px/1.5 Geologica,Arial,sans-serif; cursor:pointer; }
.selection-method-dialog :is(a,button):focus-visible { outline:2px solid #d71935; outline-offset:3px; }
html.selection-method-open { overflow:hidden; }
@media(max-width:760px) { .selection-verified-badge{font-size:11px;padding-left:12px}.selection-method-dialog{padding:18px}.selection-method-dialog h2{font-size:21px}.selection-method-steps{gap:16px}.selection-method-support{padding:14px} }

/* A single full-row explanation trigger; no separate question-mark target. */
.selection-offers>.selection-verified-badge {
 display:flex; align-items:center; justify-content:space-between; gap:12px;
 box-sizing:border-box; width:100%; min-height:44px; padding:10px 14px;
 margin:0 0 18px; border:0; border-radius:10px;
 background:#fff0f3; color:#a71331;
 font-family:inherit; font-size:13px; font-weight:600; line-height:1.4;
 text-align:left; cursor:pointer; transition:background .15s ease;
}
.selection-offers>.selection-verified-badge:hover { background:#ffe3e9; }
.selection-verified-chevron { flex:0 0 18px; width:18px; height:18px; background:url('/assets/select-chevron.svg') center / 18px 18px no-repeat; }
@media(max-width:760px) { .selection-offers>.selection-verified-badge { font-size:12px; padding:10px 12px; margin-bottom:16px; } }
@media(prefers-reduced-motion:reduce) { .selection-offers>.selection-verified-badge { transition:none; } }
.selection-verified-chevron { transform:rotate(-90deg); }

/* Explain the team's selection before the results, consistently across loan listings. */
.selection-offers>.selection-method-link,.selection-collection-hero .selection-method-link {
 display:flex;align-items:center;gap:10px;width:100%;min-height:44px;
 padding:8px 14px;margin:0 0 14px;border:0;border-radius:12px;
 background:#fff0f3;color:#34363e;font:400 14px/1.5 Geologica,Arial,sans-serif;
 text-align:left;cursor:pointer;
}
.selection-method-link>.ys-icon { width:18px;height:18px;color:#c81434; }
.selection-method-label { flex:1;min-width:0; }
.selection-method-label strong { font-weight:600; }
.selection-method-label>span { display:inline-block; }
.selection-method-link .selection-verified-chevron { flex:0 0 16px;width:16px;height:16px;background-size:16px; }
.selection-offers>.selection-method-link:hover,.selection-collection-hero .selection-method-link:hover { background:#ffe3e9; }
.selection-method-link:focus-visible { outline:2px solid #df1035;outline-offset:3px; }
@media(max-width:760px) {
 .selection-offers>.selection-method-link { width:100vw;margin-inline:calc((100% - 100vw)/2);padding:8px 18px;border-radius:0;font-size:12px; }
 .selection-method-link .selection-method-label { line-height:1.2; }
}

.selection-list-heading h2 { display:flex;align-items:center;gap:8px; }
.selection-list-heading h2>.ys-count { flex-shrink:0; }

/* One editorial explanation at the bottom, instead of repeating it in cards. */
body:is(.ys-page,.ys-legacy) main .selection-editorial-note{margin:24px 0 16px;padding-top:14px;border-top:1px solid #e4e4e8;font-size:11px;font-weight:400;line-height:1.6;color:#60636c!important}
body:is(.ys-page,.ys-legacy) main .selection-editorial-note a{color:#a71331;text-decoration:underline;text-underline-offset:2px}

/* Collection filters share the first row with the heading on desktop. */
.selection-collection-hero>:is(.rb-intro,#selection-form){min-width:0}
.selection-collection-hero>.rb-intro{padding-bottom:12px}
.selection-collection-hero>.rb-intro>p:not(.ys-kicker){margin-bottom:0}
@media(min-width:1000px){
 .selection-collection-hero{display:grid;grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:32px;margin:16px 0}
 .selection-collection-hero>.rb-intro{max-width:none;padding:8px 0 0}
 .selection-collection-hero>.rb-intro h1{margin:14px 0 18px;font-size:44px;line-height:1.15}
 .selection-collection-hero>.rb-intro>p:last-child{max-width:620px;margin:0;font-size:16px;line-height:1.6}
 .selection-collection-hero>.rb-intro>p:not(.ys-kicker){max-width:620px;margin:0;font-size:16px;line-height:1.6;color:#60636c}
 .selection-collection-hero .selection-method-link{width:fit-content;max-width:100%;min-height:44px;margin:12px 0 0;padding:8px 14px;font-size:13px;gap:10px}
 .selection-collection-hero .selection-form{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:16px;margin:0;border-radius:20px}
 .selection-collection-hero .selection-form>.selection-situation-fields,
 .selection-collection-hero .selection-form>.selection-main-fields{width:100%;gap:12px}
 .selection-collection-hero .selection-form :is(input:not([type=checkbox]),select){min-height:44px;padding:10px 12px}
 .selection-collection-hero .selection-form>.selection-more{width:100%;align-self:stretch}
 .selection-collection-hero .selection-form .selection-more summary{min-height:36px}
 .selection-collection-hero .selection-form .selection-extra-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
 .selection-collection-hero .selection-form>.ys-button{width:100%;min-height:44px;margin:0;padding:10px 12px;font-size:14px}
 .selection-collection-hero .selection-form>small,
 .selection-collection-hero .selection-form:not(.selection-form-hero):not(:has(>.selection-more[open]))>small{margin:0;padding:0;align-self:stretch;text-align:center;font-size:11px;line-height:1.5}
 .selection-collection-hero+.selection-offers{margin-top:16px}
}
@media(min-width:761px){.selection-form-hero .selection-more summary{min-height:36px}}

/* The headline separates the subject from its supporting message. */
.selection-hero h1 .selection-heading-key,.selection-collection-hero h1 .selection-heading-key{display:inline;color:#d71935;font-weight:750}
.selection-hero h1 .selection-heading-rest,.selection-collection-hero h1 .selection-heading-rest{display:inline;color:#191b20;font-weight:450}
.selection-hero h1 .selection-heading-key::after,.selection-hero h1 .selection-heading-rest::after{content:none}
.selection-form-column{width:100%;max-width:430px;min-width:0;justify-self:end}
.selection-form-column .selection-form-hero{max-width:none}
@media(min-width:1000px){
 .selection-form-column>.selection-method-link,.selection-collection-hero #selection-form>.selection-method-link{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 14px;margin:12px 0 0;border:0;border-radius:12px;background:#fff0f3;color:#34363e;font:400 13px/1.45 Geologica,Arial,sans-serif;text-align:left;cursor:pointer}
 .selection-form-column>.selection-method-link:hover{background:#ffe3e9}
 .selection-collection-hero #selection-form>.selection-method-link{max-width:none}
}
@media(max-width:999px){.selection-form-column{max-width:none}}

/* A clear end to the initial eight offers, before supplementary reading. */
.selection-pagination{display:flex;flex-direction:column;align-items:center;gap:10px;margin:20px 0 0;min-width:0}
.selection-pagination>p{margin:0;color:#656873;font:400 12px/1.5 Geologica,Arial,sans-serif}
.selection-pagination>.selection-show-more{display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px;max-width:100%;padding:12px 24px;border:0;border-radius:12px;background:#f0f0f3;color:#34363e;font:400 14px/1.4 Geologica,Arial,sans-serif;cursor:pointer;transition:background .15s ease}
.selection-pagination>.selection-show-more:hover{background:#e5e5eb}
.selection-show-more>span{font-size:18px;line-height:1;color:#656873}
.selection-show-more:focus-visible{outline:2px solid #d71935;outline-offset:3px}
[data-selection-paged-grid]>[hidden],.selection-pagination[hidden],.selection-show-more[hidden]{display:none!important}
@media(max-width:760px){.selection-pagination{margin-top:16px;gap:8px}.selection-pagination>.selection-show-more{width:100%}}
@media(prefers-reduced-motion:reduce){.selection-pagination>.selection-show-more{transition:none}}

/* Supplementary reading stays distinct from expanding the offer list. */
[data-kazan-requirements]>details>summary{padding-top:8px;padding-bottom:8px;line-height:1.5}
.selection-requirements-label{display:block;min-width:0}
.selection-requirements-count{display:block;margin-top:4px;white-space:nowrap;font-size:12px;line-height:1.5;font-weight:400;color:#656873}
.selection-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;margin-top:0;margin-bottom:28px}
.selection-tools>a.selection-tool-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;padding:4px 0;border:0;background:none;color:#515761;font:400 13px/1.55 Geologica,Arial,sans-serif;text-decoration:none;overflow-wrap:anywhere}
.selection-tool-label{min-width:0;text-decoration:underline;text-underline-offset:3px}
.selection-tool-link>[aria-hidden]{flex:none;font-size:18px;line-height:1}
.selection-tools>a.selection-tool-link:hover{color:#a71331}
@media(max-width:760px){.selection-tools{flex-direction:column;align-items:flex-start;gap:4px}}

/* Main explanations and examples are always visible; FAQ is a sibling, never width-limited by reading. */
.selection-reading-static>div{padding-top:0}
.selection-reading-static>div>h2:first-child{margin-top:0}
.selection-reading-static>h2{margin:0 0 16px}
.selection-reading-static h2{font-size:clamp(22px,2.4vw,30px);line-height:1.25}
/* One compact method trigger beside the results heading on every loan listing. */
.selection-list-controls{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap}@media(max-width:760px){.selection-list-heading{align-items:start;gap:12px;flex-wrap:wrap}.selection-list-controls{justify-content:start;gap:10px}}

/* The editorial method belongs directly below the filter form. It stays in
   the page slot while the mobile filter form moves into its dialog. */
.selection-form-column>.selection-method-link,
#selection-form>.selection-method-link {
 display:flex;align-items:center;gap:10px;width:100%;max-width:none;min-height:44px;
 padding:10px 14px;margin:12px 0 0;border:0;border-radius:12px;
 background:#fff0f3;color:#34363e;font:400 13px/1.45 Geologica,Arial,sans-serif;
 text-align:left;cursor:pointer;
}
.selection-form-column>.selection-method-link:hover,
#selection-form>.selection-method-link:hover {background:#ffe3e9}