/* Narrow screens show the same programs and stages without a wide matrix. */
.pipeline-summary-status,
.pipeline-compact-track{display:none}

@media(max-width:1000px){
  .v6-pipeline .pipeline-scroll{overflow:visible;border-radius:12px}
  .v6-pipeline .pipeline-matrix{min-width:0;width:100%}
  .v6-pipeline .pipeline-scale,
  .v6-pipeline .pipeline-track-area,
  .v6-pipeline .pipeline-scroll-hint{display:none}
  .v6-pipeline .pipeline-program{
    display:block;min-height:0;padding:24px;min-width:0;
  }
  .v6-pipeline .pipeline-sticky.pipeline-program-name{
    position:static;display:grid;grid-template-columns:minmax(0,1fr) auto;
    align-items:start;gap:0 20px;padding:0;min-height:0;
    width:auto;border:0;background:transparent;min-width:0;
  }
  .v6-pipeline .pipeline-market{
    grid-column:1;justify-self:start;margin:0 0 8px;
    font-size:.875rem;line-height:1.6;letter-spacing:0;
  }
  .v6-pipeline .pipeline-program-name h4{
    grid-column:1;grid-row:2;margin:0;font-size:1.25rem;line-height:1.45;
    overflow-wrap:anywhere;
  }
  .v6-pipeline .pipeline-summary-status{
    display:block;grid-column:2;grid-row:1/3;max-width:260px;
    padding:7px 11px;border-radius:6px;margin:0;
    color:#315c63;background:#eaf4f4;font-size:.875rem;
    line-height:1.6;font-weight:500;word-break:keep-all;overflow-wrap:anywhere;
  }
  .pipeline-dtx .pipeline-summary-status{color:#355a85;background:#edf2fa}
  .v6-pipeline .pipeline-summary-status.is-authorized{color:#2253cc;background:#edf2ff}
  .v6-pipeline .pipeline-program-name p{
    grid-column:1/-1;margin:10px 0 0;font-size:1rem;line-height:1.65;color:var(--navy);
  }
  .v6-pipeline .pipeline-program-name small{
    grid-column:1/-1;margin:4px 0 0;font-size:.875rem;line-height:1.65;
    overflow-wrap:anywhere;
  }
  .v6-pipeline .pipeline-compact-track{display:block;margin-top:18px;min-width:0}
  .pipeline-compact-caption{
    display:flex;align-items:baseline;justify-content:space-between;gap:14px;
    font-size:.875rem;line-height:1.6;color:#526780;
  }
  .pipeline-compact-caption strong{font-weight:500;color:var(--navy)}
  .pipeline-stage-position{white-space:nowrap;font-variant-numeric:tabular-nums}
  .pipeline-compact-steps{
    display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
    gap:6px;list-style:none;margin:9px 0 0;padding:0;
  }
  .pipeline-compact-steps li{position:relative;height:6px;border-radius:3px;background:#e9eef4}
  .pipeline-compact-steps li.is-earlier{background:#b5c6df}
  .pipeline-combination .pipeline-compact-steps li.is-earlier{background:#acd0d0}
  .pipeline-compact-steps li.is-current{background:#295be7}
  .pipeline-combination .pipeline-compact-steps li.is-current{background:#307d82}
  .pipeline-compact-steps li.is-current::after{
    content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    width:12px;height:12px;box-sizing:border-box;border:2px solid white;
    border-radius:50%;background:inherit;box-shadow:0 0 0 1px currentColor;color:#295be7;
  }
  .pipeline-combination .pipeline-compact-steps li.is-current::after{color:#307d82}
  .pipeline-step-label{
    position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
    clip-path:inset(50%);white-space:nowrap;border:0;
  }
}

@media(max-width:600px){
  .v6-pipeline .pipeline-group-heading{flex-wrap:wrap;gap:10px;margin-bottom:16px}
  .v6-pipeline .pipeline-group-heading>div{flex:1 1 100%;min-width:0}
  .v6-pipeline .pipeline-count{font-size:.875rem}
  .v6-pipeline .pipeline-program{padding:20px 18px}
  .v6-pipeline .pipeline-sticky.pipeline-program-name{display:flex;align-items:flex-start;gap:0}
  .v6-pipeline .pipeline-summary-status{max-width:100%;margin-top:11px;box-sizing:border-box}
  .v6-pipeline .pipeline-program-name p{margin-top:10px}
  .v6-pipeline .pipeline-program-name h4{font-size:1.25rem}
  .v6-pipeline .pipeline-compact-track{margin-top:16px}
}
