/* Jobs-only comparison: labelled shifts + adjacent hours/pay + brief duty lists.
   Labels and semantic groups identify shifts independently of accent colors. */
/* Priority wording and DOM order come from index.html; colors only reinforce them. */
.jobs-page .jobs-hiring-priority {
  margin: 1rem 0;
  padding: 1rem;
  border-left: 4px solid #ffd2bc;
  border-radius: 6px;
  background: #102e43;
  text-align: left;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.jobs-hiring-priority strong { display: block; color: #ffd2bc; }
.jobs-hiring-priority span { display: block; margin-top: 0.375rem; }
.jobs-page .jobs-shift-card .jobs-shift-badge {
  display: table;
  max-width: 100%;
  margin: 0 0 0.75rem;
  padding: 0.25rem 0.625rem;
  border: 1px solid var(--shift-accent);
  border-radius: 6px;
  background: #102e43;
  color: var(--shift-accent);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.jobs-shift-duties {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  align-items: start;
  margin-top: 1.5rem;
}
.jobs-shift-card { --shift-accent: #ffe29a; min-width: 0; border-top: 6px solid var(--shift-accent); }
#evening-shift { --shift-accent: #ddc6ff; }
#standby-shift { --shift-accent: #a7f7ee; }
.jobs-page .jobs-shift-card h3 { color: var(--shift-accent); font-size: 1.375rem; }
.jobs-page .jobs-shift-card .jobs-shift-hours { margin: 0.875rem 0 0.25rem; font-size: 1.25rem; font-weight: 700; line-height: 1.5; }
.jobs-page .jobs-shift-card .jobs-shift-pay { margin: 0; color: #fff; font-size: 1rem; font-weight: 700; }
.jobs-shift-pay span { font-weight: 400; }
.jobs-page .jobs-brief-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.625rem;
  margin: 1rem 0 0;
  padding-left: 1.25rem;
  list-style: disc;
  max-width: 68ch;
}
.jobs-brief-list li { min-width: 0; line-height: 1.6; overflow-wrap: anywhere; }
.jobs-brief-list li::marker { color: #a7f7ee; }
.jobs-shift-card .jobs-brief-list li::marker { color: var(--shift-accent); }
.jobs-page .jobs-details {
  margin-top: 1.75rem;
  padding: 1rem 1.25rem;
  border: 1px solid rgba(255, 255, 255, 0.32);
  border-radius: 6px;
  background: #102e43;
  min-width: 0;
}
.jobs-details > summary { min-height: 44px; color: #fff; font-weight: 700; cursor: pointer; line-height: 1.5; overflow-wrap: anywhere; }
.jobs-details > summary:focus-visible { outline: 3px solid #ffe29a; outline-offset: 4px; }
.jobs-page .content-section .jobs-separated-list { padding-left: 1.25rem !important; list-style: disc; }
.jobs-page .content-section .jobs-separated-list li { padding: 0.625rem 0; }
@media (max-width: 959px) { .jobs-shift-duties { grid-template-columns: minmax(0, 1fr); } }