/* One open role (template job.php). Not a block: lives here because the layout auto-loads
   this folder. The heading is the page-hero grammar; the rest sits in the text column. */
.job__main { padding-bottom: var(--space-160); }
.job__tags { margin-bottom: var(--space-40); }
.job__summary { margin-bottom: var(--space-48); }
.job__body { margin-bottom: var(--space-64); }
.job__body h2 { margin-top: var(--space-48); color: var(--ink-primary); font-size: var(--fs-body-lg); font-weight: 500; }
.job__body h2:first-child { margin-top: 0; }
.job__body ul { display: grid; gap: var(--space-8); padding-left: 1.2em; list-style: disc; }
.job__body li::marker { color: var(--ink-subtle); }
.job__actions { display: flex; flex-wrap: wrap; gap: var(--space-12); }

@media (max-width: 767px) {
  .job__summary { margin-bottom: var(--space-32); }
  .job__main { padding-bottom: var(--space-80); }
  .job__body { margin-bottom: var(--space-40); }
  .job__actions .btn { min-height: 44px; }
  .job .tag--eyebrow { position: relative; overflow: visible; }
  .job .tag--eyebrow::after { content: ""; position: absolute; inset: -8px -4px; }
}