/* Jobba hos oss (F-0014). Loaded on /jobba-hos-oss/ (PAGE_STYLES in
   inc/assets.php) and, like every page stylesheet, in the editor. So every
   selector names a section class (.section-*): theme.md, Pages, the rule of
   the F-0011 review S2, checked by design/tools/check_design.py. The shared
   F-0007 sections this page reuses (the hero, the service cards) carry a
   page modifier (.section-hero--jobs, .section-services--jobs), so these
   rules never reach another page's hero or cards in the editor (F-0014
   review round 2 S1). */

/* Hero: the "Se lediga tjänster" button. No subheading: "Kollegor som
   hjälper varandra att lyckas." opens the intro (F-0058, theme.md *The
   page head*). */
.section-hero--jobs .section-hero__text > .wp-block-buttons { margin-block-start: var(--space-60); }

/* Två affärsområden: the intro under the heading (a .lead and a
   p.link-arrow, Director 2026-10-01: "Ingress under rubriken"). The link
   sits close to the intro; the cards keep their own space above. The
   intro keeps the heading's column, so the two start at the same edge
   (the section's constrained layout centres a narrower .lead). */
.section-services--jobs > .lead { max-width: var(--wp--style--global--content-size); }
.section-services--jobs > .lead + .link-arrow { margin-block-start: var(--space-30); }

/* Lediga tjänster: the news-cards block inside is a section with its own
   padding, like "Läs mer från oss". The id is the target of the hero button;
   the scroll margin keeps the heading clear of the top edge. */
.section.section-open-jobs { padding-block: 0; }
.section-open-jobs #lediga-tjanster { scroll-margin-top: var(--space-50); }
.section-open-jobs .news-cards__empty {
	max-width: 44ch;
	margin: 0;
	font-size: var(--fs-medium);
}

/* Spontanansökan: the button, the address under it, and the closing line. */
.section-apply > .wp-block-buttons { margin-block-start: var(--space-50); }
.section-apply > .wp-block-buttons + p { margin-block-start: var(--space-50); }
.section-apply > p:last-child { font-weight: var(--font-weight-semibold); }

/* Delningslänkar: the section gives the space, so the block needs no margin. */
.section-share .share { margin-block: 0; }