/* AIRX: route/airframe/photo block, airport card, notable aircraft watchlist */
.airx-load,.airx-none,.airx-empty{font-size:11px;color:var(--dim);letter-spacing:.1em;padding:8px 0;line-height:1.5}
.airx-warn{font-size:10px;color:var(--warn);letter-spacing:.08em;padding:6px 0}
.airx-note,.airx-src,.airx-cr{font-size:10px;color:var(--dim);letter-spacing:.1em;margin:6px 0;line-height:1.5}
.airx a{color:var(--cy2)}.airx-card a{color:var(--cy2)}
.airx-rt{display:flex;align-items:stretch;gap:6px}
.airx-rt>i{font-style:normal;align-self:center;color:var(--cy);font-size:18px}
.airx-ap{flex:1;min-width:0;text-align:left;border:1px solid var(--line);background:color-mix(in srgb,var(--cy) 5%,transparent);padding:7px 8px;display:flex;flex-direction:column;gap:2px;cursor:pointer}
.airx-ap:hover{border-color:var(--cy);background:color-mix(in srgb,var(--cy) 12%,transparent)}
.airx-ap b{font-size:18px;letter-spacing:.12em;color:var(--m-hi)}
.airx-ap span{font-size:10px;color:var(--cy2);letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.airx-ap small{font-size:10px;color:var(--dim);letter-spacing:.08em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.airx-prog{height:4px;background:var(--faint);margin:9px 0 4px;position:relative}
.airx-prog i{display:block;height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--cy) 45%,transparent),var(--cy));box-shadow:0 0 8px color-mix(in srgb,var(--cy) 60%,transparent)}
.airx-pl{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;color:var(--dim)}
.airx-ph{display:block;margin-top:8px;border:1px solid var(--line);background:#000;overflow:hidden;width:100%}
.airx-ph img{display:block;width:100%;height:100%;object-fit:cover}
.airx-kv{margin-top:6px}
.airx-sec{display:flex;align-items:center;gap:8px;margin:12px 0 4px;font-size:10px;letter-spacing:.22em;color:var(--cy)}
.airx-sec b{font-weight:600}.airx-sec em,.airx-sec small{font-style:normal;margin-left:auto;font-size:10px;letter-spacing:.14em;color:var(--dim)}
.airx-sec em.airx-ok{color:var(--ok)}.airx-sec em.airx-bad{color:var(--red2)}
.airx-txt{font-size:11px;color:var(--ink);line-height:1.5;letter-spacing:.03em}
.airx-bits{display:flex;flex-wrap:wrap;gap:4px}.airx-bits span{font-size:10px;letter-spacing:.08em;border:1px solid var(--line);padding:2px 6px;color:var(--ink)}
.airx-raw{font:10px/1.5 var(--mono,monospace);color:var(--cy2);white-space:pre-wrap;word-break:break-word;margin:6px 0;padding:6px 8px;border-left:2px solid var(--line);background:color-mix(in srgb,var(--cy) 4%,transparent)}
/* notable list in the AIR tab */
.airx-card{border:1px solid var(--line);background:color-mix(in srgb,var(--red) 5%,transparent);padding:10px;margin:0 0 12px}
.airx-hd{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;letter-spacing:.2em;color:var(--red2);margin-bottom:6px}
.airx-hd span{font-size:10px;color:var(--dim);letter-spacing:.14em}
.airx-chk{display:flex;gap:6px;align-items:center;font-size:10px;letter-spacing:.1em;color:var(--dim);margin:4px 0 8px;cursor:pointer}
.airx-ls{display:flex;flex-direction:column;gap:4px;max-height:280px;overflow:auto;overscroll-behavior:contain}
.airx-n{display:grid;grid-template-columns:1fr auto;gap:1px 8px;text-align:left;border:1px solid var(--line2);border-left:3px solid var(--red);padding:6px 8px;background:var(--panel);cursor:pointer;width:100%}
.airx-n:hover{border-color:var(--cy);background:color-mix(in srgb,var(--cy) 10%,transparent)}
.airx-n.t2{border-left-color:var(--warn)}.airx-n.t3{border-left-color:var(--cy)}.airx-n.t4{border-left-color:var(--faint)}
.airx-n b{font-size:11px;letter-spacing:.1em;color:var(--m-hi);grid-column:1/-1}
.airx-n span{font-size:10px;color:var(--cy2);letter-spacing:.06em}.airx-n small{font-size:10px;color:var(--dim);text-align:right}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){
  .airx-ls{max-height:34vh}
  .airx-ap b{font-size:16px}
  .airx-ph{max-height:200px}.airx-ph img{object-fit:cover}
  .airx-n{padding:9px 8px}.airx-chk{padding:4px 0}
}
.airx>h2.sec{margin-top:16px}
/* UX sweep tab-extras: 44px touch targets */
@media (max-width:760px), (max-height:500px) and (pointer:coarse){
  .airx .btn,.airx-n .btn,.airx-empty .btn{min-height:44px}
}
/* CJ 10/13 polish: flight category on the METAR row is a class now (theme aware via wow-hq.css .fc-*), --fc is the fallback for unknown categories */
:where(em[style*="--fc"]){color:var(--fc)}