/* Common Questions (27 Oct 2026, compact at Bruno's request): after Contact, light field, thin trace rules and square blue markers. */
.faq-section{z-index:2;padding-block:clamp(48px,5vw,80px)}
.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,7vw,120px);align-items:start}
.faq-section h2{max-width:10ch;font-size:clamp(2rem,1.5rem + 1.6vw,3rem)}
.faq-list{border-top:1px solid color-mix(in srgb,var(--trace) 45%,transparent)}
.faq-item{border-bottom:1px solid color-mix(in srgb,var(--trace) 45%,transparent)}
.faq-item summary{position:relative;display:block;cursor:pointer;list-style:none;padding:15px 48px 15px 0;font-size:clamp(1rem,.95rem + .3vw,1.15rem);font-weight:300;line-height:1.3;letter-spacing:-.015em;color:var(--ink);transition:color .3s var(--ease)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::before,.faq-item summary::after{content:"";position:absolute;right:12px;top:50%;width:14px;height:1.5px;background:var(--blue);transition:transform .35s var(--ease)}
.faq-item summary::after{transform:rotate(90deg)}
.faq-item[open] summary::after{transform:rotate(0deg)}
.faq-item summary:hover{color:var(--blue-d)}
.faq-item summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.faq-item p{max-width:58ch;padding:0 48px 20px 0;color:var(--muted);line-height:1.65}
@media (max-width:760px){
  .faq-grid{grid-template-columns:1fr;gap:28px}
  .faq-item summary{padding:14px 40px 14px 0}
  .faq-item summary::before,.faq-item summary::after{right:6px}
  .faq-item p{padding-right:0}
}
@media (prefers-reduced-motion:reduce){.faq-item summary,.faq-item summary::before,.faq-item summary::after{transition:none}}