/* Regles conservees en inline : elles redefinissent des selecteurs
     deja presents dans un CSS partage. Les extraire changerait leur
     position dans la cascade, donc le rendu. Voir AGENTS.md §3 P2. */
  .odour-hero p.lead { font-size: clamp(1rem,2.4vw,1.12rem); color: var(--body-text); line-height: 1.72; margin: 0 0 26px; }
  .odour-hero .tel-pair { max-width: 560px; }

  .faq-item { border: 1px solid var(--border); border-radius: 14px; background: #fff; margin-bottom: 10px; }
  .faq-item summary { cursor: pointer; padding: 17px 20px; font-weight: 600; font-size: .97rem;
    color: var(--ink); list-style: none; position: relative; padding-right: 46px; }
  .faq-item summary::-webkit-details-marker { display: none; }
  .faq-item summary::after { content: "+"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);
    font-size: 1.3rem; color: var(--primary-blue); font-weight: 400; }
  .faq-item[open] summary::after { content: "\2013"; }