/* ============================================
   MDS Vault — Careers page styles
   Requires css/base.css to be loaded first.
   ============================================ */

.hero{padding:80px 0 64px;text-align:center;}
h1{font-family:var(--font-display);font-size:clamp(2rem,4.2vw,3rem);font-weight:700;letter-spacing:-0.02em;margin-bottom:16px;max-width:640px;margin-left:auto;margin-right:auto;}
.hero p{font-size:16px;color:var(--ink-mute);max-width:520px;margin:0 auto;}

section{padding-bottom:88px;padding-top:0;}

.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px;}
.value-card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:24px 20px;}
.value-card h3{font-size:15.5px;font-weight:700;margin-bottom:8px;}
.value-card p{font-size:13.5px;color:var(--ink-mute);}
@media (max-width:900px){.values-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.values-grid{grid-template-columns:1fr;}}

.roles-list{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--white);}
.role-row{display:grid;grid-template-columns:1fr auto auto auto;gap:18px;align-items:center;padding:22px 26px;border-bottom:1px solid var(--border);}
.role-row:last-child{border-bottom:none;}
.role-title{font-weight:700;font-size:15px;}
.role-dept{font-family:var(--font-mono);font-size:12px;color:var(--ink-faint);}
.role-loc{font-size:13px;color:var(--ink-mute);}
.role-apply{font-size:13px;font-weight:600;padding:9px 16px;border:1px solid var(--border-strong);border-radius:7px;white-space:nowrap;}
.role-apply:hover{border-color:var(--teal);color:var(--teal);}
@media (max-width:700px){.role-row{grid-template-columns:1fr;gap:8px;} .role-apply{justify-self:start;}}

.open-note{text-align:center;font-size:14px;color:var(--ink-mute);margin-top:28px;}
.open-note a{color:var(--teal);font-weight:600;}