/* find-today — 랜딩 항공편 검색 「오늘 이 편 · 가는 길」 카드 (2026-10-01 신설, find-today.js)
   운항 기록 카드(.ld-ops)와 같은 테두리형. 머리·주석은 landing.css 의 .sm-h/.sm-sub/.sm-note 를 쓴다.
   색 4가지는 항로기상 탭(wx-route)과 같은 뜻 — 초록 양호 · 노랑 주의 · 빨강 악기상/걸린 노탐 · 회색 판정 불가.
   ⚠ 캔버스 색은 find-today.js COL 에도 있다(캔버스는 CSS 변수를 못 읽는다) — 바꿀 때 둘 다. */
.ld-today {
  --lt-g: #22c55e; --lt-y: #f59e0b; --lt-r: #ef4444; --lt-x: #64748b;
  border-radius: 12px; padding: 12px 14px 11px;
  background: rgba(7, 13, 30, 0.45); border: 1px solid rgba(77, 238, 234, 0.20);
  display: grid; gap: 8px; color: #e7eefb;
}
.ld-today .sm-h b.lt-t { font-family: var(--font-sans); font-size: 15px; letter-spacing: 0; }
.lt-chip { font-size: 11.5px; font-weight: 700; padding: 1px 8px; border-radius: 999px; border: 1px solid; }
.lt-chip.lt-pre { color: #93c5fd; border-color: rgba(96, 165, 250, 0.5); }
.lt-chip.lt-air { color: #86efac; border-color: rgba(34, 197, 94, 0.5); }
.lt-verdict { font-size: 13px; padding: 7px 10px; border-radius: 8px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08); }
.lt-verdict b { color: #fde68a; }
.lt-gray { color: #93a2b6; }
.lt-map { width: 100%; max-width: 560px; margin: 0 auto; border-radius: 10px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.06); }
/* ⚠ landing.css `.ld-hero canvas{position:absolute;inset:0;height:100%}` 를 되돌린다 — 특이성(클래스2+요소1)으로 이긴다 */
.ld-today canvas.lt-cv { position: static; inset: auto; display: block; width: 100%; }
.lt-bar { display: grid; gap: 3px; }
.lt-rk { display: grid; grid-template-columns: 34px 1fr; gap: 6px; align-items: center; }
.lt-rk > span { font-size: 10.5px; color: #93a2b6; text-align: right; }
.lt-tr { display: flex; gap: 2px; height: 13px; }
.lt-tr > span { border-radius: 3px; min-width: 3px; }
.lt-tr-n { height: 9px; }
.lt-c-g { background: var(--lt-g); } .lt-c-y { background: var(--lt-y); } .lt-c-r { background: var(--lt-r); }
.lt-c-x { background: repeating-linear-gradient(90deg, #64748b 0 6px, #475569 6px 9px); }
.lt-n-ok { border-top: 2px solid rgba(34, 197, 94, 0.6); }
.lt-n-hit { background: rgba(239, 68, 68, 0.3); border-top: 2px solid var(--lt-r); }
.lt-n-na { background: repeating-linear-gradient(135deg, rgba(148, 163, 184, 0.3) 0 3px, transparent 3px 6px); }
.lt-past { opacity: 0.28; }
.lt-fixes { position: relative; height: 26px; margin-left: 40px; }
.lt-fx { position: absolute; top: 3px; transform: translateX(-50%); font: 600 10.5px var(--font-mono); color: #b6c2d3; white-space: nowrap; }
.lt-fx:first-child { transform: none; }
.lt-fx.lt-end { transform: translateX(-100%); }
.lt-fx.lt-fir { color: #93c5fd; text-align: center; }
.lt-fx small { display: block; font: 500 9.5px var(--font-sans); }
.lt-legend { display: flex; flex-wrap: wrap; gap: 3px 12px; font-size: 11px; color: #93a2b6; }
.lt-legend i { display: inline-block; width: 12px; height: 8px; border-radius: 2px; margin-right: 4px; vertical-align: 0; }
.lt-hot { display: grid; gap: 6px; }
.lt-hot:empty { display: none; }
.lt-hz { display: grid; grid-template-columns: auto 1fr; gap: 2px 10px; padding: 7px 10px; border-radius: 8px; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08); font-size: 13px; }
.lt-tg { font-size: 11px; font-weight: 700; border-radius: 999px; padding: 1px 8px; align-self: start; white-space: nowrap; }
.lt-wx-y { background: rgba(245, 158, 11, 0.18); color: #fcd34d; }
.lt-wx-r, .lt-nt { background: rgba(239, 68, 68, 0.2); color: #fca5a5; }
.lt-w b { color: #fff; }
.lt-d { grid-column: 2; color: #93a2b6; font-size: 11.5px; }
.lt-e { font-family: var(--font-mono); font-size: 11px; color: #7d8ca1; }
.lt-more-n { font-size: 12px; color: #93a2b6; }
.lt-apts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.lt-apt { padding: 8px 10px; border-radius: 8px; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.07); font-size: 12.5px; color: #c7d2e1; display: grid; gap: 2px; align-content: start; }
.lt-an { font-weight: 700; font-size: 13px; color: #fff; }
.lt-an i { font-style: normal; font: 500 11px var(--font-mono); color: #93a2b6; margin-left: 5px; }
.lt-al b { font-family: var(--font-mono); color: #fff; }
.lt-am { color: #93a2b6; font-size: 11px; }
.lt-nl { font-size: 12px; }
.lt-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--lt-y); margin-right: 5px; vertical-align: 1px; }
.lt-cat { font: 700 11px var(--font-mono); border-radius: 4px; padding: 0 5px; margin-right: 5px; }
.lt-VFR { background: rgba(34, 197, 94, 0.15); color: #4ade80; }
.lt-MVFR { background: rgba(96, 165, 250, 0.18); color: #93c5fd; }
.lt-IFR { background: rgba(239, 68, 68, 0.18); color: #fca5a5; }
.lt-LIFR { background: rgba(217, 70, 239, 0.18); color: #f0abfc; }
.lt-links { display: flex; flex-wrap: wrap; gap: 4px 16px; font-size: 12.5px; }
.lt-links a, .lt-lock a { color: #4deeea; text-decoration: none; }
.lt-lock { font-size: 13px; color: #c7d2e1; padding: 8px 10px; border-radius: 8px; background: rgba(77, 238, 234, 0.06); border: 1px solid rgba(77, 238, 234, 0.25); }
.lt-lock b { color: #4deeea; }
@media (max-width: 560px) { .lt-apts { grid-template-columns: 1fr; } }