/* Compact fuel calculator, scoped to the Market Hub. */
.ttcr-hub-expanded .ttcr-hub-fuel-calculator { margin: 12px 0 0; border: 1px solid #b8cfde; border-radius: 5px; background: #f8fbfd; color: #183b52; }
.ttcr-hub-expanded .ttcr-hub-fuel-calculator [hidden] { display: none !important; }
.ttcr-hub-expanded .ttcr-hub-fuel-calculator > summary { padding: 11px 13px; font-size: 13px; font-weight: 700; line-height: 1.4; cursor: pointer; }
.ttcr-hub-expanded .ttcr-hub-fuel-calculator[open] > summary { border-bottom: 1px solid #cfdee8; }
.ttcr-hub-expanded .ttcr-fuel-body { padding: 12px 13px; }
.ttcr-hub-expanded .ttcr-fuel-body p { margin: 0 0 12px !important; font-size: 12px; line-height: 1.55; }
.ttcr-hub-expanded .ttcr-fuel-fields { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,160px),1fr)); gap: 12px; margin-bottom: 10px; }
.ttcr-hub-expanded .ttcr-fuel-field { min-width: 0; }
.ttcr-hub-expanded .ttcr-fuel-field label { display: block; margin: 0 0 5px; font-size: 12px; line-height: 1.4; font-weight: 600; }
.ttcr-hub-expanded .ttcr-fuel-field input,
.ttcr-hub-expanded .ttcr-fuel-field select { box-sizing: border-box; width: 100%; min-width: 0; height: auto; min-height: 40px; margin: 0; padding: 7px 9px; border: 1px solid #a9c1d2; border-radius: 3px; color: #173b53; background: #fff; font: inherit; font-size: 14px; line-height: 1.5; box-shadow: none; text-transform: none; }
.ttcr-hub-expanded .ttcr-fuel-field small { display: block; margin-top: 4px; font-size: 10px; line-height: 1.5; color: #526779; }
.ttcr-hub-expanded .ttcr-fuel-field input[aria-invalid="true"] { border-color: #a73232; }
.ttcr-hub-expanded .ttcr-fuel-observation { color: #38576c; }
.ttcr-hub-expanded .ttcr-fuel-status { min-height: 1.5em; font-weight: 600; }
.ttcr-hub-expanded .ttcr-fuel-results { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,180px),1fr)); gap: 9px; margin-bottom: 12px; }
.ttcr-hub-expanded .ttcr-fuel-results > div { min-width: 0; padding: 11px; border: 1px solid #c9dae6; border-radius: 4px; background: #fff; }
.ttcr-hub-expanded .ttcr-fuel-results .ttcr-fuel-total { border-top: 2px solid #ae812e; background: #fffdf7; }
.ttcr-hub-expanded .ttcr-fuel-results span,
.ttcr-hub-expanded .ttcr-fuel-results strong,
.ttcr-hub-expanded .ttcr-fuel-results small { display: block; overflow-wrap: anywhere; }
.ttcr-hub-expanded .ttcr-fuel-results span { font-size: 11px; line-height: 1.4; }
.ttcr-hub-expanded .ttcr-fuel-results strong { margin: 4px 0; font-size: 18px; line-height: 1.3; color: #183b52; }
.ttcr-hub-expanded .ttcr-fuel-results .ttcr-fuel-total strong { font-size: 23px; }
.ttcr-hub-expanded .ttcr-fuel-results small { font-size: 11px; line-height: 1.5; color: #526779; }
.ttcr-hub-expanded .ttcr-fuel-body .ttcr-fuel-note { color: #526779; font-size: 11px; }
.ttcr-hub-expanded .ttcr-fuel-sources { border-top: 1px solid #cfdee8; padding-top: 8px; }
.ttcr-hub-expanded .ttcr-fuel-sources > summary { cursor: pointer; font-size: 11px; font-weight: 600; line-height: 1.6; }
.ttcr-hub-expanded .ttcr-fuel-table-scroll { overflow-x: auto; margin: 10px 0; }
.ttcr-hub-expanded .ttcr-fuel-sources table { width: 100%; border-collapse: collapse; table-layout: auto; margin: 0; font-size: 11px; }
.ttcr-hub-expanded .ttcr-fuel-sources caption { text-align: left; font-weight: 600; margin-bottom: 6px; }
.ttcr-hub-expanded .ttcr-fuel-sources th,
.ttcr-hub-expanded .ttcr-fuel-sources td { padding: 6px; text-align: left; border: 1px solid #d3e0e9; font-size: 11px; line-height: 1.5; }
.ttcr-hub-expanded .ttcr-fuel-sources th { background: #edf4f8; }
.ttcr-hub-expanded .ttcr-fuel-sources a { color: #225578; }
.ttcr-hub-expanded .ttcr-fuel-sources p { font-size: 11px; margin-bottom: 0 !important; }
.ttcr-hub-expanded .ttcr-hub-fuel-calculator summary:focus-visible,
.ttcr-hub-expanded .ttcr-hub-fuel-calculator input:focus-visible,
.ttcr-hub-expanded .ttcr-hub-fuel-calculator select:focus-visible,
.ttcr-hub-expanded .ttcr-hub-fuel-calculator a:focus-visible { outline: 2px solid #876118; outline-offset: 3px; }
@media (max-width: 600px) {
 .ttcr-hub-expanded .ttcr-fuel-field input,
 .ttcr-hub-expanded .ttcr-fuel-field select { font-size: 16px; min-height: 44px; }
 .ttcr-hub-expanded .ttcr-hub-fuel-calculator > summary { min-height: 22px; }
}