/* MDTECA recruitment: inherit the official black, red and white identity. */
.recruitment-section{scroll-margin-top:100px;background:linear-gradient(135deg,#111216,#08090a 65%)}
.recruitment-heading{max-width:860px;margin-bottom:38px}
.recruitment-heading h2{margin:12px 0 20px;font-family:var(--display);font-size:clamp(38px,5.2vw,68px);font-weight:800;line-height:1.05;letter-spacing:-.02em}
.recruitment-intro{max-width:760px;margin:0;color:#c5c8ce;font-size:17px}
.recruitment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.recruitment-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:32px;border:1px solid var(--line);border-top:2px solid var(--red);background:rgba(5,5,5,.5)}
.recruitment-number{color:var(--red-hot);font-family:var(--display);font-size:16px;font-weight:800;letter-spacing:.1em}
.recruitment-card h3{margin:22px 0 12px;font-family:var(--display);font-size:clamp(27px,3vw,34px);line-height:1.12}
.recruitment-card>p{margin:0 0 28px;color:#bec2cb;font-size:15px;line-height:1.75}
.recruitment-card .button{margin-top:auto;max-width:100%;min-height:48px;white-space:normal;text-align:left;line-height:1.4}
.recruitment-card .button svg{flex-shrink:0}
.recruitment-signature{margin:30px 0 0;color:var(--white);font-family:var(--display);font-size:clamp(24px,3vw,34px);font-weight:600;line-height:1.25}
.recruitment-signature:before{content:"";display:block;width:48px;height:3px;margin-bottom:16px;background:var(--red)}
.recruitment-contact{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start;padding-top:26px;margin-top:26px;border-top:1px solid var(--line)}
.recruitment-contact>a{color:var(--white);font-weight:800;text-underline-offset:5px;overflow-wrap:anywhere}
.recruitment-contact>a:hover{text-decoration:underline}
.recruitment-contact>p{margin:0;color:#aeb4bf;font-size:13px;line-height:1.75}
.recruitment-section a:focus-visible,[data-nav-recruitment]:focus-visible{outline:2px solid var(--red-hot);outline-offset:5px}
@media(min-width:981px){.primary-nav{gap:clamp(12px,1.45vw,22px)}.primary-nav a{white-space:nowrap}}
@media(min-width:981px) and (max-width:1250px){.header-inner{gap:16px}.header-action{padding:12px}.header-action span{display:none}}
@media(max-width:700px){.recruitment-grid{grid-template-columns:1fr;gap:16px}.recruitment-card{padding:26px}.recruitment-heading{margin-bottom:28px}.recruitment-contact{grid-template-columns:1fr;gap:12px}.recruitment-intro{font-size:16px}}