/* Quiet summaries share one identity and rate rhythm across the directory and home. */
.airy-directory{border:0;background:transparent;padding:0;overflow:visible;box-shadow:none}
.airy-directory .comparison-table{width:100%;table-layout:fixed}
.airy-directory .comparison-table th,.airy-directory .comparison-table td{border:0;border-bottom:1px solid #dce2e5;padding:24px 16px;background:transparent;vertical-align:middle}
.airy-directory .comparison-table .account-fee,.airy-directory .comparison-table .account-minimum,.airy-directory .comparison-table .account-expand{text-align:left}
.airy-directory .comparison-table thead th{font-size:.95rem;font-weight:600;padding:10px 16px;vertical-align:middle;background:#f4f5f4;color:var(--ink)}
.airy-directory .comparison-table thead th:first-child{width:36%}
.airy-directory .comparison-table .bank-name,.airy-home .bank-name{display:flex;align-items:center;gap:12px}
.airy-directory .bank-logo,.airy-home .bank-logo{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:32px;padding:0;border:0;box-shadow:none;background:transparent}
.airy-directory .bank-logo img,.airy-home .bank-logo img{max-width:40px;max-height:32px;width:auto;height:auto;object-fit:contain}
.airy-directory .bank-logo.on-dark,.airy-home .bank-logo.on-dark{background:#254b62;border-radius:3px}
.airy-directory .bank-name small,.airy-home .bank-name small{font-weight:400;margin-top:4px}
.airy-directory .rate{font-size:1.6rem;color:var(--burgundy,#681b32);white-space:normal}
.airy-directory .rate-expanded-row[hidden]{display:none!important}
.airy-directory .rate-expanded-row>td{padding:0 0 24px}
.rate-expanded-content{background:#edf5fa;border-radius:8px;padding:24px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;font-weight:400}
.rate-expanded-content h3{font-size:1rem;margin:0 0 12px;font-weight:500}
.rate-expanded-content .annual-interest{font-size:1.3rem}
.rate-expanded-content small,.rate-expanded-content .directory-mobile-label{display:block;font-size:.875rem}
.rate-expanded-content .account-select{margin-top:20px}
.rate-expanded-content .account-choice{display:flex;gap:8px;align-items:center}
.rate-expanded-content .account-choice .visually-hidden{position:static;width:auto;height:auto;clip:auto;clip-path:none;white-space:normal}
.rate-summary-conditions{font-size:.85rem;font-weight:400;margin-top:12px}
.rate-summary-conditions .condition-facts p{margin:4px 0}
.rate-summary-conditions .offer-note{background:transparent;border:0;padding:0;margin:8px 0}
.rate-summary-conditions .badge{font-size:.8rem}
.rate-filter-panel{margin:16px 0 24px}
.rate-filter-panel>summary{color:#245c7c;cursor:pointer;padding:12px 0;min-height:44px}
.airy-home table{width:100%}
.airy-home th,.airy-home td{padding:22px 12px;border-bottom:1px solid #dce2e5;background:transparent}
.airy-home .rate{color:#681b32;font-size:1.5rem}
[data-rate-details]{white-space:nowrap;display:inline-block;min-height:44px;padding:8px 0}
@media(max-width:1000px) and (min-width:701px){
 .airy-directory .account-minimum,.airy-directory thead th:nth-child(4){display:none}
 .rate-expanded-content{grid-template-columns:1fr 1fr}
 /* Explicit shared tracks avoid a phantom fifth column from full-width offer cells. */
 .airy-directory .comparison-table,.airy-directory .comparison-table thead,.airy-directory .comparison-table tbody{display:block;width:100%}
 .airy-directory .comparison-table thead tr,.airy-directory .comparison-table tbody tr.account-row{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,20fr) minmax(0,21fr) minmax(0,17fr);align-items:stretch;gap:0;margin:0;grid-template-areas:none}
 .airy-directory .comparison-table thead th,.airy-directory .comparison-table thead th:first-child{width:auto;min-width:0}
 .airy-directory .comparison-table tbody tr.account-row>th,.airy-directory .comparison-table tbody tr.account-row>td{min-width:0;display:flex;flex-direction:column;justify-content:center}
 .airy-directory .comparison-table tbody tr.account-row>.account-minimum{display:none}
 .airy-directory .comparison-table thead tr{background:#f4f5f4}
 .airy-directory .comparison-table thead th{display:flex;align-items:center}
 .airy-directory .comparison-table thead th:nth-child(4){display:none}
 .airy-directory .comparison-table .connected-offer-row,.airy-directory .comparison-table .rate-expanded-row,.airy-directory .comparison-table tr>td[colspan]{display:block;width:100%}

}
@media(max-width:700px){
 .airy-directory .comparison-table,.airy-directory .comparison-table tbody{display:block}
 .airy-directory .comparison-table thead{display:none}
 .airy-directory .comparison-table .account-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,auto);gap:4px 16px;padding:16px 0;border-bottom:1px solid #dce2e5;background:transparent;border-radius:0;margin:0}
 .airy-directory .comparison-table .account-row>th,.airy-directory .comparison-table .account-row>td{display:block;padding:0;border:0;background:transparent}
 .airy-directory .account-identity{grid-column:1;grid-row:1 / 3}
 .airy-directory .account-row>.rate{grid-column:2;grid-row:1;text-align:right;font-size:1.5rem}
 .airy-directory .account-row>.account-fee,.airy-directory .account-row>.account-minimum{display:none}
 .airy-directory .account-expand{grid-column:2;grid-row:2;text-align:right}
 .airy-directory .directory-mobile-label{display:none}
 .airy-directory .rate-expanded-row,.airy-directory .rate-expanded-row>td{display:block;width:100%}
 .rate-expanded-content{grid-template-columns:1fr;gap:20px;padding:20px}
 .airy-directory .bank-name{align-items:flex-start;gap:10px}
 .airy-directory .bank-logo{flex-basis:28px;width:28px}
 .airy-directory .bank-logo img{max-width:28px;max-height:28px}
 .rate-summary-conditions{line-height:1.5}
 .airy-home .bank-name{gap:8px}
 .airy-home .bank-logo{flex-basis:28px;width:28px}
 .airy-home .bank-logo img{max-width:28px;max-height:28px}
}

.airy-directory .comparison-table{min-width:0}
.airy-directory .comparison-table .bank-name{min-width:0}
.airy-directory .comparison-table .bank-name>a{min-width:0;overflow-wrap:anywhere}
.airy-directory .annual-interest{white-space:normal}
.airy-directory .directory-mobile-label,.airy-directory .directory-mobile-link{display:none}
.airy-directory .rate-expanded-content .directory-mobile-label{display:block}
.airy-directory .comparison-table thead .table-sort{min-height:44px;padding:0;background:transparent;justify-content:flex-start;align-items:center;gap:8px;white-space:nowrap;font-size:.95rem;font-weight:600;color:var(--ink)}
.airy-directory .account-conditions{min-width:0}
.airy-directory .comparison-table caption{padding-bottom:20px}

@media(max-width:700px){
 div.airy-directory .comparison-table tbody tr.account-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,auto);grid-template-areas:none}
 div.airy-directory .comparison-table tbody tr.account-row>.account-identity{grid-area:1 / 1 / 3 / 2;padding:0}
 div.airy-directory .comparison-table tbody tr.account-row>.rate{grid-area:1 / 2 / 2 / 3;padding:0;text-align:right;white-space:normal;background:transparent}
 div.airy-directory .comparison-table tbody tr.account-row>.account-fee,div.airy-directory .comparison-table tbody tr.account-row>.account-minimum{display:none}
 div.airy-directory .comparison-table tbody tr.rate-expanded-row{display:block}
 div.airy-directory .comparison-table tbody tr.rate-expanded-row[hidden]{display:none}
 .airy-directory .comparison-table .bank-name{min-width:0}
}
.rate-expanded-content .annual-interest{order:-1;text-align:left}
.rate-expanded-content .annual-interest .directory-estimate-value{display:block;font-size:1.7rem}
.selected-comparison{margin:24px 0 36px}
.selected-comparison table{table-layout:fixed;min-width:580px}
.selected-comparison th,.selected-comparison td{padding:24px 18px;border-bottom:1px solid #dce2e5;background:transparent;overflow-wrap:anywhere}
.selected-comparison thead th{font-size:1.1rem}
.selected-comparison tbody th{font-weight:400;color:var(--muted)}
.selected-comparison tbody tr:first-child td{font-size:1.6rem;color:var(--burgundy);font-weight:700}
.selected-comparison .bank-name{min-width:0}
.selected-comparison .bank-logo{width:32px;height:32px;flex:0 0 32px;background:transparent}
.selected-comparison .bank-logo img{max-width:32px;max-height:32px;width:auto;height:auto}
.selected-comparison .bank-name small{display:block;font-size:.9rem;font-weight:400}
@media(max-width:700px){.selected-comparison th,.selected-comparison td{padding:18px 10px}}
@media(max-width:700px){
 .two-accounts table,.two-accounts thead,.two-accounts tbody{display:block;min-width:0;width:100%}
 .two-accounts tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-bottom:1px solid var(--line)}
 .two-accounts tbody th{grid-column:1 / -1;padding-bottom:0;border:0}
 .two-accounts td,.two-accounts thead th{border:0;min-width:0}
 .two-accounts thead th:first-child{display:none}
 .two-accounts .bank-name{display:block}
 .two-accounts .bank-logo{margin-bottom:8px}
}
.airy-directory .rate-expanded-content .directory-mobile-link{display:inline-block;margin-top:16px;font-size:1rem}
.airy-directory .rate-summary-conditions .condition-facts{gap:2px}
.airy-directory .rate-summary-conditions a{font-size:.85rem}

/* The working surface follows the approved quiet table mockups. */
.rate-page .page-heading{margin:28px 0 32px}
.rate-toolbar{position:relative;margin:0 0 28px}
.rate-toolbar>p{position:absolute;left:0;top:0;margin:10px 0;pointer-events:none}
.rate-toolbar .rate-filter-panel{margin:0;width:100%;max-width:100%}
.rate-toolbar .rate-filter-panel>summary{text-align:right;list-style:none;padding:10px 0;color:var(--blue);font-weight:600;text-decoration:underline;text-underline-offset:4px}
.rate-toolbar .rate-filter-panel>summary::-webkit-details-marker{display:none}
.rate-toolbar .comparison-filters{margin:12px 0;background:#f1f5f7}
.rate-support{margin:32px 0;font-size:.9rem;color:var(--muted)}
.rate-support .comparison-context{display:block;margin:0}
.rate-support p{margin-top:20px}
.airy-directory caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.airy-directory .comparison-table .bank-name>a{font-family:"Source Serif 4",Georgia,serif;font-size:1.25rem;font-weight:600;text-decoration:none}
.airy-directory .comparison-table .bank-name small{font-family:"Source Sans 3",sans-serif;font-size:.95rem;color:var(--muted)}
.airy-directory .comparison-table .rate{font-family:"Source Serif 4",Georgia,serif;font-size:1.9rem}
.airy-directory .rate-summary-conditions>a{display:none}
.airy-directory .rate-summary-conditions>.condition-facts p:first-child{display:none}
.airy-directory .rate-summary-conditions{margin:0}
.rate-expanded-content .annual-interest h3{font-size:1rem;color:var(--muted)}
.rate-expanded-content .annual-interest .directory-mobile-label{display:none}
.rate-page .selection-bar{background:transparent;border-top:1px solid var(--line);padding:20px 0;border-radius:0}
.rate-page .listing-heading{margin:0 0 16px}
@media(max-width:700px){
 .rate-toolbar{gap:12px;margin-bottom:20px}
 .rate-toolbar>p{font-size:.95rem}
 .rate-toolbar .rate-filter-panel{font-size:.95rem}
 .airy-directory .comparison-table .account-row{padding:16px 0;gap:0 16px;align-items:center}
 .airy-directory .comparison-table .bank-name>a{font-size:1.15rem}
 .airy-directory .comparison-table .rate{font-size:1.65rem}
 div.airy-directory .comparison-table tbody tr.account-row>.account-expand{grid-area:2 / 2 / 3 / 3;text-align:right;align-self:start}
 .airy-directory [data-rate-details]{padding:4px 0;min-height:44px;line-height:36px}
}

.rate-table-note{font-size:.85rem;color:var(--muted);margin:14px 0}
.airy-directory .table-sort.is-sorted{color:var(--blue)}

/* Keep the site's photographic masthead and white working panel. */
.rate-page .airy-directory{background:#fff;border-radius:8px;padding:20px 24px}
.airy-directory .comparison-table .connected-offer-row>td{padding:0 16px 20px}
.airy-directory .connected-offer-row .offer-note{margin:0;white-space:normal}
@media(max-width:700px){
 .rate-page .featured-image{display:none}
 .rate-page .airy-directory{padding:0 16px}
 .airy-directory .comparison-table .connected-offer-row,.airy-directory .comparison-table .connected-offer-row>td{display:block;width:100%}
 .airy-directory .comparison-table .connected-offer-row>td{padding:0 0 16px}
}
