/* Job posting pages (careers/position-*.html) — readability overrides on top of css/style.css */
.wrapper .careersPg .inner > h2 { margin: 10px auto 30px; max-width: 760px; line-height: 1.3; }

.wrapper .careersPg .positiondesc {
    max-width: 760px;
    padding: 36px 44px;
    box-sizing: border-box;
}
.wrapper .careersPg .positiondesc .position {
    font-size: 22px;
    color: #555;
    margin-bottom: 16px;
}
.wrapper .careersPg .positiondesc p,
.wrapper .careersPg .positiondesc ul li {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7;
    color: #555;
}
.wrapper .careersPg .positiondesc p { margin: 0 0 14px; }
.wrapper .careersPg .positiondesc strong { font-weight: 700; color: #444; }

.wrapper .careersPg .positiondesc h4 {
    font-size: 17px;
    margin: 32px 0 14px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e5e5e5;
}
.wrapper .careersPg .positiondesc ul {
    list-style: disc;
    margin: 0 0 14px;
    padding-left: 22px;
}
.wrapper .careersPg .positiondesc ul li {
    display: list-item;
    margin: 0 0 10px;
    padding-left: 4px;
}
.wrapper .careersPg .positiondesc ul li::marker { color: var(--main-color, #004E35); }
.wrapper .careersPg .positiondesc ul li:last-child { margin-bottom: 0; }
.wrapper .careersPg .positiondesc .note { margin-top: 16px; font-style: italic; }
.wrapper .careersPg .button { padding: 30px 20px 40px; }

@media (max-width: 767px) {
    .wrapper .careersPg .positiondesc { padding: 24px 20px; }
    .wrapper .careersPg .inner > h2 { font-size: 22px; }
}