/* Candidate-facing JD typography. Shared by public roles and the Connect writer. */
@import url('/portal/fonts.css?v=1');

.clara-job-description {
  font: 16px/1.65 var(--font-body, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);
  color: var(--body-text, #344054);
  overflow-wrap: anywhere;
  max-width: 720px;
}
.clara-job-description p { margin: 0 0 18px; }
.clara-job-description h2, .clara-job-description h3, .clara-job-description h4 {
  font-family: var(--font-display, 'Montserrat', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
  color: var(--navy, #011131);
  line-height: 1.3;
  letter-spacing: -.015em;
  margin: 36px 0 14px;
}
.clara-job-description > :first-child { margin-top: 0; }
.clara-job-description h2 { font-size: 24px; }
.clara-job-description h3 { font-size: 19px; }
.clara-job-description h4 { font-size: 16px; }
.clara-job-description strong { color: var(--navy, #011131); }
.clara-job-description ul, .clara-job-description ol { padding-left: 22px; margin: 0 0 22px; }
.clara-job-description li { margin-bottom: 8px; padding-left: 4px; }
.clara-job-description li::marker { color: var(--blue, #0a63d1); }
.clara-job-description hr { border: 0; border-top: 1px solid var(--grey, #dfe1e2); margin: 36px 0; }
.clara-job-description pre { white-space: pre-wrap; }
.clara-job-description a { color: var(--blue, #0a63d1); text-underline-offset: 4px; }

.clara-job-description[contenteditable="true"]:focus-visible { outline: 3px solid var(--lavanda, #aac2fe); outline-offset: 3px; }