.transfer-guide { max-width: 1440px; }
.transfer-guide [hidden] { display: none !important; }
#transfer-filter { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; margin: 1.5rem 0; }
#transfer-filter label { flex-basis: 100%; font-weight: 650; }
#transfer-search { flex: 1 1 16rem; min-width: 0; max-width: 32rem; padding: .75rem; border: 1px solid #6d7788; border-radius: .4rem; font: inherit; }
#transfer-filter button, .transfer-toggle { padding: .7rem 1rem; border: 1px solid #315f9a; border-radius: .4rem; font: inherit; background: #fff; color: #163d70; text-decoration: none; }
.transfer-toggle[aria-pressed=true] { color: #fff; background: #163d70; }
.transfer-scroll { overflow: auto; max-height: 72vh; border: 1px solid #c6ced9; border-radius: .5rem; margin: 1.25rem 0; }
#transfer-table { border-collapse: separate; border-spacing: 0; width: 100%; background: #082b65; color: #f1f5fc; }
#transfer-table caption { text-align: left; padding: .8rem; }
#transfer-table th, #transfer-table td { border-bottom: 1px solid #d8dee8; border-right: 1px solid #d8dee8; padding: 1rem; text-align: left; vertical-align: top; min-width: 10rem; }
#transfer-table thead th { position: sticky; top: 0; z-index: 3; background: #153b73; }
#transfer-table tbody th { position: sticky; left: 0; z-index: 2; background: #103268; min-width: 12rem; max-width: 16rem; }
#transfer-table thead th:first-child { left: 0; z-index: 4; }
.transfer-ratio { font-size: 1.1rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.transfer-cell-content summary { cursor: pointer; }
.transfer-bonus-badge { display: block; margin-top: .45rem; padding: .25rem .45rem; color: #12513d; background: #e1f4eb; border: 1px solid #6da891; border-radius: .3rem; font-size: .85rem; }
.transfer-details { width: min(23rem, 65vw); overflow-wrap: anywhere; line-height: 1.5; padding-top: .5rem; }
.transfer-offer { border-top: 1px solid #c6ced9; margin-top: 1rem; }
.transfer-sources { font-size: .85rem; padding-left: 1.2rem; }
.transfer-unknown { color: #aab9cf; }
.transfer-eligibility { display: block; font-size: .78rem; margin-top: .3rem; }
#transfer-search { background: #fff; color: #162e50; }
.transfer-guide :focus-visible { outline: 3px solid #1261b2; outline-offset: 3px; }
@media (max-width: 600px) {
  #transfer-table th, #transfer-table td { padding: .65rem; min-width: 8rem; }
  #transfer-table tbody th { min-width: 8rem; max-width: 9rem; overflow-wrap: anywhere; }
  .transfer-details { width: calc(100vw - 13rem); min-width: 8rem; max-width: 15rem; }
}