/* Independent cash loan ranking page */
.ranking-page .bank-comparator-page{padding-top:132px}
.ranking-page .bank-ranking-hero{max-width:790px;margin:0 auto 24px;text-align:center}
.ranking-page .bank-ranking-hero h1{margin:0 auto 12px}
.ranking-page .bank-ranking-hero .bank-lead{margin:0 auto}
.ranking-page .bank-intro-note{margin-bottom:12px}
.ranking-page .ranking-explainer{display:flex;align-items:center;gap:12px;margin:0 0 22px;padding:14px 18px;border:1px solid #dbe9ec;border-radius:14px;background:#fff;color:#52697a}
.ranking-page .ranking-explainer-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#e1f2f2;color:#0d7189;font-size:18px;font-weight:800}
.ranking-page .ranking-explainer p{margin:0;font-size:13px;line-height:1.55}.ranking-page .ranking-explainer strong{color:#193b56}
.ranking-page .bank-grid{counter-reset:finoxa-rank;display:grid;grid-template-columns:1fr;gap:12px}
.ranking-page .bank-card{counter-increment:finoxa-rank;position:relative;display:grid;grid-template-columns:52px minmax(190px,.8fr) minmax(280px,1.45fr) minmax(175px,.7fr);grid-template-areas:"rank brand product actions" "rank brand facts actions";align-items:center;column-gap:18px;row-gap:5px;padding:17px 20px;border:1px solid #e0e8ee;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(17,42,68,.045);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.ranking-page .bank-card:hover{transform:translateY(-1px);border-color:#bfd5df;box-shadow:0 10px 25px rgba(17,42,68,.075)}
.ranking-page .bank-card::before{content:counter(finoxa-rank,decimal-leading-zero);grid-area:rank;display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#e8f3f5;color:#0d7189;font-size:13px;font-weight:850;letter-spacing:.02em}
.ranking-page .bank-card-top{grid-area:brand;min-width:0}.ranking-page .bank-card h2{font-size:16px}.ranking-page .bank-product{grid-area:product;margin:0;color:#193b56;font-size:14px;font-weight:750}
.ranking-page .bank-facts{grid-area:facts;display:block;margin:0}.ranking-page .bank-facts div{padding:0;border:0}.ranking-page .bank-facts div+div{display:none}.ranking-page .bank-facts dt{display:none}.ranking-page .bank-facts dd{margin:0;color:#63778a;font-size:12px;line-height:1.5}
.ranking-page .bank-card-actions{grid-area:actions;display:flex;flex-direction:column;gap:10px}.ranking-page .bank-card-actions .bank-cta{order:1;justify-content:center;min-height:43px;margin:0;padding:10px 12px;text-align:center}.ranking-page .bank-card-actions .compare-select{order:2;margin:0;font-size:12px}
.ranking-page .bank-compare{scroll-margin-top:105px}
@media(max-width:780px){.ranking-page .bank-card{grid-template-columns:42px minmax(0,1fr) minmax(150px,.75fr);grid-template-areas:"rank brand actions" "rank product actions" "rank facts facts";column-gap:12px;row-gap:8px;padding:15px}.ranking-page .bank-card::before{width:34px;height:34px;border-radius:11px;font-size:12px}.ranking-page .bank-card-top .bank-logo{flex-basis:90px;width:90px;height:46px}.ranking-page .bank-facts{padding-top:9px;border-top:1px solid #e8edf1}.ranking-page .bank-facts div+div{display:block;margin-top:5px}.ranking-page .bank-facts div+div dt,.ranking-page .bank-facts dt{display:block}.ranking-page .bank-facts dt{margin:0 0 2px}}
@media(max-width:480px){.ranking-page .bank-comparator-page{padding-top:108px}.ranking-page .bank-card{grid-template-columns:34px minmax(0,1fr);grid-template-areas:"rank brand" "rank product" "rank facts" "rank actions";padding:14px}.ranking-page .bank-card-actions{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.ranking-page .bank-card-actions .compare-select{order:1}.ranking-page .bank-card-actions .bank-cta{order:2;font-size:12px}.ranking-page .bank-grid{gap:10px}}
