.funding-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .6rem; }
.funding-tile { display: grid; gap: .3rem; padding: .85rem; border: 1px solid var(--oc-line-soft); background: var(--oc-panel-raised); cursor: pointer; text-align: left; }
.funding-tile:hover, .funding-tile.selected { border-color: var(--oc-gold); }
.funding-tile strong { font: 650 .95rem "Outfit", sans-serif; }
.funding-tile .rate { font: 700 1.1rem "Outfit", sans-serif; }
.funding-tile .annual { color: var(--oc-muted); font-size: .68rem; }
.rate-warm { color: var(--oc-red); } .rate-cool { color: var(--oc-teal); } .rate-flat { color: var(--oc-muted); }
.desk-table { width: 100%; border-collapse: collapse; font-size: .78rem; }
.desk-table th, .desk-table td { padding: .55rem .65rem; border-bottom: 1px solid var(--oc-line-soft); text-align: right; }
.desk-table th { color: var(--oc-muted); font-weight: 700; font-size: .66rem; text-transform: uppercase; letter-spacing: .06em; }
.desk-table td:first-child, .desk-table th:first-child { text-align: left; font-weight: 650; }
.table-wrap { overflow-x: auto; }
.options-pending { opacity: .85; }
@media (max-width: 980px) { .funding-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .desk-table { font-size: .7rem; } }
@media (max-width: 700px) { .funding-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }