/* Presentation-only patch shared by the source build and the deployed frontend. */
[data-ui-header] { background: rgba(255,255,255,.97) !important; border-bottom: 1px solid #e2e8f0 !important; }
[data-ui-header] > div { position: relative; gap: 12px; }
[data-ui-header] > div > div:first-child { min-width: 0; gap: 24px; }
[data-ui-header] a[aria-label="Go to home"] { flex-shrink: 0; gap: 10px; }
[data-ui-header] a[aria-label="Go to home"] img { height: 36px; width: 36px; }
[data-ui-header] a[aria-label="Go to home"] h1 { white-space: nowrap; font-size: 20px; }
[data-ui-header] nav[aria-label="Main navigation"] { border: 0; padding-left: 0; gap: 4px; }
[data-ui-header] nav a { white-space: nowrap; padding: 10px 12px; border-radius: 8px; font-size: 13px; }
[data-ui-header] nav a[aria-current="page"] { background: #eeebff; color: #4936db; font-weight: 600; }
.tdu-menu-toggle { display: none; }
[data-ui-header] a:focus-visible, .tdu-menu-toggle:focus-visible,
[data-ui-riders] button:focus-visible, [data-ui-riders] a:focus-visible {
  outline: 2px solid #4a3aff; outline-offset: 3px;
}
[data-ui-riders] { width: 100%; table-layout: fixed; }
[data-ui-riders] > thead > tr > th { padding: 16px; font-size: 11px; letter-spacing: .06em; white-space: nowrap; }
[data-ui-riders] > thead > tr > th:nth-child(1) { width: 20%; }
[data-ui-riders] > thead > tr > th:nth-child(2) { width: 27%; }
[data-ui-riders] > thead > tr > th:nth-child(3) { width: 20%; text-align: right; }
[data-ui-riders] > thead > tr > th:nth-child(4) { width: 19%; }
[data-ui-riders] > thead > tr > th:nth-child(5) { width: 14%; }
[data-ui-riders] > tbody > tr:first-child > td { padding: 20px 16px; vertical-align: middle; font-size: 13px; line-height: 1.6; border-bottom: 1px solid #eef2f6; }
[data-ui-riders] > tbody > tr:first-child > td:nth-child(-n+2) { white-space: normal; overflow-wrap: anywhere; }
[data-ui-riders] > tbody > tr:first-child > td:nth-child(3) { text-align: right; font-variant-numeric: tabular-nums; letter-spacing: -.035em; }
[data-ui-riders] > tbody > tr:first-child > td:nth-child(5) button { color: #4936db; font-size: 12px; gap: 4px; min-height: 40px; }
[data-ui-riders] tr[aria-hidden="true"] { display: none; }
[data-ui-riders] tr[aria-hidden="false"] { background: #f8fafc; }
/* Expanded metadata must not repeat the narrow fixed columns of its parent. */
[data-ui-riders] table, [data-ui-riders] table tbody { display: block; width: 100%; }
[data-ui-riders] table colgroup { display: none; }
[data-ui-riders] table tr { display: grid; grid-template-columns: 1fr 2fr 1.5fr 1fr; gap: 24px; padding: 0 20px; }
[data-ui-riders] table td { display: block; padding: 0; min-width: 0; overflow-wrap: anywhere; }
[data-ui-riders] table td:empty { display: none; }
[data-ui-riders] table a { white-space: normal; }
.tdu-mobile-sort { display: none; }
[data-ui-future] td { font-size: 13px; }
[data-ui-future] td:nth-child(n+2) { white-space: nowrap; }
[data-ui-hero] { padding-top: 48px !important; padding-bottom: 56px !important; }
[data-ui-hero] h2 { line-height: 1.12; }
/* Keep the brand in the header; remove both legacy hero logo wrappers. */
[data-ui-hero] > div { display: block; max-width: 48rem; }
[data-ui-hero] div:has(> img[src="/images/website-icon-logo.svg"]) { display: none !important; }
[data-ui-hero] p { max-width: 42rem; }
[data-ui-charges] > div:first-child > div { gap: 24px; }
[data-ui-charges] > div:first-child > div > div:last-child { flex-shrink: 0; }
[data-ui-charges] > div:nth-child(2) > div { gap: 20px; }
[data-ui-charges] > div:nth-child(2) > div > div:last-child { flex-shrink: 0; white-space: nowrap; }

@media (max-width: 1023px) {
  [data-ui-header] > div > div:first-child { flex: 1; }
  .tdu-menu-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 40px; padding: 0 12px; border: 1px solid #e2e8f0; border-radius: 8px; background: white; color: #334155; font: 500 13px Inter, sans-serif; cursor: pointer; }
  [data-ui-header] nav[aria-label="Main navigation"] { display: none; position: absolute; top: 63px; left: 16px; right: 16px; padding: 8px; background: white; border: 1px solid #e2e8f0; box-shadow: 0 12px 28px #0f172a14; border-radius: 12px; }
  [data-ui-header][data-menu-open] nav[aria-label="Main navigation"] { display: flex; flex-direction: column; align-items: stretch; }
  [data-ui-header] nav a { padding: 13px 14px; font-size: 14px; }
  [data-ui-riders], [data-ui-riders] > tbody { display: block; width: 100%; }
  [data-ui-riders] > thead { display: none; }
  [data-ui-riders] > tbody { border-bottom: 1px solid #e2e8f0; }
  [data-ui-riders] > tbody:last-child { border-bottom: 0; }
  [data-ui-riders] > tbody > tr:first-child { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 16px; padding: 20px; }
  [data-ui-riders] > tbody > tr:first-child > td { display: block; padding: 0; border: 0; min-width: 0; white-space: normal; font-size: 14px; }
  [data-ui-riders] > tbody > tr:first-child > td:nth-child(1) { grid-column: 1 / -1; color: #64748b; font-size: 12px; font-weight: 600; }
  [data-ui-riders] > tbody > tr:first-child > td:nth-child(2) { grid-column: 1 / -1; font-size: 16px; font-weight: 600; color: #0f172a; margin-top: -10px; }
  [data-ui-riders] > tbody > tr:first-child > td:nth-child(3) { text-align: left; font-size: 13px; }
  [data-ui-riders] > tbody > tr:first-child > td:nth-child(4) { font-size: 13px; }
  [data-ui-riders] > tbody > tr:first-child > td:nth-child(5) { grid-column: 1 / -1; padding-top: 8px; border-top: 1px solid #f1f5f9; }
  [data-ui-riders] > tbody > tr:first-child > td:nth-child(5) button { font-size: 13px; }
  [data-ui-riders] td[data-label]::before { content: attr(data-label); display: block; color: #64748b; font: 500 11px/1.5 Inter, sans-serif; letter-spacing: .04em; text-transform: uppercase; margin-bottom: 4px; }
  [data-ui-riders] > tbody > tr[aria-hidden="false"], [data-ui-riders] > tbody > tr[aria-hidden="false"] > td { display: block; width: 100%; }
  [data-ui-riders] table tr { grid-template-columns: minmax(0,1fr); gap: 16px; }
  .tdu-mobile-sort { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 20px; border-bottom: 1px solid #e2e8f0; background: #f8fafc; color: #64748b; font-size: 12px; }
  .tdu-mobile-sort button { min-height: 40px; color: #4936db; font-weight: 600; }
  [data-ui-future], [data-ui-future] tbody { display: block; }
  [data-ui-future] thead { display: none; }
  [data-ui-future] tbody tr { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 16px; padding: 20px; }
  [data-ui-future] tbody td { display: block; padding: 0; text-align: left; white-space: normal; overflow-wrap: anywhere; }
  [data-ui-future] tbody td:first-child, [data-ui-future] tbody td:nth-child(2) { grid-column: 1 / -1; }
  [data-ui-future] td[data-label]::before { content: attr(data-label); display: block; color: #64748b; font: 500 11px/1.5 Inter, sans-serif; text-transform: uppercase; margin-bottom: 4px; }
}
@media (max-width: 767px) {
  [data-ui-header] a[aria-label="Go to home"] h1 { font-size: 18px; }
  [data-ui-header] a[aria-label="Go to home"] img { width: 30px; height: 30px; }
  [data-ui-hero] { padding-top: 24px !important; padding-bottom: 36px !important; }
  [data-ui-hero] > div > div:first-child > div:first-child { justify-content: flex-start; margin-bottom: 20px; }
  [data-ui-hero] img[src="/images/website-icon-logo.svg"] { width: 64px; height: 64px; }
  [data-ui-hero] h2 { font-size: 34px; margin-bottom: 16px; }
  [data-ui-hero] p { font-size: 16px; line-height: 1.7; margin-bottom: 24px; }
  [data-ui-charges] > div:first-child { padding: 20px; }
  [data-ui-charges] > div:first-child > div { flex-direction: column; gap: 16px; }
  [data-ui-charges] > div:first-child > div > div:last-child { text-align: left; }
  [data-ui-charges] > div:nth-child(2) > div { align-items: flex-start; flex-direction: column; gap: 8px; padding: 16px 20px; }
}

/* EIQdigital palette, verified against eiqdigital.com: navy, cyan, warm white. */
:root { --eiq-navy: #0e1f27; --eiq-cyan: #1eaeff; --eiq-link: #007ab6; --eiq-paper: #fbfbf7; --eiq-line: #dde5e8; }
html, body { background: var(--eiq-paper) !important; }
body [class*="bg-[#F9F8FF]"] { background-color: var(--eiq-paper) !important; }
body [class*="text-indigo-"], body [class*="text-[#4A3AFF]"], body [class*="text-[#4a3aff]"] { color: var(--eiq-link) !important; }
body [class*="bg-indigo-50"], body [class*="bg-indigo-100"] { background-color: #eaf6fc !important; }
body [class*="bg-indigo-600"], body [class*="bg-[#4A3AFF]"], body [class*="bg-[#4a3aff]"] { background-color: var(--eiq-link) !important; }
body [class*="border-indigo-"] { border-color: #b4dff3 !important; }
body [class*="hover:bg-indigo-700"]:hover { background-color: #006597 !important; }
body [class*="focus:ring-indigo-"]:focus { --tw-ring-color: #b4dff3 !important; }
body [class*="focus:border-indigo-"]:focus { border-color: var(--eiq-link) !important; }
body [class*="text-emerald-"] { color: var(--eiq-link) !important; }
body input[type="range"] { accent-color: var(--eiq-link); }
body a:focus-visible, body button:focus-visible, body input:focus-visible { outline: 2px solid var(--eiq-cyan) !important; outline-offset: 3px; }
body .rounded-2xl.shadow-md { box-shadow: 0 2px 6px #0e1f2706; }
body [data-ui-header] { background: var(--eiq-navy) !important; border-bottom: 1px solid #214352 !important; }
[data-ui-header] h1 { color: white; letter-spacing: -.025em; }
[data-ui-header] nav a { color: #c4d2d9; }
[data-ui-header] nav a:hover { color: white; background: #173442; }
[data-ui-header] nav a[aria-current="page"] { color: #8bd8ff !important; background: #153b4d; }
img[src="/images/website-icon-logo.svg"] { filter: hue-rotate(-46deg) saturate(.9) brightness(1.35); }
[data-ui-header] img[src="/images/website-icon-logo.svg"] { filter: brightness(0) saturate(100%) invert(69%) sepia(88%) saturate(2021%) hue-rotate(170deg) brightness(102%) contrast(101%); }
[data-ui-utility-bar] { background: var(--eiq-paper) !important; box-shadow: none !important; border-color: var(--eiq-line); border-radius: 0; }
[data-ui-utilities] { gap: 8px !important; }
[data-ui-utilities] button { min-height: 44px; margin: 0 !important; padding: 12px 18px; font-size: 13px; border: 0 !important; border-radius: 8px; color: #546570 !important; background: transparent !important; }
[data-ui-utilities] button:hover { background: #eef3f4 !important; color: var(--eiq-navy) !important; }
[data-ui-utilities] button[aria-current="page"] { background: #e3f3fb !important; color: #006a9e !important; font-weight: 650; box-shadow: inset 0 -2px var(--eiq-cyan) !important; }
[data-ui-charges] > div:first-child { background: #f5f8f9 !important; }
[data-ui-charges] h3, main h2, main h3 { color: var(--eiq-navy); }
[data-ui-riders] > tbody > tr:first-child > td:nth-child(5) button, .tdu-mobile-sort button { color: var(--eiq-link); }
[data-ui-original-unlock], [data-ui-original-gate] { display: none !important; }
.tdu-locked-value { display: inline-flex; align-items: center; gap: 10px; color: #8496a0; font-size: 15px; }
.tdu-access-banner { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 20px 24px; border: 1px solid #baddf0; border-left: 3px solid var(--eiq-cyan); border-radius: 12px; background: #f0f9fe; }
.tdu-access-title { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; color: var(--eiq-navy); font-size: 15px; line-height: 1.5; font-weight: 650; }
.tdu-free-label { color: #006a9e; font-size: 9px; letter-spacing: .08em; font-weight: 700; border: 1px solid #baddf0; padding: 2px 6px; border-radius: 4px; white-space: nowrap; }
.tdu-access-copy p { font-size: 13px; line-height: 1.6; color: #536b79; margin-top: 4px; }
.tdu-access-action { display: inline-flex; justify-content: center; align-items: center; gap: 18px; flex-shrink: 0; min-height: 44px; padding: 12px 18px; border-radius: 8px; background: var(--eiq-navy); color: white; font-size: 13px; font-weight: 600; cursor: pointer; }
.tdu-access-action:hover { background: #17435a; }
.tdu-access-note { display: flex; align-items: flex-start; gap: 8px; margin: 0; padding: 14px 24px; border-top: 1px solid #eaf0f3; color: #647783; font-size: 12px; line-height: 1.6; }
.tdu-access-note svg { flex-shrink: 0; margin-top: 2px; }
[role="dialog"][aria-labelledby="access-title"] { border-top: 4px solid var(--eiq-cyan); }
[role="dialog"] input { font-size: 16px; }
button[aria-label="Close verification"] { min-width: 44px; min-height: 44px; }
/* Recolor chart marks, preserving the plotted data and geometry. */
.recharts-surface [stroke="#6366F1"], .recharts-surface [stroke="#6366f1"] { stroke: var(--eiq-link); }
.recharts-surface [fill="#6366F1"], .recharts-surface [fill="#6366f1"], .recharts-surface [fill="#10b981"] { fill: var(--eiq-link); }
.recharts-surface stop[stop-color="#6366F1"], .recharts-surface stop[stop-color="#6366f1"] { stop-color: var(--eiq-cyan); }
body footer[class] { background: #eef3f4 !important; }
@media (max-width: 1023px) {
  .tdu-menu-toggle { color: #d7edf7; background: #173442; border-color: #315260; }
  [data-ui-header] nav[aria-label="Main navigation"] { top: 64px; background: var(--eiq-navy); border-color: #315260; box-shadow: 0 12px 28px #0e1f2724; }
}
@media (max-width: 767px) {
  [data-ui-utility-bar] > div { padding-top: 10px; padding-bottom: 10px; }
  [data-ui-utilities] { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px !important; }
  [data-ui-utilities] button { padding: 8px 4px; font-size: 12px; line-height: 1.3; min-height: 40px; }
  [data-ui-charges] > div:first-child { padding: 18px; }
  [data-ui-charges] > div:first-child > div { flex-direction: row; gap: 14px; }
  [data-ui-charges] > div:first-child > div > div:first-child { min-width: 0; }
  [data-ui-charges] > div:first-child > div > div:last-child { text-align: right; }
  [data-ui-charges] > div:first-child > div > div:last-child > span:first-child { font-size: 10px; text-transform: uppercase; letter-spacing: .05em; color: #647783; }
  [data-ui-charges] > div:first-child > div > div:last-child > span:last-child { font-size: 18px; }
  [data-ui-charges] > div:first-child > div > div:last-child > span:last-child > span { display: block; font-size: 11px; }
  [data-ui-charges] h3 { font-size: 16px; }
  [data-ui-charges] > div:first-child p { font-size: 12px; line-height: 1.6; }
  [data-ui-charges] > div:nth-child(2) > div { flex-direction: row; align-items: center; gap: 16px; padding: 15px 18px; }
  [data-ui-charges] > div:nth-child(2) > div > div:first-child { min-width: 0; }
  [data-ui-charges] > div:nth-child(2) p { font-size: 13px; line-height: 1.6; }
  [data-ui-charges] > div:nth-child(2) > div > div:last-child { font-size: 13px; }
  .tdu-access-banner { flex-direction: column; align-items: stretch; gap: 14px; padding: 18px; }
  .tdu-access-title { font-size: 14px; gap: 8px; }
  .tdu-access-copy p { font-size: 12px; }
  .tdu-access-action { width: 100%; min-height: 44px; }
  .tdu-access-note { padding: 14px 18px; }
  [role="dialog"][aria-labelledby="access-title"] { padding: 24px; max-height: calc(100dvh - 32px); }
  footer .grid { gap: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  [data-ui-utilities] button { transition: none !important; }
}

/* Rates overview: one comparison table, then email-gated drill-down. */
.tdu-rates-overview .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border-width: 0; }
[data-tdu-native-hidden], [data-tdu-native-tabs] { display: none !important; }
[data-tdu-mode="overview"] > .tdu-rates-back, [data-tdu-mode="details"] > .tdu-rates-overview { display: none; }
[data-tdu-mode="details"] > .mt-8 { display: none; }
.tdu-rates-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin: 8px 0 30px; }
.tdu-rates-eyebrow { color: #007ab6; font-size: 10px; font-weight: 700; letter-spacing: .12em; margin-bottom: 10px; }
.tdu-rates-heading h2 { font-size: 32px; font-weight: 700; letter-spacing: -.035em; margin-bottom: 10px; }
.tdu-rates-heading > div > p:last-child { max-width: 580px; color: #5b6e78; font-size: 14px; line-height: 1.7; }
.tdu-rates-date { color: #657881; font-size: 12px; flex-shrink: 0; padding-bottom: 4px; }
.tdu-rates-table-wrap { overflow: hidden; border: 1px solid #dce5e9; border-radius: 16px; background: #fff; box-shadow: 0 3px 12px #0e1f2704; }
.tdu-rates-table { border-collapse: collapse; table-layout: fixed; width: 100%; }
.tdu-rates-table thead { background: #f0f5f7; }
.tdu-rates-table thead th { text-align: right; padding: 20px 24px; color: #425b69; font-size: 13px; font-weight: 600; }
.tdu-rates-table thead th:first-child { text-align: left; width: 30%; }
.tdu-rates-table thead th:last-child { width: 20%; }
.tdu-rates-table thead th > span:not(.sr-only) { display: block; font-size: 11px; font-weight: 400; color: #6d808c; margin-top: 5px; }
.tdu-rates-table tbody th, .tdu-rates-table td { padding: 16px 24px; border-top: 1px solid #edf1f4; }
.tdu-rates-table tbody th { color: #0e1f27; font-size: 15px; font-weight: 600; text-align: left; }
.tdu-rates-table td { text-align: right; font-size: 18px; color: #153b4d; font-variant-numeric: tabular-nums; }
.tdu-rates-table tr[data-ready] { cursor: pointer; }
.tdu-rates-table tbody tr:hover, .tdu-rates-table tbody tr:focus-within { background: #f3faff; }
.tdu-rates-table button { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 44px; padding: 8px 0 8px 12px; color: #007ab6; font-size: 12px; font-weight: 600; border-radius: 6px; white-space: nowrap; }
.tdu-rates-table button:disabled { color: #93a6af; cursor: wait; }
.tdu-rates-table button > span:last-child { font-size: 19px; }
.tdu-rates-under { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 18px 0 0; }
.tdu-rates-under p { display: flex; align-items: center; gap: 8px; color: #657881; font-size: 12px; }
.tdu-rates-under svg { flex-shrink: 0; }
.tdu-rates-refresh { min-height: 44px; color: #007ab6; font-size: 12px; white-space: nowrap; }
.tdu-rates-feedback { font-size: 13px; color: #536b79; line-height: 1.6; }
.tdu-rates-feedback:not(:empty) { margin: 10px 0; }
.tdu-rates-disclaimer { margin: 14px 0 0; color: #7c8b94; font-size: 11px; line-height: 1.7; }
.tdu-rates-back { margin: 0 0 24px; }
.tdu-rates-back button { min-height: 44px; display: inline-flex; align-items: center; gap: 12px; color: #007ab6; font-size: 13px; font-weight: 600; }
@media (max-width: 767px) {
  .tdu-rates-heading { flex-direction: column; align-items: flex-start; gap: 14px; margin: 0 0 22px; }
  .tdu-rates-heading h2 { font-size: 28px; }
  .tdu-rates-heading > div > p:last-child { font-size: 13px; }
  .tdu-rates-table thead th { padding: 15px 10px; font-size: 11px; }
  .tdu-rates-table thead th:first-child { width: 31%; }
  .tdu-rates-table thead th:last-child { width: 12%; padding: 0; }
  .tdu-rates-table thead th > span:not(.sr-only) { font-size: 10px; }
  .tdu-rates-table tbody th, .tdu-rates-table td { padding: 13px 10px; }
  .tdu-rates-table tbody th { font-size: 12px; line-height: 1.5; }
  .tdu-rates-table td { font-size: 14px; }
  .tdu-rates-table td:last-child { padding: 8px 0; }
  .tdu-rates-table .tdu-row-action { display: none; }
  .tdu-rates-table button { width: 100%; min-width: 32px; min-height: 44px; padding: 0; }
  .tdu-rates-under { gap: 8px; align-items: flex-start; }
  .tdu-rates-under p { align-items: flex-start; line-height: 1.7; font-size: 11px; padding-top: 11px; }
  .tdu-rates-under svg { margin-top: 2px; }
  .tdu-rates-refresh { font-size: 11px; }
}
@media (max-width: 359px) {
  .tdu-rates-table thead th { font-size: 10px; padding: 13px 6px; }
  .tdu-rates-table tbody th, .tdu-rates-table td { padding-left: 6px; padding-right: 6px; }
  .tdu-rates-table td { font-size: 12px; }
}

/* Former Rider Database content now lives within Rates details. */
a[href="/rider-database"], a[href^="/rider-database?"] { display: none !important; }
footer li:has(> a[href="/rider-database"]) { display: none; }
.tdu-rate-history { background: #fff; border: 1px solid #dce5e9; border-radius: 16px; margin: 32px 0; overflow: hidden; }
.tdu-history-heading { padding: 24px 24px 0; }
.tdu-history-heading h3 { font-size: 18px; font-weight: 700; color: #0e1f27; }
.tdu-history-heading p { font-size: 13px; color: #657881; line-height: 1.7; margin-top: 7px; }
.tdu-history-filters { display: grid; grid-template-columns: minmax(0,2fr) 1fr 1fr; gap: 16px; padding: 22px 24px 14px; }
.tdu-history-filters label { font-size: 11px; font-weight: 600; color: #536b79; }
.tdu-history-filters input, .tdu-history-filters select { display: block; width: 100%; min-height: 44px; margin-top: 7px; border: 1px solid #cfdae0; border-radius: 8px; padding: 10px; font-size: 13px; color: #0e1f27; background: #fff; }
.tdu-history-count { font-size: 11px; color: #657881; padding: 0 24px 18px; }
.tdu-history-record { border-top: 1px solid #e5edf0; }
.tdu-history-record summary { list-style: none; display: grid; grid-template-columns: minmax(0,1fr) 145px 130px 18px; gap: 22px; align-items: center; padding: 18px 24px; cursor: pointer; min-height: 70px; }
.tdu-history-record summary::-webkit-details-marker { display: none; }
.tdu-history-record summary:hover { background: #f3faff; }
.tdu-history-name { color: #173442; font-weight: 600; font-size: 13px; line-height: 1.6; }
.tdu-history-record small { display: block; color: #6d808c; font-size: 10px; font-weight: 400; margin-top: 3px; }
.tdu-history-rate { color: #173442; text-align: right; font-size: 14px; font-variant-numeric: tabular-nums; }
.tdu-history-date { color: #425b69; font-size: 12px; }
.tdu-history-chevron { color: #007ab6; text-align: right; font-size: 20px; }
.tdu-history-record[open] .tdu-history-chevron { transform: rotate(180deg); }
.tdu-history-metadata { background: #f6fafc; padding: 20px 24px; font-size: 12px; }
.tdu-history-metadata dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-bottom: 18px; }
.tdu-history-metadata dt { color: #657881; font-size: 10px; margin-bottom: 6px; }
.tdu-history-metadata dd { color: #173442; overflow-wrap: anywhere; }
.tdu-history-metadata a { color: #007ab6; font-weight: 600; display: inline-flex; align-items: center; min-height: 44px; }
.tdu-history-description { margin-bottom: 18px; line-height: 1.7; color: #536b79; white-space: pre-line; }
.tdu-history-pagination { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #e5edf0; padding: 12px 24px; font-size: 12px; }
.tdu-history-pagination button, .tdu-history-retry { min-height: 44px; color: #007ab6; font-weight: 600; }
.tdu-history-pagination button:disabled { color: #93a6af; cursor: default; }
.tdu-history-loading, .tdu-history-empty { padding: 24px; font-size: 13px; color: #657881; }
.tdu-history-retry { margin: 0 24px 20px; }
@media(max-width:767px) {
 .tdu-history-heading { padding: 20px 16px 0; }
 .tdu-history-heading h3 { font-size: 16px; }
 .tdu-history-filters { grid-template-columns: 1fr 1fr; padding: 18px 16px 14px; gap: 12px; }
 .tdu-history-filters label:first-child { grid-column: 1/-1; }
 .tdu-history-filters input, .tdu-history-filters select { font-size: 16px; }
 .tdu-history-count { padding-left: 16px; padding-right: 16px; }
 .tdu-history-record summary { grid-template-columns: minmax(0,1fr) auto 14px; gap: 10px; padding: 16px; }
 .tdu-history-name { grid-column: 1/3; }
 .tdu-history-chevron { grid-column: 3; grid-row: 1/3; }
 .tdu-history-rate { grid-column: 1; grid-row: 2; text-align: left; font-size: 13px; }
 .tdu-history-date { grid-column: 2; grid-row: 2; text-align: right; font-size: 11px; }
 .tdu-history-metadata { padding: 18px 16px; }
 .tdu-history-metadata dl { grid-template-columns: 1fr 1fr; }
 .tdu-history-pagination { padding: 10px 16px; }
}
@media(max-width:380px) {
 .tdu-history-filters { grid-template-columns: 1fr; }
}

.tdu-rates-table thead th > span.tdu-future-mobile-heading { display: none; }
/* Four columns on desktop; future-change cues tuck beneath TDU names on phones. */
.tdu-rates-table thead th:first-child { width: 30%; }
.tdu-rates-table thead th:last-child { width: 27%; }
.tdu-rates-table .tdu-utility-link { padding: 0; justify-content: flex-start; color: #0e1f27; font-size: 15px; gap: 12px; }
.tdu-rates-table .tdu-utility-link > span:last-child { font-size: 16px; color: #007ab6; }
.tdu-rates-table .tdu-future-link { gap: 8px; font-size: 12px; padding: 6px 12px; border: 1px solid #e2e9ed; border-radius: 9px; background: #f8fafb; color: #647783; }
.tdu-rates-table .tdu-future-link > span:last-child { font-size: 15px; }
.tdu-future-indicator { width: 6px; height: 6px; border-radius: 50%; background: #a6b5bd; flex-shrink: 0; }
.tdu-rates-table [data-has-future] .tdu-future-link { color: #865500; background: #fff7e4; border-color: #f3d79c; }
[data-has-future] .tdu-future-indicator { background: #b47700; }
.tdu-rates-table .tdu-future-mobile { display: none; }
[data-tdu-future-section] { scroll-margin-top: 84px; }
[data-tdu-future-first] [data-tdu-detail-stack] { display: flex; flex-direction: column; gap: 32px; }
[data-tdu-future-first] [data-tdu-detail-stack] > * { margin-top: 0 !important; margin-bottom: 0 !important; }
[data-tdu-future-first] [data-tdu-future-section] { order: -1; }
@media (max-width:767px) {
 .tdu-rates-table .tdu-future-column { display: none; }
 .tdu-rates-table thead th:first-child { width: 44%; }
 .tdu-rates-table thead th:nth-child(2) { width: 24%; }
 .tdu-rates-table thead th:nth-child(3) { width: 32%; }
 .tdu-rates-table .tdu-utility-link { width: auto; justify-content: flex-start; font-size: 12px; gap: 7px; white-space: normal; text-align: left; }
 .tdu-rates-table .tdu-future-mobile { display: inline-flex; width: auto; min-height: 44px; padding: 4px 7px; font-size: 10px; gap: 5px; margin-top: 2px; }
 .tdu-rates-table .tdu-future-mobile > span:last-child { font-size: 12px; }
 .tdu-rates-table tbody th, .tdu-rates-table td { padding-top: 10px; padding-bottom: 10px; }
 .tdu-rates-table td { vertical-align: top; padding-top: 24px; }
 .tdu-rates-table .tdu-future-indicator { width: 5px; height: 5px; }
 .tdu-rates-table thead th > span.tdu-future-mobile-heading { display: block; }
}

/* Supplied transparent logo: CSS trims empty margins without changing the image. */
[data-tdu-old-logo], [data-tdu-old-wordmark] { display: none !important; }
.tdu-brand-mark { position: relative; display: block; width: 300px; max-width: 100%; aspect-ratio: 1940 / 354; overflow: hidden; flex-shrink: 0; }
body .tdu-brand-mark img, body [data-ui-header] a[aria-label="Go to home"] .tdu-brand-mark img { position: absolute; width: 105.567%; max-width: none; height: auto; top: -44.915%; left: -2.784%; border-radius: 0; filter: none; }
body [data-ui-header] { background: #fff !important; border-bottom: 1px solid #dce5e9 !important; }
[data-ui-header] nav a { color: #536b79; }
[data-ui-header] nav a:hover { color: #0e1f27; background: #f0f7f9; }
[data-ui-header] nav a[aria-current="page"] { color: #007b92 !important; background: #eaf7f8; }
[data-ui-header] .tdu-menu-toggle { color: #173442; background: #f2f8fa; border-color: #d3e2e7; }
[data-tdu-footer-brand] { display: block; }
[data-tdu-footer-brand] .tdu-brand-mark { width: 200px; margin-bottom: 12px; }
.tdu-rates-table tfoot td { padding: 14px 24px; text-align: right; background: #f8fafb; border-top: 1px solid #e5edf0; }
.tdu-rates-table tfoot .tdu-rates-date { font-size: 11px; padding: 0; }
@media(max-width:1023px) {
 [data-ui-header] .tdu-brand-mark { width: clamp(180px,55vw,280px); }
}
@media(max-width:767px) {
 .tdu-rates-table tfoot td { padding: 13px 10px; text-align: left; }
 .tdu-rates-table tfoot .tdu-rates-date { font-size: 10px; }
}
@media(max-width:1023px) {
 [data-ui-header] nav[aria-label="Main navigation"] { background: #fff; border-color: #d3e2e7; }
}
/* Keep mobile status badges on their own line at every width, including tablets. */
@media(max-width:767px) {
 .tdu-rates-table .tdu-utility-link { display: flex; }
}

.tdu-access-disclosure { font-size:12px; line-height:1.5; color:#536b79; margin-top:16px; }

.tdu-utility-guides{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:24px;padding-top:18px;border-top:1px solid #dbe7ea;font-size:13px}.tdu-utility-guides>span{font-weight:700;color:#526572}.tdu-utility-guides>a{color:#087f8c;text-decoration:underline;text-underline-offset:3px}