/* Smart Trip Creator (Wave 2) -- design tokens only, mobile-first. One column at every width below 720px;
   never a horizontal pill-strip step bar (identified as an anti-pattern in the Transport Settings round) --
   the step indicator here is a single compact text line instead. */
.stc{display:flex;flex-direction:column;gap:var(--ds-space-4);max-width:860px;margin:0 auto}
.stc-progress{font-size:var(--ds-fs-secondary);color:var(--ds-text-muted);font-weight:var(--ds-fw-medium)}
.stc-progress b{color:var(--ds-text)}
.stc-card{display:flex;flex-direction:column;gap:var(--ds-space-3)}
.stc-foot{display:flex;flex-direction:column;gap:var(--ds-space-3)}
.stc-nav{display:flex;flex-wrap:wrap;gap:var(--ds-space-2);align-items:center;justify-content:space-between}
.stc-nav-left,.stc-nav-right{display:flex;flex-wrap:wrap;gap:var(--ds-space-2);align-items:center}
.stc-create-row{display:flex;justify-content:flex-end}
.stc-create-row #stc-create{min-height:44px;min-width:160px}
.stc-choice-grid{display:grid;grid-template-columns:1fr;gap:var(--ds-space-2)}
@media (min-width:720px){.stc-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.stc-choice{display:flex;align-items:flex-start;gap:var(--ds-space-2);min-height:44px;padding:var(--ds-space-3);border:var(--ds-border-w) solid var(--ds-border-subtle);border-radius:var(--ds-radius-md);background:var(--ds-surface);cursor:pointer}
.stc-choice:hover{background:var(--ds-hover)}
.stc-choice input{margin-top:4px;flex:0 0 auto}
.stc-choice div{display:flex;flex-direction:column;gap:2px}
.stc-choice small{color:var(--ds-text-muted);font-size:var(--ds-fs-secondary)}
.stc-choice.is-on{border-color:var(--ds-primary);box-shadow:inset 0 0 0 1px var(--ds-primary);background:color-mix(in srgb,var(--ds-primary) 8%,transparent)}
.stc-callout{padding:var(--ds-space-3);background:var(--ds-hover);border-radius:var(--ds-radius-md)}
.stc-review{display:flex;flex-direction:column;gap:0}
.stc-review-row{display:flex;flex-wrap:wrap;gap:var(--ds-space-2);justify-content:space-between;padding:var(--ds-space-2) 0;border-top:var(--ds-border-w) solid var(--ds-border-subtle)}
.stc-review-row:first-child{border-top:0}
.stc-review-row span{color:var(--ds-text-muted)}
.stc-review-row.is-bad b{color:var(--ds-danger)}
.stc-success{padding:var(--ds-space-3);display:flex;flex-direction:column;gap:var(--ds-space-2);align-items:flex-start}
@media (min-width:720px){
  .stc-nav-right #stc-next,.stc-nav-right [data-action="stcNext"]{min-width:140px}
}