.mst-jobfit { max-width: 820px; margin: 0 auto; font-size: 16px; line-height: 1.6; }
.mst-jobfit h2 { margin: 0.5em 0 0.2em; }
.mst-steps { display: flex; gap: 10px; margin: 10px 0 20px; flex-wrap: wrap; }
.mst-steps span { padding: 6px 10px; border-radius: 6px; background:#eee; }
.mst-steps .active { background:#dfe9ff; }

.mst-q { padding:12px 8px; border-bottom:1px solid #eee; }
.mst-q-text { font-weight:600; margin-bottom:6px; }
.mst-q-ops { display:grid; grid-template-columns: 1fr 1fr; gap:6px; }
.mst-q-op { display:flex; align-items:center; gap:6px; }

.mst-nav { display:flex; justify-content: space-between; gap:10px; margin:16px 0 24px; }
.btn-primary, .btn-secondary { padding:10px 14px; border:0; border-radius:8px; cursor:pointer; }
.btn-primary { background:#3b7cff; color:#fff; }
.btn-secondary { background:#e9eef7; }

.mst-panel { border:1px solid #eee; border-radius:8px; padding:12px; margin:16px 0; }
.bar-row { display:flex; align-items:center; gap:10px; margin:6px 0; }
.bar-label { width: 180px; }
.bar-wrap { flex:1; height:12px; background:#f2f4f7; border-radius:6px; overflow:hidden; }
.bar-fill { height:100%; background:#3b7cff; }

.job-item { padding:10px 0; border-top:1px dashed #ddd; }
.job-item:first-child { border-top:0; }
.job-title { font-weight:700; }
.job-sub { color:#555; font-size:14px; }
.note { font-size:14px; color:#444; }
@media (max-width:600px){
  .mst-q-ops { grid-template-columns: 1fr; }
  .bar-label { width: 140px; }
}