.worker-history-form { max-width: 1100px; }
.employment-editor { margin-top: 36px; }
.history-heading { padding: 0; align-items: flex-start; }
.history-heading > div { max-width: 650px; }
.history-heading .btn { flex-shrink: 0; }
.history-help { max-width: 800px; color: var(--muted); font-size: 13px; line-height: 1.8; margin: 18px 0 24px; }
.employment-period { margin: 20px 0; padding: 24px; background: #f6f8f9; border-radius: 7px; border: 1px solid var(--border); }
.period-heading, .positions-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 20px; }
.period-heading h3 { font-size: 17px; margin: 0; }
.period-dates { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; max-width: 650px; }
.positions-heading { margin: 10px 0; }
.positions-heading h4 { font-size: 14px; font-weight: 600; margin: 0; }
.position-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; align-items: start; padding: 20px 0 0; border-top: 1px solid var(--border); }
.position-row .field { margin: 0 0 20px; }
.position-row .remove-history { grid-column: 1/-1; justify-self: end; margin: 0 0 12px; }
.remove-history { color: #7b3e48; font-size: 13px; }
.employment-period[hidden], .position-row[hidden] { display: none; }
.history-view { margin-top: 30px; padding-top: 24px; border-top: 1px solid var(--border); }
.history-view h2 { font-size: 17px; margin-bottom: 10px; }
.history-view > .field-help { margin-bottom: 22px; font-size: 13px; }
.history-period-view { margin: 20px 0; }
.history-period-view h3 { font-size: 14px; margin-bottom: 6px; }
.history-period-dates { font-size: 13px; color: var(--muted); line-height: 1.8; margin-bottom: 12px; }
.position-history-list { list-style: none; padding: 0; margin: 12px 0 22px; }
.position-history-list li { display: flex; justify-content: space-between; gap: 24px; padding: 12px 0; border-bottom: 1px solid #edf0f2; }
.position-history-list strong { font-size: 14px; overflow-wrap: anywhere; }
.position-history-list span { color: var(--muted); font-size: 13px; text-align: right; }
.history-card-summary { margin-top: 4px; }
@media(max-width:1100px) {
  .position-row { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .position-row .remove-history { grid-column: 1/-1; justify-self: end; margin: 0 0 12px; }
  .history-heading { flex-wrap: wrap; }
}
@media(max-width:700px) {
  .employment-period { padding: 20px; }
  .period-dates, .position-row { grid-template-columns: minmax(0,1fr); gap: 0; }
  .position-row .field { margin-bottom: 18px; }
  .period-heading { align-items: flex-start; }
  .period-heading h3 { font-size: 16px; }
  .positions-heading { flex-wrap: wrap; gap: 6px; }
  .positions-heading h4 { font-size: 14px; }
  .remove-history, .positions-heading button { min-height: 44px; padding: 10px 0; }
  .history-heading .btn { width: 100%; }
  .position-history-list li { display: block; }
  .position-history-list span { display: block; text-align: left; margin-top: 6px; }
}