/* Long text remains readable; no truncation of route destinations. */
.archive-record-row h2,.cf-trip-card h3{overflow-wrap:anywhere;white-space:normal}
.cf-fuel-source>div{min-width:0;overflow-wrap:anywhere}
.cf-fuel-source strong{font-variant-numeric:tabular-nums}
.cf-fuel-source a{white-space:normal;text-align:center;line-height:1.35}
.cf-trip-fields button:not(.cf-trip-datetime *){white-space:normal;overflow-wrap:break-word}
/* Wider offices can compare the actual source records side by side. */
@media(min-width:1280px){
 .cf-fuel-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;align-items:start}
 .cf-fuel-sources>h4,.cf-fuel-sources>p{grid-column:1/-1}
 .cf-fuel-source{height:auto;min-height:64px}
 .cf-fuel-source a{max-width:140px}
}
@media(max-width:1023px){
 /* Make the detail hit area 44px, recovering space from padding and gaps. */
 .fuel-overview-row{padding:10px!important}
 .fuel-overview-summary{gap:6px 12px!important}
 .fuel-detail-toggle{min-height:44px!important}
 .fuel-overview-row>details+details{margin-top:8px!important}
 .cf-fuel-source a{font-size:12px!important;min-height:44px!important;padding:6px 9px!important;max-width:125px}
}
@media(max-width:359px){
 .cf-fuel-source{gap:8px!important}
 .cf-fuel-source a{max-width:104px}
}