/* Sidan /sok-jobb. Bygger på privacy.css (sidhuvud, .policy-section,
   .policy-list) och index.css (.btn-primary/.btn-secondary). */

.sj-lead {
  color: var(--muted);
  font-size: 1.05rem;
  line-height: 1.7;
  margin: 4px 0 24px;
}
.sj-cta { display: flex; flex-wrap: wrap; gap: 12px; }
.sj-cta a { text-decoration: none; }
/* index.css ger .btn-secondary en nästan osynlig kant i ljust läge. */
.sj-cta .btn-secondary { border-color: var(--muted); }
.sj-cta a:focus-visible { outline: 2px solid var(--amber-text); outline-offset: 3px; }

.policy-list li > span { flex: 1; }

.sj-steps {
  counter-reset: steg;
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
}
.sj-steps li {
  counter-increment: steg;
  position: relative;
  padding: 10px 0 10px 44px;
  color: var(--muted);
  font-size: 0.93rem;
}
.sj-steps li::before {
  content: counter(steg);
  position: absolute; left: 0; top: 8px;
  width: 30px; height: 30px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: var(--amber); color: #191724;
  font-weight: 700; font-size: 0.85rem;
}
.sj-steps strong { color: var(--text); }

.policy-section a { color: var(--amber-text); text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 560px) {
  .sj-cta a { flex: 1 1 100%; justify-content: center; }
}

/* index.css ger alla <section> stor luft (startsidans sektioner) — här ska
   de ligga tätt som på de andra textsidorna. */
main section.policy-section { padding: 0; }