body.page-id-25231 .page-title-block { display:none !important; }
body.page-id-25231 .block-content { padding-bottom:0 !important; }
#mis-recruitment-app,
#mis-recruitment-app * { box-sizing: border-box; }
.mis-recruitment-hero { background: linear-gradient(135deg, #051c2c 0%, #0b4664 70%, #096b8d 100%) !important; }
.mis-recruitment-draft-note { display: inline-flex; gap: 12px; align-items: center; flex-wrap: wrap; margin-top: 22px; padding: 12px 16px; border: 1px solid rgba(43,195,226,.55); border-radius: 999px; color: #fff; background: rgba(4,18,30,.62); }
.mis-recruitment-draft-note strong { color: #31c4e4; }
.mis-recruitment-app { --mis-ink:#061827; --mis-muted:#536879; --mis-line:#d5e5ee; --mis-soft:#f3f8fb; --mis-cyan:#2bc3e2; --mis-blue:#0573a9; color:var(--mis-ink); max-width: 1240px; margin:0 auto; }
.mis-recruitment-app [hidden] { display:none !important; }
.mis-recruitment-steps { list-style:none; padding:0; margin:0 0 42px; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.mis-recruitment-steps li { display:flex; align-items:center; gap:12px; min-height:64px; padding:12px 16px; border:1px solid var(--mis-line); border-radius:16px; background:#fff; color:var(--mis-muted); }
.mis-recruitment-steps li span { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:#e7f7fb; color:#0573a9; font-weight:800; }
.mis-recruitment-steps li.is-active { border-color:var(--mis-cyan); color:var(--mis-ink); box-shadow:0 12px 30px rgba(5,82,119,.1); }
.mis-recruitment-heading { max-width:820px; margin-bottom:26px; }
.mis-recruitment-heading h2 { margin-bottom:10px; }
.mis-role-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin:0; padding:0; border:0; }
.mis-role-card { position:relative; display:flex; flex-direction:column; min-height:310px; padding:24px; border:1px solid var(--mis-line); border-radius:22px; background:#fff; cursor:pointer; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.mis-role-card:hover { transform:translateY(-4px); border-color:#83d9ea; box-shadow:0 18px 38px rgba(5,66,96,.12); }
.mis-role-card:focus-within { outline:3px solid rgba(43,195,226,.35); outline-offset:3px; }
.mis-role-card.is-selected { border:2px solid var(--mis-cyan); padding:23px; background:linear-gradient(180deg,#f4fcfe 0%,#fff 100%); box-shadow:0 18px 40px rgba(5,115,169,.16); }
.mis-role-card input { position:absolute; top:20px; right:20px; width:22px; height:22px; accent-color:var(--mis-blue); }
.mis-role-number { color:var(--mis-cyan); font-weight:800; letter-spacing:.12em; }
.mis-role-title { display:block; margin:38px 0 16px; font-size:22px; line-height:1.35; font-weight:800; color:var(--mis-ink); }
.mis-role-title small { display:block; margin-top:5px; color:var(--mis-blue); font-size:13px; letter-spacing:.04em; text-transform:uppercase; }
.mis-role-summary { color:var(--mis-muted); line-height:1.75; }
.mis-role-select { margin-top:auto; padding-top:22px; color:var(--mis-blue); font-weight:800; }
.mis-recruitment-form { margin-top:38px; }
.mis-form-panel { margin-top:22px; padding:34px; border:1px solid var(--mis-line); border-radius:24px; background:#fff; box-shadow:0 18px 45px rgba(6,62,91,.08); }
.mis-form-panel-heading { display:flex; align-items:flex-start; gap:18px; margin-bottom:28px; padding-bottom:20px; border-bottom:1px solid var(--mis-line); }
.mis-form-panel-heading h2 { margin:3px 0 0; }
.mis-form-step { display:grid; place-items:center; flex:0 0 48px; height:48px; border-radius:14px; background:#e7f8fc; color:var(--mis-blue); font-weight:800; }
.mis-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.mis-field { display:flex; flex-direction:column; gap:8px; }
.mis-field-wide { grid-column:1 / -1; }
.mis-field label,.mis-question-group legend { color:var(--mis-ink); font-weight:700; line-height:1.65; }
.mis-field label span { color:#c23434; }
.mis-field input,.mis-field textarea { width:100%; min-height:50px; padding:12px 14px; border:1px solid #b9ceda; border-radius:12px; background:#fff; color:var(--mis-ink); font:inherit; }
.mis-field textarea { min-height:150px; resize:vertical; }
.mis-field input:focus,.mis-field textarea:focus { border-color:var(--mis-blue); outline:3px solid rgba(43,195,226,.25); }
.mis-field input:user-invalid,.mis-field textarea:user-invalid { border-color:#bd3030; }
.mis-field small,.mis-question-group small,.mis-field-note { color:var(--mis-muted); line-height:1.6; }
.mis-field-note { margin:18px 0 0; padding:12px 14px; border-left:4px solid var(--mis-cyan); background:var(--mis-soft); }
.mis-question-group { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 18px; margin:0 0 26px; padding:0; border:0; }
.mis-question-group legend { grid-column:1 / -1; margin-bottom:8px; }
.mis-question-group label { display:flex; align-items:flex-start; gap:10px; padding:13px 14px; border:1px solid var(--mis-line); border-radius:12px; color:var(--mis-muted); cursor:pointer; }
.mis-question-group input { width:18px; height:18px; margin-top:3px; flex:0 0 auto; accent-color:var(--mis-blue); }
.mis-question-group label:has(input:checked) { border-color:var(--mis-cyan); background:#f3fcfe; color:var(--mis-ink); }
.mis-review-actions { display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
.mis-review-actions p { flex:1 1 420px; margin:0; color:var(--mis-muted); }
.mis-application-summary { margin-top:24px; padding:24px; border:1px solid #a8dbea; border-radius:18px; background:#f4fcfe; }
.mis-application-summary h3 { margin-top:0; }
.mis-application-summary dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0; }
.mis-application-summary dl div { padding:14px; border-radius:12px; background:#fff; }
.mis-application-summary dt { color:var(--mis-muted); font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.mis-application-summary dd { margin:5px 0 0; color:var(--mis-ink); white-space:pre-wrap; overflow-wrap:anywhere; }
.mis-application-summary .mis-summary-answer { grid-column:1 / -1; }
.mis-submission-gate { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:24px; padding:22px; border:1px dashed #98aeba; border-radius:16px; background:#f7f9fa; }
.mis-submission-gate p { margin:5px 0 0; color:var(--mis-muted); }
.mis-btn-disabled,.mis-btn-disabled:hover { border-color:#b8c5cc !important; background:#dce3e7 !important; color:#687984 !important; cursor:not-allowed !important; box-shadow:none !important; transform:none !important; }
.mis-form-status { min-height:24px; margin:18px 0 0; color:var(--mis-blue); font-weight:700; }
.mis-noscript { padding:16px; border:1px solid #c03939; border-radius:12px; color:#8a2222; background:#fff4f4; }
/* The recruitment module defines its own palette; override it inside the module,
   not on the root (where --mis-muted is used as a surface by the main theme). */
html[data-theme="dark"] #mis-recruitment-app {
  color-scheme:dark;
  --mis-ink:#edf7fb;
  --mis-muted:#b8cbd7;
  --mis-line:#456176;
  --mis-soft:#112d42;
  --mis-blue:#79dcf5;
  color:var(--mis-ink);
}
html[data-theme="dark"] #mis-recruitment-app .mis-role-card.is-selected { background:var(--mis-soft); }
html[data-theme="dark"] #mis-recruitment-app .mis-form-step { background:var(--mis-soft); color:var(--mis-blue); }
html[data-theme="dark"] #mis-recruitment-app .mis-question-group label:has(input:checked),
html[data-theme="dark"] #mis-recruitment-app .mis-application-summary,
html[data-theme="dark"] #mis-recruitment-app .mis-submission-gate,
html[data-theme="dark"] #mis-recruitment-app .mis-rec-consent { background:var(--mis-soft); border-color:var(--mis-line); color:var(--mis-ink); }
html[data-theme="dark"] #mis-recruitment-app .mis-application-summary dl div { background:var(--mis-surface,#0b2031); }
html[data-theme="dark"] #mis-recruitment-app .mis-field label span { color:#ffb4a9; }
html[data-theme="dark"] #mis-recruitment-app .mis-form-status.is-error { color:#ffb4a9; }
html[data-theme="dark"] #mis-recruitment-app .mis-form-status.is-success { color:#8de1b5; }
html[data-theme="dark"] #mis-recruitment-app .mis-submission-gate.is-success { background:#102f29; border-color:#5ac895; }
html[data-theme="dark"] #mis-recruitment-app input::placeholder,
html[data-theme="dark"] #mis-recruitment-app textarea::placeholder { color:var(--mis-muted); opacity:1; }
html[data-theme="dark"] #mis-recruitment-app .mis-field input:user-invalid,
html[data-theme="dark"] #mis-recruitment-app .mis-field textarea:user-invalid { border-color:#ffb4a9; }
@media (max-width:980px) { .mis-role-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .mis-role-card { min-height:275px; } }
@media (max-width:640px) {
  .mis-recruitment-steps { grid-template-columns:1fr; gap:8px; }
  .mis-recruitment-steps li { min-height:54px; }
  .mis-role-grid,.mis-form-grid,.mis-question-group,.mis-application-summary dl { grid-template-columns:1fr; }
  .mis-role-card { min-height:auto; }
  .mis-role-title { margin-top:30px; }
  .mis-form-panel { padding:22px 18px; border-radius:18px; }
  .mis-form-panel-heading { gap:12px; }
  .mis-form-step { flex-basis:42px; height:42px; }
  .mis-submission-gate { align-items:stretch; flex-direction:column; }
  .mis-submission-gate .mis-btn { width:100%; }
}