.rates-subnav { display:flex; align-items:center; gap:8px; overflow-x:auto; padding:14px clamp(18px,3vw,56px); border-top:1px solid #d7e6f4; border-bottom:1px solid #c3d9ed; background:#edf5fc; box-shadow:0 7px 20px rgb(18 68 116/.08); }
.rates-page .rates-subnav a { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; min-height:46px; padding:11px 20px; border:1px solid transparent; border-radius:12px; color:#294b6c; text-decoration:none; font-size:14px; font-weight:750; transition:background .18s,color .18s,box-shadow .18s; }
.rates-page .rates-subnav a:hover { color:#104e91; border-color:#c3d9ed; background:#fff; }
.rates-page .rates-subnav a.active { color:#fff; border-color:#115bbb; background:#115bbb; box-shadow:0 5px 14px rgb(17 91 187/.22); }
.rates-page .rates-subnav a:focus-visible { outline:3px solid #168feb; outline-offset:2px; }
.rates-coop-directory { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:16px; margin-bottom:32px; }
.rates-coop-directory article { background:#fff; padding:22px; border:1px solid #d9e5f1; border-radius:14px; }
.rates-directory-logo { width:64px; height:54px; margin-bottom:15px; }
.rates-directory-logo img { width:100%; height:100%; object-fit:contain; }
.rates-coop-directory h2 { font-size:17px; line-height:1.4; color:#163958; }
.rates-coop-directory p,.rates-coop-directory small { display:block; font-size:12px; color:#698096; margin:8px 0; }
.rates-coop-directory a { display:block; color:#126bca; font-size:12px; font-weight:700; margin-top:14px; }
.rates-calculator-grid { display:grid; grid-template-columns:minmax(260px,380px) 1fr; gap:28px; margin-top:28px; }
.rates-calculator-form,.rates-projection article { border:1px solid #d8e5f0; border-radius:14px; background:#fff; padding:26px; }
.rates-calculator-form label { display:block; color:#34546f; font-size:13px; margin-bottom:18px; }
.rates-calculator-form input:not([type=submit]),.financial-search-fields select,.rates-controls input[type=number] { display:block; width:100%; min-height:44px; margin-top:7px; padding:10px 12px; border:1px solid #c9dbea; border-radius:8px; background:#fff; color:#173955; font-size:14px; }
.rates-calculator-form input[type=submit] { cursor:pointer; padding:14px; border:0; background:#126bca; color:#fff; border-radius:8px; font-weight:700; }
.rates-calculator-form small { display:block; margin-top:18px; color:#6b8095; }
.rates-projection { display:grid; gap:16px; align-content:start; color:#173955; }
.rates-projection article>p { color:#517999; font-size:10px; letter-spacing:.12em; }
.rates-projection h2 { font-size:20px; font-weight:750; }
.rates-projection strong { display:block; color:#126bca; font-size:32px; margin:14px 0; }
.rates-projection small,.rates-projection>p { color:#657d94; font-size:12px; }
.rates-projection>a { color:#126bca; font-weight:700; }
.financial-search-fields { display:grid; grid-template-columns:1fr 1fr; gap:14px; padding:16px 0; }
.financial-search-fields label { color:#34546f; font-size:12px; }
.financial-search-fields .financial-rates-only { display:flex; gap:9px; align-items:center; }
.financial-search-fields small { font-size:11px; color:#657d94; }
@media(max-width:700px) { .rates-calculator-grid,.financial-search-fields { grid-template-columns:1fr; } .rates-page .rates-subnav a { padding:11px 15px; font-size:13px; } }