/* PIX study — finishing pass, explicitly excludes featured demo interiors. */
/* FAQ: keep each toggle attached to its animated question band. */
section#faq.fq-faq .fq-faq-list.faq details > summary {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 12px !important;
}
section#faq.fq-faq .fq-faq-list.faq details > summary .fq-toggle {
  position: relative !important;
  inset: auto !important;
  flex: 0 0 56px !important;
}
section#faq.fq-faq .fq-faq-list.faq details > summary .fq-question-band { flex-shrink: 1 !important; min-width: 0 !important; }
@media (max-width:780px) {
  section#faq.fq-faq .fq-faq-list.faq details > summary { gap: 10px !important; }
  section#faq.fq-faq .fq-faq-list.faq details > summary .fq-toggle { flex-basis: 52px !important; }
}

/* One quiet surface around each How it works object. */
section#how-it-works.hiw-how-it-works .hiw-steps .hiw-step {
  border-color: rgba(28,45,66,.1) !important;
  box-shadow: 0 8px 22px -12px rgba(28,45,66,.12) !important;
}
section#how-it-works.hiw-how-it-works .hiw-steps .hiw-step:hover,
section#how-it-works.hiw-how-it-works .hiw-steps .hiw-step:focus-visible {
  box-shadow: 0 12px 28px -12px rgba(28,45,66,.16) !important;
}
section#how-it-works.hiw-how-it-works .hiw-visual::before,
section#how-it-works.hiw-how-it-works .hiw-visual::after { content: none !important; }
section#how-it-works.hiw-how-it-works .hiw-object {
  box-shadow: 0 6px 18px rgba(28,45,66,.09) !important;
  border-color: rgba(28,45,66,.14) !important;
}
section#how-it-works.hiw-how-it-works .hiw-share-panel { box-shadow: none !important; }
section#how-it-works.hiw-how-it-works .hiw-step-num { box-shadow: 0 3px 8px rgba(28,45,66,.1) !important; }

/* Section eyebrows: same typography, existing contextual colors retained. */
section#tools.tw2-tool-section > .tw2-section-head .uk-kicker,
section#tools.tw2-tool-section #tools-catalog.tw4-catalog > header > p,
section#how-it-works.hiw-how-it-works .hiw-section-head .uk-kicker,
section#who .mh-head .mh-eyebrow,
section#preuve.sp-proof .sp-proof__inner .sp-proof__header .sp-eyebrow,
section#faq.fq-faq .fq-head .fq-eyebrow,
section#closer .cl-copy .cl-eyebrow {
  font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  line-height: 1.4 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

/* Supporting labels outside the featured demos. */
section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panel .tw4-catalog-card .tw4-catalog-meta {
  font-size: 11px !important;
  line-height: 1.4 !important;
  letter-spacing: .055em !important;
  color: #596570 !important;
}
section#preuve.sp-proof .sp-proof__inner .sp-proof__note {
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: #535d67 !important;
}
section#preuve.sp-proof .sp-proof__inner .sp-quote__person > span {
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: #535d67 !important;
}
section#preuve.sp-proof .sp-proof__inner .sp-quote__person > strong {
  font-size: 12px !important;
  line-height: 1.4 !important;
}
section#preuve.sp-proof .sp-proof__inner .sp-quote__label {
  font-size: 11px !important;
  line-height: 1.4 !important;
  letter-spacing: .055em !important;
}
section#how-it-works.hiw-how-it-works .hiw-capture-note,
section#how-it-works.hiw-how-it-works .hiw-choice-copy small {
  font-size: 10px !important;
  line-height: 1.4 !important;
  color: #535d67 !important;
}
section#how-it-works.hiw-how-it-works .hiw-capture-help,
section#how-it-works.hiw-how-it-works .hiw-capture-trust,
section#how-it-works.hiw-how-it-works .hiw-result-type,
section#how-it-works.hiw-how-it-works .hiw-result-kicker,
section#how-it-works.hiw-how-it-works .hiw-result-base,
section#how-it-works.hiw-how-it-works .hiw-share-title > span,
section#how-it-works.hiw-how-it-works .hiw-share-base,
section#how-it-works.hiw-how-it-works .hiw-ready {
  font-size: 10px !important;
  line-height: 1.4 !important;
  letter-spacing: .02em !important;
}
section#faq.fq-faq .fq-foot { font-size: 13px !important; color: #535d67 !important; }
section#closer .cl-help { font-size: 12px !important; line-height: 1.4 !important; }

/* Catalogue shares the exact editorial container and tracks used by
   How it works / When it happens, rather than approximating their width. */
@media (min-width:901px) {
  section#tools.tw2-tool-section #tools-catalog.tw4-catalog {
    width: min(1640px, 93vw) !important;
    max-width: 100% !important;
    padding-inline: clamp(28px, 3vw, 56px) !important;
  }
  section#tools.tw2-tool-section #tools-catalog.tw4-catalog > header {
    grid-template-columns: minmax(420px, 1fr) minmax(320px, .72fr) !important;
    column-gap: clamp(34px, 7vw, 90px) !important;
  }
}
@media (min-width:821px) and (max-width:900px) {
  section#tools.tw2-tool-section #tools-catalog.tw4-catalog > header {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  section#tools.tw2-tool-section #tools-catalog.tw4-catalog > header h3 {
    margin-bottom: 16px !important;
  }
}