/* Use the section’s available width inside the existing805px page. */
.faq-region{container-type:inline-size;container-name:tracktor-faq-layout}
/* TRACKTOR BLOCK 6 — all rules scoped to #tracktor-faq */
#tracktor-faq {
  --tt-faq-cream: #FAF8F3;
  --tt-faq-text: #20211F;
  --tt-faq-graphite: #30302E;
  --tt-faq-pale: #E5F1F4;
  --tt-faq-blue: #527581;
  --tt-faq-yellow: #FFDF17;
  --tt-faq-rule: #E6E0D6;
  box-sizing: border-box;
  isolation: isolate;
  background: var(--tt-faq-cream);
  color: var(--tt-faq-text);
  padding: clamp(50px, 5.5cqw, 82px) 24px clamp(52px, 6cqw, 90px);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
#tracktor-faq *, #tracktor-faq *::before, #tracktor-faq *::after { box-sizing: border-box; }
#tracktor-faq .tt-faq__shell { max-width: 1060px; margin: 0 auto; }
#tracktor-faq .tt-faq__intro {
  display: grid; grid-template-columns: minmax(0, .97fr) minmax(0, 1.03fr);
  align-items: center; gap: 16px; min-height: 360px; margin-bottom: 24px;
}
#tracktor-faq .tt-faq__copy { position: relative; z-index: 2; padding-bottom: 18px; }
#tracktor-faq .tt-faq__eyebrow {
  display: block; margin: 0 0 15px; color: var(--tt-faq-blue);
  font-size: clamp(12px, 1.25cqw, 16px); font-weight: 750;
  letter-spacing: .135em; line-height: 1.25;
}
#tracktor-faq .tt-faq__title {
  margin: 0; max-width: 600px; font-weight: 850; letter-spacing: -.058em;
  font-size: clamp(40px, 5cqw, 67px); line-height: .99; color: var(--tt-faq-text);
}
#tracktor-faq .tt-faq__underline { position: relative; display: inline-block; white-space: nowrap; }
#tracktor-faq .tt-faq__underline::after {
  content:""; position: absolute; bottom: -.075em; left: -1.5%; width: 103%;
  height: .105em; border-radius: 45% 55% 50% 50%; background: var(--tt-faq-yellow);
  transform: rotate(-1.15deg); z-index: -1;
}
#tracktor-faq .tt-faq__subtitle {
  color: #4B5462; max-width: 440px; margin: 29px 0 0;
  font-size: clamp(17px, 2.15cqw, 25px); line-height: 1.33; font-weight: 400;
}
#tracktor-faq .tt-faq__artbox {
  position: relative; align-self: stretch; min-height: 355px;
  display: flex; align-items: end; justify-content: flex-end;
  overflow: visible; padding: 12px 0 3px 2px;
}
#tracktor-faq .tt-faq__art {
  display: block; width: min(100%, 540px); height: auto;
  max-height: 420px; object-fit: contain; object-position: center bottom;
  transform: none; position: relative; z-index: 1;
  filter: drop-shadow(0 5px 7px rgba(46,45,36,.035));
}
#tracktor-faq .tt-faq__handwritten {
  position: absolute; top: 5px; left: 1%; width: clamp(120px, 31%, 174px);
  height: auto; z-index: 2; transform: rotate(-1deg); opacity: .83;
}
#tracktor-faq .tt-faq__accordion { display: grid; gap: 10px; }
#tracktor-faq .tt-faq__item {
  background: rgba(255,255,255,.85);
  border: 1px solid #EFE9DF; border-radius: 22px;
  box-shadow: 0 4px 14px rgba(64,56,38,.035);
  overflow: hidden; min-width: 0;
}
#tracktor-faq .tt-faq__question {
  cursor: pointer; list-style: none; user-select: none; min-height: 77px;
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; padding: 15px 22px 15px 26px;
  font-weight: 740; font-size: clamp(17px,2cqw,22px); letter-spacing: -.034em;
  line-height: 1.26; color: var(--tt-faq-text);
}
#tracktor-faq .tt-faq__question::-webkit-details-marker { display: none; }
#tracktor-faq .tt-faq__question::marker { content:""; }
#tracktor-faq .tt-faq__question:focus-visible {
  outline: 3px solid #527581; outline-offset: -4px; border-radius: 22px;
}
#tracktor-faq .tt-faq__question:hover .tt-faq__toggle { background: #D9EBF1; }
#tracktor-faq .tt-faq__toggle {
  flex: 0 0 43px; height: 43px; width: 43px; border-radius: 50%;
  background: var(--tt-faq-pale); position: relative; transition: background-color .2s ease;
}
#tracktor-faq .tt-faq__toggle::before,
#tracktor-faq .tt-faq__toggle::after {
  content:""; position: absolute; left: 50%; top: 50%;
  width: 16px; height: 2.5px; background: #25739B;
  border-radius: 2px; transform: translate(-50%, -50%);
  transition: transform .2s ease;
}
#tracktor-faq .tt-faq__toggle::after { transform: translate(-50%, -50%) rotate(90deg); }
#tracktor-faq .tt-faq__item[open] .tt-faq__toggle::after { transform: translate(-50%, -50%) rotate(0deg); }
#tracktor-faq .tt-faq__answer {
  background: var(--tt-faq-pale); border-radius: 17px;
  padding: 19px 25px 20px; margin: 0 14px 14px;
  color: #304052; font-size: clamp(15.5px,1.6cqw,18px);
  font-weight: 420; letter-spacing: -.01em; line-height: 1.56;
}
#tracktor-faq .tt-faq__answer p { margin: 0; }
#tracktor-faq .tt-faq__answer p + p { margin-top: .72em; }
#tracktor-faq .tt-faq__answer strong { font-weight: 760; color: #223044; }
@container tracktor-faq-layout (min-width: 1080px) {
  #tracktor-faq .tt-faq__intro { min-height: 410px; }
  #tracktor-faq .tt-faq__art { width: min(100%, 550px); max-height: 440px; }
}
@container tracktor-faq-layout (min-width: 701px) and (max-width: 890px) {
  #tracktor-faq .tt-faq__intro { grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); min-height:300px; }
  #tracktor-faq .tt-faq__artbox { min-height: 280px; }
  #tracktor-faq .tt-faq__art { max-height: 320px; }
  #tracktor-faq .tt-faq__handwritten { width: 115px; }
}
@container tracktor-faq-layout (max-width: 700px) {
  #tracktor-faq { padding: 42px 16px 55px; }
  #tracktor-faq .tt-faq__intro { display: flex; flex-direction: column; align-items: stretch; gap: 0; margin-bottom: 11px; min-height: 0; }
  #tracktor-faq .tt-faq__copy { padding: 0 1px; }
  #tracktor-faq .tt-faq__eyebrow { font-size: 12px; margin-bottom: 14px; letter-spacing: .12em; }
  #tracktor-faq .tt-faq__title { font-size: clamp(34px, 9cqw, 50px); letter-spacing: -.057em; }
  #tracktor-faq .tt-faq__subtitle { font-size: 17px; line-height: 1.34; max-width: 370px; margin-top: 22px; }
  #tracktor-faq .tt-faq__artbox { align-self: stretch; width: 100%; min-height: 0; height: clamp(248px, 69cqw, 320px); margin-top: 10px; padding: 0; }
  #tracktor-faq .tt-faq__art { max-width: 100%; max-height: 100%; width: 100%; height: 100%;
    object-fit: contain; object-position: center bottom; transform: none; }
  #tracktor-faq .tt-faq__handwritten { top: 0; left: 0; width: clamp(104px, 31%, 147px); }
  #tracktor-faq .tt-faq__accordion { gap: 9px; }
  #tracktor-faq .tt-faq__item { border-radius: 18px; }
  #tracktor-faq .tt-faq__question { min-height: 68px; padding: 13px 13px 13px 17px; gap: 11px; font-size: 16.7px; line-height: 1.27; }
  #tracktor-faq .tt-faq__toggle { flex-basis: 39px; width: 39px; height: 39px; }
  #tracktor-faq .tt-faq__answer { padding: 15px 17px 16px; margin: 0 10px 10px; font-size: 15.5px; line-height: 1.5; }
}
@container tracktor-faq-layout (max-width: 380px) {
  #tracktor-faq .tt-faq__title { font-size: 33px; }
  #tracktor-faq .tt-faq__artbox { height: 242px; }
  #tracktor-faq .tt-faq__handwritten { width: 104px; }
  #tracktor-faq .tt-faq__question { font-size: 16px; padding-left: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  #tracktor-faq .tt-faq__toggle, #tracktor-faq .tt-faq__toggle::after { transition: none; }
}

/* Compact mobile introduction: title and illustration share the same row. */
@container tracktor-faq-layout (max-width:700px){
 #tracktor-faq .tt-faq__intro{display:grid;grid-template-columns:minmax(0,1fr) clamp(120px,38.5cqw,150px);grid-template-rows:29px calc(clamp(260px,71cqw,292px) - 29px) auto;grid-template-areas:"eyebrow art" "title art" "subtitle subtitle";column-gap:6px;row-gap:0;align-items:start;margin-bottom:20px}
 #tracktor-faq .tt-faq__copy{display:contents}
 #tracktor-faq .tt-faq__eyebrow{grid-area:eyebrow;position:relative;z-index:2;margin:0;align-self:start}
 #tracktor-faq .tt-faq__title{grid-area:title;position:relative;z-index:2;font-size:clamp(30px,9cqw,38px);max-width:none;align-self:start}
 #tracktor-faq .tt-faq__subtitle{grid-area:subtitle;margin:14px 0 0;max-width:none;font-size:17px;line-height:1.34}
 #tracktor-faq .tt-faq__artbox{grid-area:art;align-self:stretch;width:100%;height:clamp(260px,71cqw,292px);min-height:0;margin:0;padding:0}
 #tracktor-faq .tt-faq__art{position:absolute;bottom:0;left:auto;right:0;width:clamp(240px,77cqw,300px);height:auto;max-width:none;max-height:none;object-fit:contain;object-position:center bottom}
 #tracktor-faq .tt-faq__handwritten{top:0;left:auto;right:0;width:105px;max-width:none;height:auto;transform:rotate(-3deg)}
}
@container tracktor-faq-layout (max-width:340px){
 #tracktor-faq .tt-faq__title{font-size:28px}
 #tracktor-faq .tt-faq__intro{column-gap:4px}
}