/* WOB Banking Readiness: restrained, accessible navy, ivory and gold. */
#banking-readiness.wob-readiness-section {
  --wob-ink: #13243a;
  --wob-muted: #586679;
  --wob-gold: #b58a24;
  --wob-gold-dark: #8b6816;
  --wob-paper: #fbfaf7;
  --wob-line: #e4e0d6;
  margin: 0 0 44px;
  color: var(--wob-ink) !important;
  font-family: 'Jost', Arial, sans-serif;
}
#banking-readiness.wob-readiness-section *,
#banking-readiness.wob-readiness-section *::before,
#banking-readiness.wob-readiness-section *::after { box-sizing: border-box; }
#banking-readiness .wob-readiness-eyebrow {
  color: var(--wob-gold) !important; font-size: 10px; font-weight: 700;
  letter-spacing: .18em; text-transform: uppercase; margin: 0 0 9px;
}
#banking-readiness .wob-readiness-title {
  color: var(--wob-paper) !important; font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(27px, 3.2vw, 39px); font-weight: 500; line-height: 1.16;
  margin: 0 0 15px; max-width: 850px;
}
#banking-readiness .wob-readiness-rule { width: 44px; height: 2px; background: var(--wob-gold); margin: 0 0 22px; }
#banking-readiness .wob-readiness-card {
  max-width: 860px; margin: 0 auto; background: var(--wob-paper) !important;
  color: var(--wob-ink) !important; border: 1px solid var(--wob-line);
  border-radius: 14px; padding: clamp(20px, 4vw, 42px);
  box-shadow: 0 18px 48px rgba(5, 16, 30, .15);
}
#banking-readiness .wob-readiness-intro { max-width: 700px; }
#banking-readiness .wob-readiness-intro h3,
#banking-readiness .wob-readiness-results h3 {
  color: var(--wob-ink) !important; font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(24px, 2.5vw, 31px); font-weight: 500; line-height: 1.22; margin: 0 0 10px;
}
#banking-readiness .wob-readiness-intro p,
#banking-readiness .wob-readiness-professional p {
  color: var(--wob-muted) !important; font-size: 15px; line-height: 1.7; margin: 0 0 12px;
}
#banking-readiness .wob-readiness-note { color: #657184 !important; font-size: 12px !important; line-height: 1.6 !important; }
#banking-readiness .wob-readiness-progress { margin: 26px 0 0; }
#banking-readiness .wob-readiness-progress-meta { display:flex; justify-content:space-between; gap:12px; color:#536176 !important; font-size:12px; font-weight:600; margin-bottom:9px; }
#banking-readiness .wob-readiness-progress-track { height:5px; overflow:hidden; background:#e9e5dc; border-radius:999px; }
#banking-readiness .wob-readiness-progress-track span { display:block; height:100%; width:14%; background:var(--wob-gold); border-radius:999px; transition:width .22s ease; }
#banking-readiness .wob-readiness-form { margin-top: 6px; }
#banking-readiness .wob-readiness-question { border:0; margin:0; min-width:0; padding:27px 0 8px; min-height:0; }
#banking-readiness .wob-readiness-question[hidden],
#banking-readiness .wob-readiness-step-nav [hidden],
#banking-readiness .wob-readiness-progress[hidden] { display:none !important; }
#banking-readiness .wob-readiness-question legend {
  color:var(--wob-ink) !important; display:flex; align-items:flex-start; gap:13px;
  font-size:clamp(19px, 2.2vw, 23px); font-weight:600; line-height:1.35;
  padding:0 0 20px; width:100%; white-space:normal;
}
#banking-readiness .wob-readiness-question legend span {
  color:var(--wob-gold-dark) !important; flex:0 0 34px; font-size:11px; letter-spacing:.08em;
  background:#f1ead8; border-radius:7px; text-align:center; padding:7px 4px; margin-top:1px;
}
#banking-readiness .wob-readiness-question label {
  align-items:center; background:#fff !important; border:1px solid #d9dee5 !important;
  border-radius:9px; color:var(--wob-ink) !important; cursor:pointer; display:flex;
  font-size:15px; font-weight:400; gap:13px; line-height:1.5; margin:0 0 11px;
  min-height:58px; padding:15px 17px; transition:border-color .16s ease, background .16s ease, box-shadow .16s ease;
}
#banking-readiness .wob-readiness-question label:hover {
  background:#fffdf7 !important; border-color:#bfa15c !important; box-shadow:0 3px 12px rgba(19,36,58,.06);
}
#banking-readiness .wob-readiness-question label.is-selected {
  background:#f7f1e2 !important; border-color:var(--wob-gold) !important;
  box-shadow:inset 0 0 0 1px var(--wob-gold);
}
#banking-readiness .wob-readiness-question input[type="radio"] {
  accent-color:var(--wob-gold-dark); flex:0 0 18px; height:18px; width:18px;
  margin:0; opacity:1; position:static; appearance:auto; -webkit-appearance:radio;
}
#banking-readiness .wob-readiness-hint { color:#667386 !important; font-size:12px !important; line-height:1.6 !important; margin:12px 0 0; }
#banking-readiness .wob-readiness-step-nav { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:24px; }
#banking-readiness .wob-readiness-back,
#banking-readiness .wob-readiness-continue,
#banking-readiness .wob-readiness-submit,
#banking-readiness .wob-readiness-reset {
  appearance:none !important; -webkit-appearance:none !important; display:inline-flex !important;
  align-items:center !important; justify-content:center !important; gap:10px;
  min-height:48px; border-radius:7px !important; padding:13px 21px !important;
  font-family:'Jost', Arial, sans-serif !important; font-size:13px !important;
  font-weight:700 !important; line-height:1.25 !important; letter-spacing:.02em !important;
  text-decoration:none !important; text-transform:none !important; text-shadow:none !important;
  cursor:pointer; white-space:normal; opacity:1 !important; box-shadow:none;
}
#banking-readiness .wob-readiness-back {
  background:#fff !important; border:1px solid #ccd3dc !important; color:#26364b !important; margin-right:auto;
}
#banking-readiness .wob-readiness-back:disabled { background:#f1f2f4 !important; border-color:#e0e3e7 !important; color:#7d8795 !important; opacity:1 !important; cursor:not-allowed; }
#banking-readiness .wob-readiness-continue,
#banking-readiness .wob-readiness-submit {
  background:#132b46 !important; border:1px solid #132b46 !important; color:#fff !important;
  min-width:156px; margin-left:auto;
}
#banking-readiness .wob-readiness-continue:hover,
#banking-readiness .wob-readiness-submit:hover { background:#1e4166 !important; border-color:#1e4166 !important; transform:translateY(-1px); }
#banking-readiness .wob-readiness-secure { color:#687487 !important; display:block; font-size:11px; line-height:1.55; margin:14px 0 0; text-align:left; }
#banking-readiness .wob-readiness-error { background:#fff1ef !important; border:1px solid #e7b6b0 !important; border-radius:8px; color:#8d2922 !important; font-size:13px; line-height:1.55; margin:16px 0 0; padding:13px 15px; }
#banking-readiness .wob-readiness-loading { align-items:center; color:var(--wob-ink) !important; display:flex; flex-direction:column; gap:14px; justify-content:center; min-height:190px; text-align:center; }
#banking-readiness .wob-readiness-loading p { color:var(--wob-ink) !important; font-size:15px; margin:0; }
#banking-readiness .wob-readiness-spinner { animation:wobReadinessSpin .8s linear infinite; border:3px solid #e9e0cc; border-top-color:var(--wob-gold); border-radius:50%; height:32px; width:32px; }
@keyframes wobReadinessSpin { to { transform:rotate(360deg); } }
#banking-readiness .wob-readiness-results { color:var(--wob-ink) !important; padding-top:8px; }
#banking-readiness .wob-readiness-results-top { border-bottom:1px solid var(--wob-line); margin-bottom:20px; padding-bottom:21px; }
#banking-readiness .wob-readiness-results-top p { color:var(--wob-muted) !important; font-size:15px; line-height:1.75; margin:0; }
#banking-readiness .wob-readiness-result-grid { display:grid; gap:14px; grid-template-columns:repeat(2,minmax(0,1fr)); margin-bottom:14px; }
#banking-readiness .wob-readiness-result-box { background:#fff !important; border:1px solid var(--wob-line); border-radius:9px; padding:19px; min-width:0; }
#banking-readiness .wob-readiness-result-box h4,
#banking-readiness .wob-readiness-professional h4 { color:var(--wob-gold-dark) !important; font-size:12px; font-weight:700; letter-spacing:.05em; margin:0 0 11px; text-transform:uppercase; }
#banking-readiness .wob-readiness-result-box ul { color:#39485b !important; font-size:14px; line-height:1.7; margin:0; padding-left:19px; }
#banking-readiness .wob-readiness-result-box li { margin:0 0 8px; }
#banking-readiness .wob-readiness-next { margin-bottom:15px; }
#banking-readiness .wob-readiness-professional { align-items:flex-start; background:#f4efe2 !important; border:1px solid #dfd0a8; border-radius:10px; display:flex; flex-wrap:wrap; gap:18px; justify-content:space-between; margin-top:21px; padding:21px; }
#banking-readiness .wob-readiness-professional > div { flex:1 1 240px; }
#banking-readiness .wob-readiness-professional p { font-size:14px; margin:0; }
#banking-readiness .wob-readiness-professional a { align-self:center; background:#132b46 !important; border:1px solid #132b46; border-radius:7px; color:#fff !important; display:inline-flex; align-items:center; justify-content:center; flex:0 1 auto; font-size:12px; font-weight:700; line-height:1.5; padding:13px 16px; text-align:center; text-decoration:none; }
#banking-readiness .wob-readiness-professional a:hover { background:#1e4166 !important; }
#banking-readiness .wob-readiness-url-reminder { color:#8b6816 !important; flex:1 1 220px; font-size:12px; }
#banking-readiness .wob-readiness-reset { background:#fff !important; border:1px solid #ccd3dc !important; color:#26364b !important; margin-top:18px; }
#banking-readiness [hidden] { display:none !important; }
@media (max-width:600px) {
  #banking-readiness .wob-readiness-card { padding:20px 17px; }
  #banking-readiness .wob-readiness-result-grid { grid-template-columns:1fr; }
  #banking-readiness .wob-readiness-question label { font-size:14px; padding:14px; }
  #banking-readiness .wob-readiness-step-nav { gap:9px; }
  #banking-readiness .wob-readiness-back,#banking-readiness .wob-readiness-continue,#banking-readiness .wob-readiness-submit { padding:12px 13px !important; min-width:0; }
  #banking-readiness .wob-readiness-professional { padding:17px; }
  #banking-readiness .wob-readiness-professional a { width:100%; }
}
@media (prefers-reduced-motion:reduce) {
  #banking-readiness.wob-readiness-section *,#banking-readiness.wob-readiness-section *::before,#banking-readiness.wob-readiness-section *::after { animation-duration:.01ms !important; scroll-behavior:auto !important; transition-duration:.01ms !important; }
}

/* Keep the assessment label gold even if site-wide heading rules override it. */
#banking-readiness #wobReadinessResults .wob-readiness-eyebrow { color: var(--wob-gold) !important; }