/* "Modern" design (front1) on real data: additions to the design's careers.css */
.cr-logo.is-icon, .cr-sh-logo.is-icon { background: none !important; overflow: hidden; }
.cr-logo.is-icon img, .cr-sh-logo.is-icon img { width: 100% !important; height: 100% !important; object-fit: cover; border-radius: inherit; }
.cr-body img.is-white { filter: brightness(0) invert(1); }
.cr-foot a { color: inherit; }
.cr-foot a:hover { color: var(--primary); }
.sx-desc h1, .sx-desc h2, .sx-desc h3, .sx-desc h4 { margin: 32px 0 10px; font-size: 20px; font-weight: 500; color: #1d1d3b; }
.sx-desc > :first-child { margin-top: 0; }
.sx-desc p { margin: 0 0 12px; }
.sx-desc ul, .sx-desc ol { margin: 0 0 12px; padding-left: 20px; display: flex; flex-direction: column; gap: 6px; }
.sx-desc a { color: var(--primary); text-decoration: underline; }
.sx-desc img { max-width: 100%; height: auto; border-radius: 12px; }
body.dark .sx-desc h1, body.dark .sx-desc h2, body.dark .sx-desc h3, body.dark .sx-desc h4 { color: #ecebff; }
.ap-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.ap-banner { padding: 12px 14px; border-radius: 12px; background: #fdecee; color: #a11d2f; font-size: 14.5px; margin-bottom: 6px; }
.ap-choices { display: flex; flex-wrap: wrap; gap: 8px; }
.ap-choice { position: relative; cursor: pointer; }
.ap-choice input { position: absolute; opacity: 0; pointer-events: none; }
.ap-choice span { display: inline-flex; align-items: center; height: 44px; padding: 0 18px; border-radius: 12px; border: 1.5px solid var(--line); font-size: 15px; transition: border-color .2s, background .2s, color .2s; }
.ap-choice input:checked + span { border-color: var(--primary); background: var(--lav-2); color: var(--primary); font-weight: 500; }
.ap-choice input:focus-visible + span { box-shadow: 0 0 0 3px rgba(66, 61, 153, .2); }
.cr-f.error .ap-choice span { border-color: #e7a3ac; }
body.dark .ap-choice span { border-color: #34325a; }
body.dark .ap-choice input:checked + span { background: #2a2852; color: #fff; }
.cr-in select { flex: 1; min-width: 0; height: 100%; border: 0; outline: none; background: transparent; font-size: 16px; color: var(--ink); font-family: inherit; }
body.dark .cr-in select { color: #ecebff; }
body.dark .cr-in select option { background: #1b1a33; }
.cr-consent a { color: var(--primary); text-decoration: underline; }
.cr-consent > span:last-child { flex: 1; }
.sx-acts .cr-btn.ghost.on { color: var(--primary); }
/* Form built in Settings → Application form: 12-column grid, widths 25 / 33 / 50 / 100 % */
.ap-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 18px 16px; align-items: end; }
.ap-grid > .ap-h, .ap-grid > .ap-p { align-self: start; }
.ap-col { grid-column: span 12; min-width: 0; margin: 0; }
.ap-col.w25 { grid-column: span 3; } .ap-col.w33 { grid-column: span 4; } .ap-col.w50 { grid-column: span 6; }
.ap-h { margin: 14px 0 -4px; font-size: 19px; font-weight: 500; color: var(--ink); }
.ap-p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--muted); }
.ap-help { font-size: 13px; color: var(--muted); margin-top: 6px; }
.cr-f.error .ap-help { display: none; }
#cr-form > .cr-consent { margin-top: 20px; }
body.dark .ap-h { color: #ecebff; }
@media (max-width: 640px) { .ap-col.w25, .ap-col.w33, .ap-col.w50 { grid-column: span 12; } }
@media (min-width: 641px) and (max-width: 900px) { .ap-col.w25 { grid-column: span 6; } }

/* Job alerts & spontaneous application */
.cr-community { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; margin-top: 28px; padding: 22px 24px; border: 1px solid var(--line, #e6e8ef); border-radius: 18px; background: var(--card, #fff); }
.cr-community b { display: block; font-size: 17px; color: var(--ink, #16181d); margin-bottom: 2px; }
.cr-community span { color: var(--muted, #6b7280); font-size: 14.5px; }
.cr-community-acts { display: flex; gap: 10px; flex-wrap: wrap; }
.cr-community-acts .cr-btn { height: 44px; }
@media (max-width: 600px) { .cr-community-acts { width: 100%; } .cr-community-acts .cr-btn { flex: 1; } }