/* Spotting guides, on top of /learn/assets/guide.css and /aircraft/aircraft.css. Tokens only. */
.live{border:1px solid var(--line-strong);border-radius:var(--r);background:var(--bg-sunk);padding:18px 20px;margin:0 0 40px}
.live h2{font-size:var(--guide-small);font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin:0 0 6px;font-weight:600}
.live-status{font:12px/1.6 var(--font-mono);color:var(--muted);margin:0 0 14px}
.live[data-tone=live] .live-status{color:var(--live)}
.live[data-tone=unavailable] .live-status,.live[data-tone=cached] .live-status{color:var(--muted)}
.live-runway{font:500 22px/1.3 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text);margin:0 0 10px}
.live-advice{font-size:16px;color:var(--text-dim)}
.live-sub{font:12px/1.5 var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin:20px 0 8px}
.live-rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 24px;margin:0 0 14px}
.live-rows div{border-top:1px solid var(--line);padding-top:8px;min-width:0}
.live-rows dt{font:12px var(--font-mono);color:var(--muted);overflow-wrap:anywhere}
.live-rows dd{margin:2px 0 0;font:15px/1.5 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text);overflow-wrap:anywhere}
.live .small{margin:0 0 10px}
.place{border-top:1px solid var(--line-strong);padding-top:22px;margin-top:30px}
.place h3{margin-top:0}
.place dl{display:grid;grid-template-columns:minmax(0,9em) minmax(0,1fr);gap:8px 18px;font-size:16px;margin:0 0 18px}
.place dt{font:12px/1.9 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.place dd{margin:0;color:var(--text-dim)}
.runways-table td:first-child{font-family:var(--font-mono);color:var(--text);white-space:nowrap}
.guides{list-style:none;padding:0;margin:0}
.guides li{border-top:1px solid var(--line-strong);padding:22px 0}
.guides h2{font-size:var(--guide-section);margin:0 0 10px}
.guides h2 a{color:var(--text);text-decoration:none}
.guides h2 a:hover{text-decoration:underline}
.guides p{margin:0;color:var(--text-dim);font-size:16px;max-width:64ch}
@media(max-width:700px){.place dl{grid-template-columns:1fr;gap:2px}.place dd{margin-bottom:10px}.live{padding:16px}}
/* Shannon: the quick answer, coordinates, and the live strip fed by /airports/airports.js. */
.answer{border-left:2px solid var(--accent);padding-left:16px}
.coords{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap}
.live .live-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.live .live-status[data-state=live]{color:var(--live)}
.live .live-status[data-state=error],.live .live-status[data-state=stale],.live .live-status[data-state=not-collected]{color:var(--text-dim)}
.live-retry{font:12px var(--font-mono);min-height:44px;padding:4px 14px;color:var(--text);background:var(--bg-raise);border:1px solid var(--line-strong);border-radius:var(--r);cursor:pointer}
.prose .live-planes{list-style:none;padding:0;margin:0 0 10px}
.live-planes li{margin:0;padding:0;max-width:none}
.live-planes li:nth-child(n+4){display:none}
.live-planes .plane{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:2px 12px;padding:8px 0;border-top:1px solid var(--line);font:13px/1.5 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-dim)}
.live-planes .plane-ident{display:flex;flex-direction:column;min-width:0}
.live-planes .plane-callsign{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live-planes .plane-sub,.live-planes .plane-route{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live-planes .plane-phase{display:none}
.live-planes .plane-route{grid-column:1/-1;grid-row:2}
.atc-table .mhz{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap}
.faq h3{font-size:var(--guide-body,18px);margin:24px 0 6px}