#route-chart { margin: 0 0 24px; }
.chart-controls { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 8px; }
.chart-controls select { margin-left: 4px; }
#route-chart-plot { overflow-x: auto; }
#route-chart-plot figure { margin: 0; }
#route-chart-plot [class*="-swatches"] { font-size: 13px; gap: 4px 0; }
#route-chart-plot [class*="-swatch"]:not([class*="-swatches"]) { margin-right: 1.5em; white-space: nowrap; }
#matrix { overflow-x: auto; }
#matrix figure { margin: 0; }
#matrix a { cursor: pointer; }
.related { color: var(--muted); font-size: 14px; }
#years { display: flex; gap: 16px; margin: 0 0 16px; }
#years a[aria-current] { font-weight: 600; }
#route-table { margin-top: 24px; }
#route-table td.left, #route-table th.left, #change-table td.left, #change-table th.left { text-align: left; }
.chart-sentence { line-height: 2.3; margin: 0 0 4px; }
.chart-sentence select { margin: 0 2px; }
.scale-choice { display: flex; flex-wrap: wrap; gap: 4px 16px; border: 0; padding: 0; margin: 0 0 8px; }
.scale-choice legend { float: left; padding: 0; }
.scale-choice label { white-space: nowrap; }
#change-table { margin-top: 8px; }
#size-chart svg, #pairs-chart svg { --plot-background: var(--bg); }
.airline-search { margin: 0 0 12px; } .airline-search input { margin-left: 4px; min-width: 16em; max-width: 90%; }
:is(#aircraft-table, #airline-table) { overflow-x: auto; }
:is(#aircraft-table, #airline-table) :is(td, th).left { text-align: left; }
:is(#aircraft-table, #airline-table) button.sort { all: unset; cursor: pointer; font-weight: 600; }
:is(#aircraft-table, #airline-table) :is(button.sort, button.twist):focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
:is(#aircraft-table, #airline-table) button.twist { all: unset; cursor: pointer; display: inline-block; width: 1.2em; color: var(--muted, #777); }
:is(#aircraft-table, #airline-table) tr.type-row td { color: var(--muted, #777); font-size: 14px; }
:is(#aircraft-table, #airline-table) td.type-name { padding-left: 2em; }
#airline-table button.link { all: unset; cursor: pointer; text-decoration: underline; }
#airline-table button.link:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
#at-q, #airline-q { min-width: 16em; }
details.note summary { cursor: pointer; }