/* airport-delays: this tool's own look, loaded only on its page (tools.css is shared and kept under 5 KB gz).
   The answer's colour says how bad: green no FAA delay, amber a delay, red a ground stop, a closure or an hour or more — darker shades for AA. */
.ad-h { margin: 0; font-size: 14px; font-weight: 700; color: var(--chqt-ink, #1e1a1a); }
.ad-lines { margin: 0; padding-left: 0; list-style: none; }
.ad-lines li { padding-left: 10px; border-left: 3px solid #e0a400; }
.ad-lines li.ad-long { border-left-color: #c0392b; }
.ad-note { background: #f3eee4; border-radius: 8px; padding: 8px 10px; overflow-wrap: anywhere; }
.chqt-answer[data-ad-level="ok"] { color: #1f6b41; }
.chqt-answer[data-ad-level="mid"] { color: #7a5600; }
.chqt-answer[data-ad-level="long"] { color: #a3261b; }
.ad-board { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 6px 14px; }
.ad-board li { display: flex; flex-wrap: wrap; align-items: center; gap: 0 4px; padding-left: 10px; border-left: 3px solid #e0a400; min-height: 44px; }
.ad-board li.ad-long { border-left-color: #c0392b; }
.ad-go { appearance: none; -webkit-appearance: none; background: none; border: 0; padding: 10px 0; min-height: 44px; font: inherit; font-weight: 700; color: #1d5fa8; text-decoration: underline; cursor: pointer; }
.ad-go[aria-pressed="true"] { color: #1e1a1a; text-decoration: none; }
