.advanced-airway-workbench {
  box-sizing: border-box;
  max-width: 100%;
  margin-top: 12px;
  padding: 14px;
  border: 1px solid rgba(103, 211, 203, .3);
  border-radius: 12px;
  background: linear-gradient(155deg, #0c2834, #081d2b 70%);
  color: #eaf5f5;
}

.advanced-airway-workbench h5,
.advanced-airway-workbench h6 { margin: 0 0 7px; color: #f2faf9; }
.advanced-airway-workbench h5 { font-size: 1rem; }
.advanced-airway-workbench h6 { font-size: .85rem; }
.advanced-airway-workbench p { line-height: 1.5; }
.advanced-airway-intro,
.advanced-airway-current,
.advanced-airway-provenance,
.advanced-airway-boundary { margin: 0 0 12px; color: #c5d9df; font-size: .78rem; }
.advanced-airway-current { color: #94dfd5; font-weight: 650; }

.advanced-airway-sources,
.advanced-airway-check-choices { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; margin: 10px 0 14px; }
.advanced-airway-check-choices { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.advanced-airway-source,
.advanced-airway-check-choice,
.advanced-airway-check-move,
.advanced-airway-reset {
  min-width: 0;
  min-height: 38px;
  padding: 7px 9px;
  border: 1px solid rgba(128, 192, 199, .38);
  border-radius: 8px;
  background: #12303e;
  color: #e6f3f5;
  font: inherit;
  font-size: .75rem;
  line-height: 1.3;
  cursor: pointer;
}
.advanced-airway-source[aria-pressed="true"],
.advanced-airway-check-choice[aria-pressed="true"] { border-color: #6bd9ca; background: #1c5054; color: #fff; }
.advanced-airway-workbench button:hover:not(:disabled) { border-color: #b7eae2; }
.advanced-airway-workbench button:focus-visible,
.advanced-airway-workbench select:focus-visible,
.advanced-airway-check-row:focus-visible { outline: 2px solid #ffd57d; outline-offset: 2px; }
.advanced-airway-workbench button:disabled { opacity: .42; cursor: default; }

.advanced-airway-comparison,
.advanced-airway-sequence { min-width: 0; margin-top: 14px; padding: 12px; border: 1px solid rgba(137, 196, 203, .22); border-radius: 9px; background: rgba(2, 17, 26, .45); }
.advanced-airway-selectors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-bottom: 10px; }
.advanced-airway-select { display: grid; gap: 5px; min-width: 0; color: #bcd2d8; font-size: .72rem; font-weight: 650; }
.advanced-airway-select select { box-sizing: border-box; width: 100%; min-width: 0; padding: 8px; border: 1px solid rgba(135, 193, 198, .45); border-radius: 7px; background: #0b2430; color: #f0fbfb; font: inherit; }
.advanced-airway-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.advanced-airway-card { min-width: 0; padding: 11px; border: 1px solid rgba(126, 188, 198, .25); border-radius: 8px; background: #0d2935; }
.advanced-airway-card-heading { display: block; color: #f5fbfb; font-size: .78rem; }
.advanced-airway-card-source { display: block; margin: 3px 0 9px; color: #88d5ca; font-size: .71rem; }
.advanced-airway-facts { display: grid; gap: 7px; margin: 0; }
.advanced-airway-fact { min-width: 0; padding: 7px; border-left: 3px solid rgba(150, 203, 204, .3); background: rgba(7, 28, 36, .7); }
.advanced-airway-fact[data-changed="true"] { border-left-color: #f3c879; }
.advanced-airway-fact dt { color: #a9c5cc; font-size: .69rem; }
.advanced-airway-fact dd { margin: 3px 0 0; color: #f1f7f7; font-size: .77rem; overflow-wrap: anywhere; }
.advanced-airway-signal-cue { margin-top: 8px; padding: 7px 8px; border: 1px solid rgba(167, 206, 207, .2); border-radius: 6px; background: #09202c; }
.advanced-airway-signal-cue::before { content: ""; display: block; height: 12px; margin-bottom: 6px; border-top: 3px solid #82d6bc; }
.advanced-airway-signal-cue[data-status="limited"]::before { border-top-style: dotted; border-top-color: #f1c675; }
.advanced-airway-signal-cue[data-status="absent"]::before,
.advanced-airway-signal-cue[data-status="unreported"]::before { border-top: 3px dashed #bd8794; }
.advanced-airway-signal-cue[data-status="unspecified"]::before { border-top-style: dashed; border-top-color: #a6bec9; }
.advanced-airway-signal-mark { color: #f1d593; font-size: .71rem; font-weight: 700; }
.advanced-airway-signal-cue[data-status="present"] .advanced-airway-signal-mark { color: #a5e6d0; }
.advanced-airway-signal-cue p { margin: 3px 0 0; color: #c7d9dc; font-size: .7rem; }
.advanced-airway-provenance { margin: 9px 0 0; }

.advanced-airway-sequence > p { margin: 0 0 9px; color: #c5d9df; font-size: .75rem; }
.advanced-airway-check-order { display: grid; gap: 8px; margin: 0 0 10px; padding-left: 20px; }
.advanced-airway-check-row { min-width: 0; padding: 9px; border: 1px solid rgba(151, 204, 205, .23); border-radius: 8px; background: #102c38; }
.advanced-airway-check-row strong { color: #e7f9f6; font-size: .76rem; }
.advanced-airway-check-row p { margin: 4px 0 8px; color: #cfdee1; font-size: .72rem; overflow-wrap: anywhere; }
.advanced-airway-check-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.advanced-airway-check-move { min-height: 30px; padding: 5px 8px; }
.advanced-airway-empty { color: #c4d4d7; font-size: .74rem; }
.advanced-airway-reset { margin-top: 2px; }
.advanced-airway-boundary { margin: 10px 0 0; }

@media (max-width: 600px) {
  .advanced-airway-workbench { padding: 10px; }
  .advanced-airway-sources { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .advanced-airway-check-choices { grid-template-columns: 1fr; }
  .advanced-airway-selectors,
  .advanced-airway-pair { grid-template-columns: 1fr; }
}