:root {
  --upfim-green:#006140;
  --upfim-dark:#004830;
  --upfim-gold:#86602d;
  --upfim-bg:#f4f7f6;
  --bs-body-color:#192a25;
  --bs-success-rgb:0,97,64}

body {
  background:var(--upfim-bg);
  min-height:100vh;
  display:flex;
  flex-direction:column;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif}

a {
  color:var(--upfim-green)}
a:hover {
  color:var(--upfim-dark)}
.government {
  background:var(--upfim-gold);
  color:#fff}
.brand-logo {
  max-width:100%;
  height:auto}
.eyebrow {
  color:var(--upfim-green);
  font-weight:700;
  font-size:.8rem;
  letter-spacing:.08em;
  text-transform:uppercase}
.text-upfim {
  color:var(--upfim-green)}
.card {
  border-color:#dce5df;
  border-radius:1rem}
.access-card {
  border-top:4px solid var(--upfim-green)}
.btn-success {
  --bs-btn-bg:var(--upfim-green);
  --bs-btn-border-color:var(--upfim-green);
  --bs-btn-hover-bg:var(--upfim-dark);
  --bs-btn-hover-border-color:var(--upfim-dark);
  --bs-btn-active-bg:var(--upfim-dark)}
.btn-outline-success {
  --bs-btn-color:var(--upfim-green);
  --bs-btn-border-color:var(--upfim-green);
  --bs-btn-hover-bg:var(--upfim-green);
  --bs-btn-hover-border-color:var(--upfim-green)}
.btn,.form-control,.form-select {
  min-height:46px}
.form-check-input {
  width:1.25rem;
  height:1.25rem}
.form-check-label {
  padding:.15rem .25rem}
.form-control:focus,.form-select:focus {
  border-color:var(--upfim-green);
  box-shadow:0 0 0 .2rem #00614026}
.step-number {
  border-radius:50%;
  width:42px;
  height:42px;
  background:#e7f0eb;
  color:var(--upfim-green);
  display:grid;
  place-items:center;
  font-weight:700}
.journey li {
  padding-bottom:1.5rem}
.journey li:last-child {
  padding-bottom:0}
.journey span {
  display:block;
  color:#596a61;
  font-size:.875rem;
  margin-top:.25rem}
.pre-line {
  white-space:pre-line;
  overflow-wrap:anywhere}
.skip-link {
  position:absolute;
  left:1rem;
  top:-100px;
  background:white;
  padding:1rem;
  z-index:100}
.skip-link:focus {
  top:1rem}
:focus-visible {
  outline:3px solid var(--upfim-gold);
  outline-offset:3px}
progress {
  height:12px;
  accent-color:var(--upfim-green)}
progress::-webkit-progress-bar {
  background:#dce5df;
  border-radius:1rem}
progress::-webkit-progress-value {
  background:var(--upfim-green);
  border-radius:1rem}
.review-value {
  overflow-wrap:anywhere}
.form-text {
  color:#58655e}
.form-label {
  font-weight:500}
@media(max-width:575px) {
  .brand-logo {
  width:150px}
.display-5 {
  font-size:2.25rem}
header .btn {
  font-size:.85rem}
}