/* ================================================================
   내 항공편 — 공항 교통 안내 (features/ticket-brief/ticket-transit.js의 모양)
   ----------------------------------------------------------------
   카드 표면은 브리핑 공용 `.tb-card`를 빌린다(첫 화면의 어두운 재정의도 그쪽 규칙이 그대로 먹는다).
   여기서는 목록 줄의 배치만 정한다. ⚠ 자식에 background를 박지 않는다(v12 사고 — 첫 화면에서 그 자식만 밝게 남는다).
   ================================================================ */

.tt-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 6px;
}

.tt-opt {
  display: grid;
  grid-template-columns: 22px 1fr auto;
  gap: 2px 8px;
  align-items: baseline;
  padding: 5px 0;
  border-top: 1px solid var(--border, #e2e8f0);
  min-width: 0;
}

.tt-opt:first-child {
  border-top: 0;
  padding-top: 0;
}

.tt-ico {
  font-size: 15px;
  line-height: 1;
}

.tt-main {
  display: flex;
  gap: 6px;
  align-items: baseline;
  flex-wrap: wrap;
  min-width: 0;
  font-size: 12.5px;
}

.tt-main b {
  font-weight: 700;
}

.tt-to {
  font-size: 11.5px;
  color: var(--muted, #64748b);
}

.tt-min {
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.tt-sub {
  grid-column: 2 / 4;
  font-size: 11px;
  color: var(--muted, #64748b);
  overflow-wrap: anywhere;
}

.ld-search .tb-wrap .tt-opt {
  border-top-color: rgba(148, 163, 184, .22);
}

.ld-search .tb-wrap .tt-to,
.ld-search .tb-wrap .tt-sub {
  color: #9fb0c6;
}