/* Loaded only on the preview request page. */
body.tr-sui .tr-phero {
  padding-block: 8.5rem 2.25rem;
}
body.tr-sui .tr-phero .tr-crumbs { margin-block-end: 1rem; }
body.tr-sui .tr-phero .tr-phero__eyebrow { margin-block-end: .5rem; }
body.tr-sui .tr-phero h1 { max-inline-size: none; font-size: clamp(1.75rem, 3.2vw, 2.5rem); }
body.tr-sui .tr-phero .tr-phero__lead { margin-block-start: .75rem; max-inline-size: 54rem; }
body.tr-sui .expert-preview { padding-block: 2.5rem 3.5rem; }
body.tr-sui .expert-preview__container { max-inline-size: 65rem; }
.expert-preview__heading { margin-block-end: 1.75rem; }
body.tr-sui .expert-preview__heading h2 { font-size: 1.5rem; line-height: 1.7; margin: 0 0 .5rem; }
.expert-preview__heading p { margin: 0; color: #625b70; font-size: .9375rem; line-height: 1.9; }
.expert-preview__alert { margin-block-end: 1.5rem; }
body.tr-sui .expert-preview .tr-form { gap: 1.25rem; }
body.tr-sui .expert-preview .tr-form__pair { display: grid; gap: 1.25rem; }
body.tr-sui .expert-preview .tr-input {
  padding: .75rem 1rem;
  min-block-size: 3.25rem;
  color: #171021;
  background-color: #fff;
  border: 1px solid #cbc2d9;
  border-radius: .5rem;
  font-size: 1rem;
}
body.tr-sui .expert-preview select.tr-input { appearance: auto; }
body.tr-sui .expert-preview textarea.tr-input { min-block-size: 6.5rem; }
body.tr-sui .expert-preview .tr-input:focus-visible { outline: 2px solid #7848d8; outline-offset: 3px; }
.expert-preview .tr-field small,
.expert-preview__optional { color: #625b70; font-size: .8rem; line-height: 1.8; }
.expert-preview__optional { font-weight: 400; margin-inline-start: .5rem; }
.expert-preview__details { border-block: 1px solid #cfc4df; }
.expert-preview__details summary { cursor: pointer; padding: 1rem .125rem; font-size: .9375rem; font-weight: 700; }
.expert-preview__details summary span { color: #625b70; font-size: .8rem; font-weight: 400; margin-inline-start: .35rem; }
.expert-preview__details summary:focus-visible { outline: 2px solid #7848d8; outline-offset: 4px; }
.expert-preview__details-body { display: grid; gap: 1.25rem; padding-block: .25rem 1.5rem; }
body.tr-sui .expert-preview__consent label { font-size: .875rem; line-height: 1.95; }
.expert-preview__consent a { text-decoration: underline; text-underline-offset: .2em; }
.expert-preview__submit { display: flex; align-items: center; gap: 1.5rem; }
body.tr-sui .expert-preview .expert-preview__submit .tr-btn { display: inline-flex; align-items: center; justify-content: center; gap: .75rem; flex-shrink: 0; border: 0; border-radius: .5rem; padding: .85rem 1.25rem !important; }
.expert-preview__submit p { color: #625b70; font-size: .8rem; line-height: 1.9; margin: 0; max-inline-size: 28rem; }
body.tr-sui .expert-preview-steps { padding-block: 2.75rem; }
body.tr-sui .expert-preview-steps h2 { font-size: 1.4rem; line-height: 1.8; margin: 0 0 1.5rem; }
.expert-preview-steps__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 0; margin: 0; list-style: none; gap: 1.5rem; }
.expert-preview-steps__list li { border-block-start: 1px solid #423051; padding-block-start: 1rem; }
.expert-preview-steps__list li > span { color: #c4b5fd; font-size: .8rem; }
body.tr-sui .expert-preview-steps__list h3 { font-size: 1rem; margin: .5rem 0; line-height: 1.8; }
.expert-preview-steps__list p { color: #c7bed7; font-size: .875rem; margin: 0; line-height: 1.95; }
@media (max-width: 639px) {
  body.tr-sui .tr-phero { padding-block: 7rem 1.75rem; }
  body.tr-sui .expert-preview { padding-block: 1.75rem 2.5rem; }
  body.tr-sui .expert-preview__heading h2 { font-size: 1.25rem; }
  .expert-preview__submit { flex-direction: column; align-items: stretch; gap: .75rem; }
  .expert-preview__submit p { text-align: center; }
  .expert-preview-steps__list { grid-template-columns: 1fr; gap: 1.25rem; }
  body.tr-sui .expert-preview-steps { padding-block: 2rem; }
}