/* Desktop enhancement only; the diagram remains ordinary text without CSS. */
@media (min-width:1151px) {
  #outant-bp-destruction,
  #ue-bp-destruction { row-gap:8px; }
  .record-content #outant-bp-wbp .bp-display-label { margin:20px 0 8px; }
  #outant-bp-wbp .bp-display-info {
    display:flex;
    flex-wrap:wrap;
    gap:8px 28px;
    margin:0 0 24px;
  }
  .mission-flow {
    grid-column:1 / -1;
    margin:0;
    padding:15px 0 0;
    border-top:1px solid var(--ink);
    color:var(--ink);
    font-size:14px;
    line-height:1.6;
  }
  .record-content .mission-flow-title {
    margin:0 0 9px;
    color:var(--red);
    font-size:12px;
    font-weight:650;
    letter-spacing:.02em;
  }
  .mission-flow dl { margin:0; }
  .mission-flow dt { font-size:12px;font-weight:650; }
  .mission-flow dd { margin:0;min-width:0; }
  .mission-flow-routes>div {
    display:grid;
    grid-template-columns:76px minmax(0,1fr);
    gap:12px;
    align-items:baseline;
    padding:7px 0;
  }
  .mission-flow-routes dd {
    display:flex;
    align-items:baseline;
    flex-wrap:wrap;
    gap:5px 12px;
  }
  .mission-flow-routes dd>span[aria-hidden] { color:var(--red); }
  .mission-flow .mission-flow-outputs {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:24px;
    margin-top:8px;
    padding-top:10px;
    border-top:1px solid var(--line);
  }
  .mission-flow-outputs>div {
    padding-left:12px;
    border-left:2px solid var(--red);
  }
  .mission-flow-outputs dt { margin-bottom:3px; }
}