/* BERT Commercial Energy Rates tables (agent-managed, #555). Pairs with bert-rates-table-v1.js.
   Rows are rendered by the site data runtime from the Site Database; this file only styles them. */
.rt-table{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}
.rt-head,.rt-row{display:grid;grid-template-columns:56px minmax(0,1.3fr) minmax(0,1.1fr) minmax(0,1fr) 248px;gap:12px;align-items:center;padding:10px 16px}
.rt-head.rt-metro,.rt-row.rt-metro{grid-template-columns:56px minmax(0,1.5fr) minmax(0,.9fr) minmax(0,1.5fr) 248px}
.rt-head{background:var(--mist);border-bottom:2px solid var(--line);font-size:13px;font-weight:700;color:var(--teal)}
.rt-sort,.rt-hcell{font:inherit;color:inherit;background:none;border:0;padding:6px 0;text-align:left;min-height:36px}
.rt-sort{cursor:pointer}
.rt-sort::after{content:"\2195";margin-left:6px;color:#9fb8c4;font-size:11px}
.rt-sort[aria-sort="ascending"]::after{content:"\25B2";color:var(--accent)}
.rt-sort[aria-sort="descending"]::after{content:"\25BC";color:var(--accent)}
.rt-sort:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.rt-head .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rt-row:hover{background:#f7fbfc}
.rt-rank{font-weight:800;color:var(--navy)}
.rt-state{font-weight:600}
.rt-state strong{display:block}
.rt-util{display:block;color:var(--muted);font-size:13px;font-weight:400}
.rt-rate{color:var(--teal);font-size:17px}
.rt-up{color:#a33a3a;font-weight:700}
.rt-down{color:#1d7a55;font-weight:700}
.rt-even{color:var(--muted);font-weight:700}
.rt-up,.rt-down,.rt-even,.rt-rate{white-space:nowrap}
.rt-src{font-size:13px;color:var(--muted)}
.rt-src a{overflow-wrap:anywhere}
.rt-lbl{display:none}
.rt-row .rt-go{font-size:14px;padding:8px 14px;white-space:nowrap;text-align:center;justify-self:end}
.rt-meta{display:flex;flex-wrap:wrap;gap:6px 24px;font-size:14px;color:var(--muted);margin:0 0 14px}
.rt-meta strong{color:var(--ink)}
/* the data runtime gives generic items a card look; these rows are table rows instead */
.rt-rows .rt-row{padding:10px 16px;border:0;border-bottom:1px solid var(--line);border-radius:0;min-width:0}
.rt-rows .rt-row:last-child{border-bottom:0}
.rt-meta-slot .rt-meta{padding:0;border:0;border-radius:0}
/* tablet: the button drops below the figures */
@media (max-width:959px){
 .rt-head,.rt-row,.rt-head.rt-metro,.rt-row.rt-metro{grid-template-columns:44px minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr)}
 .rt-row .rt-go{grid-column:2/-1;justify-self:start}
 .rt-head .rt-hcell:last-child{display:none}
}
/* phone: two compact lines per row (state + rate, then vs. U.S. + calculator button) */
@media (max-width:600px){
 .rt-head,.rt-head.rt-metro{grid-template-columns:28px minmax(0,1fr) 132px;gap:10px;padding:8px 12px}
 .rt-head>*:nth-child(n+4){display:none}
 .rt-row,.rt-row.rt-metro,.rt-rows .rt-row{grid-template-columns:28px minmax(0,1fr) 132px;gap:4px 10px;padding:12px}
 .rt-row .rt-rank{grid-row:1}
 .rt-row .rt-state{grid-column:2;grid-row:1;overflow-wrap:anywhere;hyphens:auto}
 .rt-row .rt-rate-cell{grid-column:3;grid-row:1;text-align:right}
 .rt-row .rt-vs{grid-column:2;grid-row:2;font-size:14px}
 .rt-row.rt-metro .rt-src{grid-column:2/-1;grid-row:2}
 .rt-row .rt-go{grid-column:3;grid-row:2;justify-self:end;font-size:13px;padding:6px 10px;min-height:40px;display:flex;align-items:center;white-space:normal;width:100%;justify-content:center;text-align:center;line-height:1.2}
 .rt-row.rt-metro .rt-go{grid-column:2/-1;grid-row:3;justify-self:start;max-width:none}
 .rt-vs .rt-lbl{display:inline;font-size:12px;color:var(--muted);font-weight:600;margin-right:6px;white-space:nowrap}
 .rt-head .rt-sort:nth-child(3){text-align:right}
}
/* metro rows (final data): basis under the price; state comparison, full-service note and source stacked */
.rt-basis{display:block;color:var(--muted);font-size:12px;font-weight:400;line-height:1.3;margin-top:2px}
.rt-src .rt-cmp,.rt-src .rt-note,.rt-src .rt-srclink{display:block}
.rt-src .rt-cmp{color:var(--ink);font-weight:600}
.rt-src .rt-note{font-style:italic;margin-top:2px}
.rt-src .rt-srclink{margin-top:2px}