/* csrecrutement - front (charte Cotton : blanc / noir / gris, Playfair) */
.cs-recrut{--ink:#141414;--soft:#6e6e6e;--line:#e6e6e6;--bg2:#f6f6f6;max-width:940px;margin:0 auto;padding:28px 16px 72px;color:var(--ink)}
.cs-recrut h1,.cs-recrut h2,.cs-recrut legend{font-family:"Playfair Display",Georgia,serif;font-weight:500;letter-spacing:.2px}
.cs-recrut__head{text-align:center;padding:28px 0 30px;border-bottom:1px solid var(--line);margin-bottom:34px}
.cs-eyebrow{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--soft);margin:0 0 14px}
.cs-recrut h1{font-size:38px;margin:0 0 10px}
.cs-lead{color:var(--soft);max-width:560px;margin:0 auto;font-size:15px}

.cs-offers{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cs-offer{background:#fff;border:1px solid var(--line);border-radius:4px;padding:24px;display:flex;flex-direction:column;gap:10px;transition:border-color .15s}
.cs-offer:hover{border-color:var(--ink)}
.cs-ref{font-size:11px;letter-spacing:.14em;color:var(--soft);text-transform:uppercase}
.cs-offer h2{margin:0;font-size:22px}
.cs-meta{display:flex;gap:8px;flex-wrap:wrap}
.cs-chip{font-size:11px;letter-spacing:.04em;background:var(--bg2);color:var(--ink);padding:4px 10px;border-radius:2px;text-transform:uppercase}
.cs-desc{color:var(--soft);font-size:14px;margin:2px 0 8px;line-height:1.55}
.cs-btn{display:inline-block;background:var(--ink);color:#fff;border:1px solid var(--ink);padding:12px 22px;border-radius:2px;cursor:pointer;font-size:13px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;align-self:flex-start;margin-top:auto;transition:background .15s,color .15s}
.cs-btn:hover{background:#fff;color:var(--ink)}
.cs-btn--accent{background:var(--ink);color:#fff}
.cs-spontaneous{grid-column:1/-1;background:#fff;border:1px solid var(--ink);border-radius:4px;padding:26px;display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:16px}
.cs-spontaneous h2{margin:0 0 4px}
.cs-spontaneous p{margin:0;color:var(--soft);font-size:14px}
.cs-empty{text-align:center;color:var(--soft)}

.cs-form{background:#fff;border:1px solid var(--line);border-radius:4px;padding:30px}
.cs-grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cs-field{margin-bottom:18px}
.cs-field label{display:block;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:7px}
.cs-opt{color:var(--soft);font-weight:400;text-transform:none;letter-spacing:0}
.cs-field input,.cs-field select,.cs-field textarea{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:2px;background:#fff;font:inherit;color:var(--ink)}
.cs-field input:focus,.cs-field select:focus,.cs-field textarea:focus{outline:none;border-color:var(--ink)}
.cs-field textarea{resize:vertical}
.cs-hint{font-size:12px;color:var(--soft);margin:6px 0 0}
.cs-quick{border:1px solid var(--line);border-radius:4px;padding:18px 18px 4px;margin:6px 0 20px;background:var(--bg2)}
.cs-quick legend{font-size:13px;letter-spacing:.04em;padding:0 8px;color:var(--ink)}
.cs-consent{display:flex;gap:11px;align-items:flex-start;font-size:13px;color:var(--soft);background:var(--bg2);padding:15px;border-radius:4px;margin:8px 0 20px;line-height:1.5}
.cs-consent input{margin-top:3px}
.cs-submit{display:flex;justify-content:flex-end}
.cs-alert{background:#fff;border:1px solid var(--ink);border-left:3px solid var(--ink);border-radius:2px;padding:13px 16px;margin-bottom:20px;color:var(--ink)}
.cs-alert ul{margin:0;padding-left:18px}
.cs-confirm{text-align:center;background:#fff;border:1px solid var(--line);border-radius:4px;padding:48px 24px}
.cs-confirm h1{font-size:30px}
.cs-confirm p{color:var(--soft)}
.cs-hp{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}
@media(max-width:760px){.cs-offers,.cs-grid2{grid-template-columns:1fr}.cs-spontaneous{flex-direction:column;align-items:flex-start}.cs-recrut h1{font-size:30px}}
.cs-intro{max-width:680px;margin:0 auto 36px;color:#3a3a3a;font-size:15px;line-height:1.7;text-align:center}
.cs-section-title{font-size:22px;text-align:center;margin:0 0 20px;font-weight:500}
.cs-offer-intro{background:#f6f6f6;border:1px solid #e6e6e6;border-radius:4px;padding:20px 22px;margin-bottom:26px}
.cs-offer-intro h2{margin:0 0 8px;font-size:22px}
.cs-offer-intro p{margin:0 0 10px;color:#3a3a3a;line-height:1.6}
.cs-link{color:#141414;text-decoration:underline;text-underline-offset:2px;font-size:13px}
.cs-confirm-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.cs-intro p{margin:0 0 14px}
.cs-intro p:last-child{margin-bottom:0}

/* ===== Page autonome : reset minimal + bandeau + footer (charte Cotton) ===== */
.cs-page{--ink:#141414;--soft:#6e6e6e;--line:#e6e6e6;margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.cs-page *{box-sizing:border-box}
.cs-page img{max-width:100%}
.cs-topbar{max-width:940px;margin:0 auto;padding:18px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}
.cs-brand{display:inline-block;line-height:0}
.cs-brand img{height:40px;width:auto;display:block}
.cs-topbar-link{color:var(--ink);text-decoration:none;font-size:12px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.cs-topbar-link:hover{text-decoration:underline}
.cs-sitefooter{max-width:940px;margin:56px auto 0;padding:26px 16px 44px;border-top:1px solid var(--line);text-align:center;color:var(--soft)}
.cs-sitefooter nav a{color:var(--ink);text-decoration:none;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.cs-sitefooter nav a:hover{text-decoration:underline}
.cs-sitefooter p{margin:12px 0 0;font-size:12px;letter-spacing:.02em}
@media(max-width:640px){.cs-offers,.cs-grid2{grid-template-columns:1fr}.cs-recrut h1{font-size:30px}.cs-spontaneous{flex-direction:column;align-items:flex-start}}