.page-recruitment { --mc-dark: #123e35; --mc-tint: #f0f5f1; }
.page-recruitment h1, .page-recruitment h2, .page-recruitment h3 { letter-spacing: 0; text-wrap: balance; }
.page-recruitment main section[id] { scroll-margin-top: calc(var(--site-header-height) - 28px); }
.page-recruitment main a:focus-visible, .page-recruitment main button:focus-visible { outline: 3px solid #bca15a; outline-offset: 4px; }
.page-recruitment .mc-hero-grid { grid-template-columns: minmax(0, .95fr) minmax(0, 1.1fr); min-height: 600px; gap: 35px; }
.page-recruitment .mc-edition { margin-bottom: 22px; }
.page-recruitment .mc-hero h1 { font-size: clamp(36px, 3.8vw, 49px); }
.page-recruitment .mc-hero h1 > span { font-size: 22px; margin-top: 8px; }
.page-recruitment .mc-hero-visual img { display: block; width: 100%; height: auto; }
.page-recruitment .mc-heading h2 { font-size: clamp(28px, 3.15vw, 38px); }
.page-recruitment .mc-diagram-dialog.is-zoomed img { width: auto; }
.rc-tint { background: #f3f5ef; }
.rc-workflow { max-width: 1080px; margin: 0 auto; }
.rc-roles { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 35px; margin-top: 45px; }
.rc-roles article { border-top: 1px solid #dbe4d8; padding-top: 25px; }
.rc-roles h3, .rc-platform-grid h3, .rc-feature-grid h3 { color: #294d3b; font-size: 21px; font-weight: 500; margin: 0 0 12px; line-height: 1.5; }
.rc-roles p, .rc-platform-grid p, .rc-feature-grid p { font-size: 15px; color: #667365; line-height: 1.85; margin: 0; }
.rc-modes .mc-tab-list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin-bottom: 28px; }
.rc-modes .mc-tab-list a { min-height: 74px; padding: 16px 8px; border: 1px solid #d7e1d2; border-radius: 7px; background: #fff; font-size: 18px; color: #456347; }
.rc-modes .mc-tab-list a[aria-selected=true] { color: #f5f2df; background: #20513f; border-color: #20513f; }
.rc-modes [data-product-panel] { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(0,1fr); gap: 55px; align-items: center; padding: 34px 40px; border: 1px solid #dce5d5; background: #ffffffa6; border-radius: 8px; }
.rc-modes.mc-tabs-enhanced .mc-tab-panels { display: grid; }
.rc-modes.mc-tabs-enhanced [data-product-panel] { grid-area: 1 / 1; }
.rc-modes h3 { margin: 0 0 14px; color: #284d39; font-size: 26px; font-weight: 500; }
.rc-modes p { font-size: 16px; line-height: 1.9; color: #657264; margin: 0; }
.rc-modes ul { list-style: none; margin: 0; padding: 0 0 0 30px; border-left: 1px solid #d7e1cd; display: grid; gap: 15px; color: #4e684c; font-size: 16px; }
.rc-modes li::before { content: '✓'; color: #7b986a; margin-right: 13px; }
.rc-split { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); align-items: center; gap: 48px; }
.rc-split > * { min-width: 0; }
.rc-reverse { grid-template-columns: minmax(0,1fr) minmax(0,1.15fr); }
.rc-reverse > figure { grid-column: 2; grid-row: 1; }
.rc-reverse > .rc-feature-grid { grid-column: 1; grid-row: 1; }
.rc-feature-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px 28px; }
.rc-feature-grid svg, .rc-platform-grid svg { display: block; width: 29px; height: 29px; margin-bottom: 14px; color: #6a8867; }
.rc-feature-grid h3 { font-size: 20px; margin-bottom: 9px; }
.rc-feature-grid p { font-size: 14px; }
.rc-form-note { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.45fr); gap: 35px; align-items: center; padding: 27px 30px; border-top: 1px solid #d8e3d2; margin-top: 43px; }
.rc-form-note > div { display: flex; gap: 15px; align-items: center; }
.rc-form-note svg { width: 30px; height: 30px; color: #6c8964; flex-shrink: 0; }
.rc-form-note h3 { font-size: 22px; color: #34543b; font-weight: 500; margin: 0; }
.rc-form-note p { font-size: 15px; line-height: 1.9; color: #67735f; margin: 0; }
.rc-fair { background: radial-gradient(ellipse at 80% 55%,#31574166,transparent 55%),#153e33; color: #e5eadc; }
.rc-fair .mc-heading h2 { color: #e8d9ac; }
.rc-fair .mc-heading p { color: #c5d1bd; }
.rc-fair .rc-split { grid-template-columns: minmax(0,.95fr) minmax(0,1.1fr); }
.rc-fair-copy h3 { font-size: 27px; font-weight: 500; line-height: 1.6; color: #eee4c6; margin: 0 0 20px; }
.rc-fair-copy > p { font-size: 16px; line-height: 1.9; color: #c5d3c2; margin: 0 0 30px; }
.rc-fair-visual { border-radius: 10px; background: #f7f8f1; padding: 8px; }
.rc-list { margin: 0; display: grid; gap: 22px; }
.rc-list dt { font-size: 18px; font-weight: 500; margin-bottom: 8px; }
.rc-list dd { font-size: 14px; line-height: 1.8; margin: 0; }
.rc-fair .rc-list dt { color: #e4d6aa; }
.rc-fair .rc-list dd { color: #bcccba; }
.rc-steps { list-style: none; padding: 35px 0 0; margin: 42px 0 0; border-top: 1px solid #53725b; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 26px; }
.rc-steps li { position: relative; display: grid; gap: 11px; }
.rc-steps li + li::before { content: '→'; position: absolute; left: -29px; top: 2px; color: #b3bd8c; }
.rc-steps strong { font-size: 19px; color: #e6ddbd; font-weight: 500; }
.rc-steps span { font-size: 14px; color: #b8c8b2; }
.rc-admin-visual { max-width: 1020px; margin: 0 auto 45px; }
.rc-platform-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; }
.rc-platform-grid article { padding: 27px 26px; border: 1px solid #e0e7da; border-radius: 8px; background: #fafbf7; }
.rc-tools-grid { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 28px; }
.rc-tools-grid article { padding: 32px; border: 1px solid #dfe6d6; border-radius: 9px; background: #fff; }
.rc-tools-grid h3 { font-size: 24px; font-weight: 500; color: #36563e; margin: 0 0 17px; }
.rc-tools-grid p { font-size: 15px; line-height: 1.9; color: #687462; margin: 0; }
.rc-tools-main .rc-list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 26px; padding-top: 30px; }
.rc-tools-main .rc-list > div { padding-left: 15px; border-left: 2px solid #becea9; }
.rc-tools-main .rc-list dt { color: #375b42; }
.rc-tools-main .rc-list dd { color: #6a785f; }
.rc-tools-aside { display: grid; gap: 25px; }
.rc-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.rc-tags span { padding: 5px 10px; background: #eef4e9; border-radius: 4px; color: #567349; font-size: 13px; }
@media (max-width: 1100px) {
    .page-recruitment .mc-hero-grid { grid-template-columns: 1fr; gap: 12px; min-height: 0; }
    .page-recruitment .mc-hero-visual { max-width: 660px; }
    .rc-split { gap: 30px; }
    .rc-feature-grid { gap: 24px 20px; }
    .rc-modes [data-product-panel] { gap: 32px; padding: 30px; }
    .rc-form-note { padding-inline: 5px; }
}
@media (max-width: 800px) {
    .rc-split, .rc-reverse, .rc-fair .rc-split { grid-template-columns: 1fr; gap: 30px; }
    .rc-split > figure { max-width: 660px; margin-inline: auto; width: 100%; }
    .rc-reverse > figure, .rc-reverse > .rc-feature-grid { grid-column: auto; grid-row: auto; }
    .rc-platform-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
    .rc-form-note { grid-template-columns: 1fr; gap: 17px; }
    .rc-tools-grid { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
    .page-recruitment main section[id] { scroll-margin-top: calc(var(--site-header-height) + 10px); }
    .page-recruitment .mc-hero h1 { font-size: 35px; }
    .page-recruitment .mc-hero h1 > span { font-size: 19px; }
    .page-recruitment .mc-edition { margin-bottom: 17px; }
    .page-recruitment .mc-hero-description { font-size: 15px; }
    .page-recruitment .mc-nav a { white-space: nowrap; }
    .rc-workflow { max-width: 420px; }
    .rc-roles { gap: 22px; grid-template-columns: 1fr; margin-top: 28px; }
    .rc-roles article { padding-top: 20px; }
    .rc-roles h3 { font-size: 20px; margin-bottom: 8px; }
    .rc-roles p { font-size: 14px; }
    .rc-modes .mc-tab-list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-bottom: 20px; }
    .rc-modes .mc-tab-list a { font-size: 15px; min-height: 62px; gap: 8px; }
    .rc-modes .mc-tab-list svg { width: 23px; height: 23px; }
    .rc-modes [data-product-panel] { grid-template-columns: 1fr; gap: 22px; padding: 25px 22px; }
    .rc-modes h3 { font-size: 23px; }
    .rc-modes p { font-size: 14px; }
    .rc-modes ul { padding: 18px 0 0; border-left: 0; border-top: 1px solid #d7e1cd; font-size: 14px; gap: 13px; }
    .rc-feature-grid { gap: 25px 22px; }
    .rc-feature-grid h3 { font-size: 19px; }
    .rc-feature-grid p { font-size: 14px; }
    .rc-form-note h3 { font-size: 21px; }
    .rc-form-note p { font-size: 14px; }
    .rc-fair-copy h3 { font-size: 24px; }
    .rc-fair-copy > p { font-size: 15px; }
    .rc-fair-copy .rc-list { gap: 20px; }
    .rc-steps { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 27px 30px; margin-top: 30px; padding-top: 25px; }
    .rc-steps strong { font-size: 18px; }
    .rc-steps span { font-size: 13px; line-height: 1.7; }
    .rc-steps li:nth-child(3)::before { content: none; }
    .rc-steps li + li::before { left: -26px; }
    .rc-admin-visual { margin-bottom: 28px; }
    .rc-platform-grid { gap: 12px; }
    .rc-platform-grid article { padding: 22px 18px; }
    .rc-platform-grid h3 { font-size: 19px; }
    .rc-platform-grid p { font-size: 14px; }
    .rc-tools-grid article { padding: 26px 22px; }
    .rc-tools-grid h3 { font-size: 22px; }
    .rc-tools-grid p { font-size: 14px; }
    .rc-tools-main .rc-list { gap: 24px 16px; }
    .rc-tools-main .rc-list dt { font-size: 17px; }
    .rc-tools-main .rc-list dd { font-size: 13px; }
}
@media (max-width: 370px) {
    .rc-platform-grid { grid-template-columns: 1fr; }
    .rc-feature-grid { gap: 23px 16px; }
}

/* Product-specific atmosphere and progressive motion. */
.page-recruitment .rc-hero { background:radial-gradient(ellipse at 80% 30%,#388f8266,transparent 50%),linear-gradient(125deg,#102f30,#174e46 66%,#174548); }
.page-recruitment .rc-hero::before { background:radial-gradient(ellipse at 75% 45%,#64d5c440,transparent 44%); }
.page-recruitment .rc-hero::after { inset:0; width:100%; height:100%; border:0; border-radius:0; box-shadow:none; background:linear-gradient(#a2dedb12 1px,transparent 1px),linear-gradient(90deg,#a2dedb12 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(90deg,transparent 20%,#000); animation:rc-atmosphere 18s ease-in-out infinite alternate paused; }
.page-recruitment .mc-hero-visual { filter:drop-shadow(0 24px 28px #071e2638); }
.page-recruitment .rc-tint { background:radial-gradient(ellipse at 95% 5%,#c6e4de66,transparent 55%),#eff5f3; }
.page-recruitment .mc-edition { background:#ffffff08; border-color:#91cfc080; }
.page-recruitment .mc-hero .button { box-shadow:0 9px 28px #061d2426; transition:transform .25s,box-shadow .25s; }
.page-recruitment .mc-hero .button:hover { transform:translateY(-3px); box-shadow:0 14px 34px #061d2440; }
@keyframes rc-atmosphere { from { transform:translateY(-10px); opacity:.4; } to { transform:translateY(12px); opacity:1; } }
@keyframes rc-arrival { from { opacity:.2; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
@media (prefers-reduced-motion:no-preference) {
 .page-recruitment .mc-hero-copy { animation:rc-arrival .7s ease-out both; }
 .page-recruitment .mc-hero-visual { animation:rc-arrival .9s .1s ease-out both; }
}
.motion-paused .page-recruitment .rc-hero::after { animation-play-state:paused; }
@media (prefers-reduced-motion:reduce) {
 .page-recruitment .rc-hero::before,.page-recruitment .rc-hero::after { animation:none; }
 .page-recruitment .mc-hero .button { transition:none; transform:none; }
}

:is(.rc-platform-grid article,.rc-tools-grid article,.rc-modes .mc-tab-list a) { transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
 :is(.rc-platform-grid article,.rc-tools-grid article,.rc-modes .mc-tab-list a):hover { transform:translateY(-4px); box-shadow:0 14px 30px #163e3510; border-color:#8dbcb0; }
}

.page-recruitment .rc-hero.motion-running::after { animation-play-state:running; }
.motion-paused .page-recruitment .rc-hero.motion-running::after { animation-play-state:paused; }