/* One Bag for Every Airline (ROADMAP-Calcs-Travel.md TM58): the airline ticks by region and the notes. Everything else is
   the core stylesheet. */
.ab-airlines { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 14px; }
.ab-reg { border: 0; margin: 0; padding: 0; min-width: 0; }
.ab-reg legend { padding: 0; margin: .4rem 0 .2rem; }
.ab-reg ul { margin: 0; }
.ab-notes { margin: .5rem 0; padding-left: 1.1rem; font-size: 15.5px; }
.ab-notes li { margin: .25rem 0; }
.ab-stats dd { overflow-wrap: anywhere; }
.ab-by { list-style: none; margin: .5rem 0; padding: 0; font-size: 15.5px; }
.ab-by li { margin: .3rem 0; padding: .45rem .7rem; background: #fff; border-radius: 10px; border-left: 4px solid var(--chqt-accent, #d79d32); }
/* a ticked airline is one you FLY: never the checklist's line-through (core .chqt-check marks a packed item done) */
.ab-airlines input:checked + span { text-decoration: none; color: var(--chqt-ink, #1e1a1a); }
.ab-airlines input:not(:checked) + span { color: var(--chqt-muted, #6b625b); }
/* two columns down to the smallest phones: 21 airlines in one column put the answer 1,400 px down */
@media (max-width: 760px) { .ab-airlines { grid-template-columns: 1fr 1fr; gap: 0 10px; } }
@media (max-width: 340px) { .ab-airlines { grid-template-columns: 1fr; } }