/* TEC Tool Results: the "email me my result" offer. Matches the questionnaire card. */
.tec-tr {
  margin: 0 0 1.2rem; padding: 18px 20px;
  background: var(--tec-surface, #F4F7FA); border: 1px solid var(--tec-line, #DDE6EE); border-radius: 3px;
}
.tec-tr__ask { margin: 0 0 .8rem; font-weight: 600; color: var(--tec-ink, #12202E); }
.tec-tr__choices { display: flex; flex-wrap: wrap; gap: 10px; }
.tec-tr__btn {
  display: inline-flex; align-items: center; min-height: 44px; padding: 10px 22px;
  background: #003D79; color: #fff; border: 0; border-radius: 2px;
  font: inherit; font-weight: 600; font-size: .97rem; cursor: pointer;
}
.tec-tr__btn:hover { background: #002B57; }
.tec-tr__btn:focus-visible { outline: 2px solid #3087b4; outline-offset: 2px; }
.tec-tr__btn:disabled { background: #6B87A6; cursor: wait; }
.tec-tr__btn--quiet { background: #fff; color: #003D79; box-shadow: inset 0 0 0 1.5px #003D79; }
.tec-tr__btn--quiet:hover { background: #003D79; color: #fff; }
.tec-tr__fields { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: .6rem; }
.tec-tr__field { display: flex; flex-direction: column; gap: 4px; flex: 1 1 220px; font-size: .92rem; color: var(--tec-soft, #4E6274); }
.tec-tr__field input {
  min-height: 44px; padding: 8px 12px; font: inherit; font-size: 1rem; color: var(--tec-ink, #12202E);
  background: #fff; border: 1px solid #B9C7D5; border-radius: 3px;
}
.tec-tr__field input:focus-visible { outline: 2px solid #3087b4; outline-offset: 1px; border-color: #3087b4; }
.tec-tr__note { margin: 0 0 .9rem; font-size: .88rem; color: var(--tec-soft, #4E6274); }
.tec-tr__status { margin: .7rem 0 0; font-size: .94rem; color: #B3261E; }
.tec-tr__status:empty { display: none; }
.tec-tr__done { margin: 0; font-weight: 600; color: var(--tec-ink, #12202E); }
.tec-tr__trap { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
@media (max-width: 600px) { .tec-tr__btn { width: 100%; justify-content: center; } }
