/* Editorial sections on the single job page: the facility summary, and any
   list inside a section's supplied copy.
   Theme-authored rather than ported: anders-job-page.css is generated by
   tools/port-design.js and must not be hand-edited, and the design shipped no
   markup for a facility module or for bullets inside a summary. */

/* Same sticky-header clearance the ported sheet gives its own anchor targets. */
.anders-design #facility {
  scroll-margin-top: calc(var(--h-header) + 61px);
}

/* Client correction: the facility heading reads at regular weight. Size,
   colour, spacing and the h2 tag stay as the ported .section h2 rule sets
   them; only its 700 weight is overridden. The location heading ("About
   {City, ST}") went back to 700 on 2026-10-05, once the facility section
   was hidden, so it matches the page's other section headings. */
.anders-design #facility h2 {
  font-weight: 400;
}

/* A list that arrives inside supplied copy carries no class, unlike the
   page's own .req-list and .benefit-list. The .anders-design reset zeroes its
   margin and padding, which leaves the bullets hanging outside the text
   column flush against the paragraph above. Measure, colour and bottom margin
   follow .section p so a list reads as part of the same copy. */
.anders-design .section > ul:not([class]) {
  list-style: none;
  display: grid;
  gap: var(--s-2);
  max-width: 76ch;
  margin-bottom: 14px;
  color: var(--slate);
}

.anders-design .section > ul:not([class]) > li {
  position: relative;
  padding-left: var(--s-6);
}

/* The square marker the blog's .prose lists use. */
.anders-design .section > ul:not([class]) > li::before {
  content: "";
  position: absolute;
  left: var(--s-1);
  top: .6em;
  width: 7px;
  height: 7px;
  border-radius: 2px;
  background: var(--accent);
}

.anders-design .section > ul:not([class]):last-child {
  margin-bottom: 0;
}

/* Filled jobs stay available briefly so visitors can recover through current
   inventory. Their assignment details and conversion controls are intentionally
   absent; the source title and status lead directly to current inventory. */
.anders-design .job-filled-header {
  max-width: 850px;
}

.anders-design .job-filled-notice {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: var(--s-4);
  padding: var(--s-6) var(--s-4);
  text-align: center;
  background: var(--canvas);
  border: 1px solid var(--action-line);
  border-radius: var(--r);
}

.anders-design .job-filled-notice h2 {
  margin: 0 0 var(--s-1);
  color: var(--emph-d);
  font-weight: 700;
  line-height: 1.25;
  text-transform: uppercase;
}

.anders-design .job-filled-notice p {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.anders-design .closed-job-recommendations .closed-job-group:first-child,
.anders-design .closed-job-recommendations .closed-job-empty {
  margin-top: var(--s-6);
}

.anders-design .closed-job-geo {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 4px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.anders-design .closed-job-browse {
  display: flex;
  justify-content: flex-end;
  margin: var(--s-4) 0 0;
}

@media (min-width: 1024px) {
  .anders-design .layout--job-filled {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Job Details (2026-10-04): the Requirements list's bullets, each led
 * by its label ("Shift:"), between the description and Requirements. */
.anders-design .job-details__label {
  color: var(--ink);
  font-weight: 600;
}