/* Homepage fit finder (index.html). Same palette as card-glance.v1.css.
   Immutable one-year cache on /css: ship any edit under a new file name. */
.fit-finder { padding: 40px 0 8px; }
.fit-finder__card {
  max-width: 760px;
  margin: 0 auto;
  padding: 24px 28px;
  border: 1px solid #dbe3ee;
  border-left: 4px solid #2b6cb0;
  border-radius: 0 8px 8px 0;
  background: #f7f9fc;
}
.fit-finder__title { margin: 0 0 6px; }
.fit-finder__lead { margin: 0 0 14px; color: #595959; }
.fit-finder__questions { border: 0; margin: 0 0 10px; padding: 0; display: flex; flex-wrap: wrap; gap: 10px 28px; }
.fit-finder__check { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-weight: 600; color: #252525; cursor: pointer; }
/* The theme sets appearance: none on every input, which hid the tick entirely. */
.fit-finder__check input { -webkit-appearance: checkbox; appearance: auto; width: 18px; height: 18px; margin: 0; accent-color: #2b6cb0; }
.fit-finder__check input:focus-visible { outline: 2px solid #2b6cb0; outline-offset: 2px; }
.fit-finder__count { margin: 0 0 14px; color: #252525; }
.fit-finder__form .btn:focus-visible { outline: 2px solid #2b6cb0; outline-offset: 3px; }
@media (max-width: 600px) { .fit-finder__card { padding: 18px; } }