/* Where to Practice widget. Brand: primary blue #0d90e6, mint green #06b98a.
   Band is conveyed by the text label, not color alone (a11y). */
[data-wtp-widget] { max-width: 34rem; margin: 0 auto; }
.wtp-form { display: flex; flex-wrap: wrap; gap: .5rem; align-items: end; }
.wtp-label { display: block; width: 100%; font-weight: 600; margin-bottom: .25rem; }
.wtp-input {
  flex: 1 1 12rem; font-size: 1.1rem; padding: .6rem .75rem;
  border: 2px solid #cbd5e1; border-radius: .5rem;
}
.wtp-input:focus { outline: none; border-color: #0d90e6; box-shadow: 0 0 0 3px rgba(13,144,230,.25); }
.wtp-input[aria-invalid="true"] { border-color: #b91c1c; }
.wtp-submit {
  font-size: 1rem; font-weight: 600; padding: .6rem 1.1rem; cursor: pointer;
  color: #fff; background: #0d90e6; border: none; border-radius: .5rem;
}
.wtp-submit:hover { background: #0b7cc4; }
.wtp-status { min-height: 1.4rem; margin: .6rem 0; color: #334155; }
.wtp-input[aria-invalid="true"] ~ .wtp-status { color: #b91c1c; }
.wtp-result { margin-top: 1rem; padding: 1.1rem 1.25rem; border-radius: .75rem; background: #f8fafc; border: 1px solid #e2e8f0; }
.wtp-band { font-size: 1.35rem; font-weight: 700; margin: 0 0 .5rem; }
.wtp-band-3 { color: #06805f; }
.wtp-band-2 { color: #0d6ea8; }
.wtp-band-1 { color: #475569; }
.wtp-band-0 { color: #475569; font-size: 1.05rem; font-weight: 600; }
.wtp-facts { list-style: none; margin: 0 0 .75rem; padding: 0; }
.wtp-fact { padding: .2rem 0; border-bottom: 1px solid #eef2f7; }
.wtp-cta {
  display: inline-block; margin-top: .5rem; font-weight: 600; text-decoration: none;
  color: #fff; background: #06b98a; padding: .55rem 1rem; border-radius: .5rem;
}
.wtp-retired { display: block; border-color: #f0c36a; background: #fffbeb; }
.wtp-retired-label { margin: 0 0 .35rem; color: #9a5b0a; font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.wtp-retired-title { margin: 0 0 .65rem; color: #172033; font-size: 1.25rem; line-height: 1.3; }
.wtp-retired-copy { margin: .4rem 0; color: #5f5136; line-height: 1.6; }
.wtp-retired .wtp-cta { display: inline-block; }
.wtp-cta:hover { background: #059c74; }
.wtp-vintage { margin: .75rem 0 0; font-size: .8rem; color: #64748b; }
@media print {
  .wtp-form, .wtp-submit { display: none; }
  .wtp-result { border: 1px solid #000; background: #fff; }
  .wtp-cta { display: none; }
}