.hero-eyebrow{ font-family:var(--display-condensed); font-weight:700; font-size:12px; letter-spacing:0.1em; text-transform:uppercase; color:var(--c-tripqa); margin-bottom:8px; }
.main-col h1{ font-family:var(--display); font-weight:800; font-size:30px; color:var(--white); margin:0 0 8px; }
.main-col > p{ font-size:14px; line-height:1.55; color:var(--grey-mid); max-width:60ch; margin:0 0 22px; }
.qa-list{ display:flex; flex-direction:column; gap:1px; }
.qa-item{ border-bottom:1px solid var(--line); }
.qa-item:last-child{ border-bottom:none; }
.qa-row{ width:100%; display:flex; align-items:center; gap:14px; padding:16px 4px; background:none; border:none; text-align:left; cursor:pointer; color:inherit; font-family:inherit; }
.qa-row:hover .qa-title{ color:var(--c-tripqa); }
.qa-mark{ flex:0 0 auto; width:26px; height:26px; border-radius:50%; border:1px solid var(--line); display:flex; align-items:center; justify-content:center; color:var(--c-tripqa); font-family:var(--display); font-weight:700; font-size:16px; line-height:1; }
.qa-item.open .qa-row{ background:var(--bg-elevated); border-radius:8px 8px 0 0; }
.qa-title{ font-size:15px; color:var(--white); transition:color 0.12s; flex:1; }
.qa-answer{ max-height:0; overflow:hidden; }
.qa-item.open .qa-answer{ max-height:none; }
/* A visibly separate, tinted panel for the open answer - not just
     padding under the question - so it reads as "this is the expanded
     content", not a continuation of the list. */
.qa-answer-inner{
    margin:0 4px 16px; padding:16px 18px 14px; background:var(--bg-elevated);
    border:1px solid var(--line); border-top:2px solid var(--c-tripqa);
    border-radius:0 0 8px 8px;
  }
.qa-loading{ color:var(--grey-mid); font-size:13px; padding:16px 18px; }
.qa-collapse-btn{
    display:flex; align-items:center; gap:6px; margin-top:14px;
    background:none; border:1px solid var(--line); color:var(--grey-light);
    font-size:12.5px; font-weight:600; padding:7px 12px; border-radius:6px; cursor:pointer; font-family:inherit;
  }
.qa-collapse-btn:hover{ border-color:var(--c-tripqa); color:var(--c-tripqa); }

/* Open Q&A answer: one padded panel, not a dark box against its own edge; Collapse button lines up with the text */
.qa-answer-inner{ padding: 20px 22px 18px; }
.qa-answer-inner .injected-article{ background: transparent; padding: 0; }
.qa-answer-inner .prose p:last-child{ margin-bottom: 0; }
.qa-collapse-btn{ margin-top: 20px; }
@media (max-width: 700px){ .qa-answer-inner{ padding: 16px 16px 14px; } }

/* Questions are links now (real links for search engines and for readers without JavaScript) */
a.qa-row{ text-decoration:none; }
.qa-excerpt p:first-child{ margin-top:0; }
.qa-more{ margin:12px 0 0; font-size:13.5px; }
.qa-more a{ color:var(--c-tripqa); }