/* All page titles share the reference scale from Qui sommes-nous. */
body.site-2027 { --page-title-size: clamp(40px,4.6vw,64px); --page-title-leading: 1.16; }
body.site-2027 #accueil h1,
body.site-2027 #nous h2,
body.site-2027 #essences .section-heading h2,
body.site-2027 :is(#trouver,#questions) .section-heading h2,
body.site-2027.catalogue-page .catalogue-hero h1 {
  font-size: var(--page-title-size); line-height: var(--page-title-leading); letter-spacing: -.025em; color: var(--section-ink);
}
body.site-2027 #nous h2 { margin-bottom: 28px; }
body.site-2027 #nous .about-lead { line-height: 1.7; }
body.site-2027 #nous .about-origins { margin-top: 40px; }
body.site-2027 #nous .about-origins h3 { margin-bottom: 16px; }
body.site-2027 #nous .about-origins p { line-height: 1.85; }
body.site-2027 #nous .about-person { margin-top: 36px; }
body.site-2027 #nous .about-hero-inner { padding-bottom: 64px; }
body.site-2027 #essences .catalogue-introduction p.catalogue-introduction-lead { color: var(--section-ink); }
/* Equal columns and centred vertical dividers on desktop. */
body.site-2027 #trouver .place-block { position: relative; padding: 0 20px 32px; }
body.site-2027 #trouver .place-block:not(:nth-child(3))::after { content: ''; position: absolute; top: 0; bottom: 30px; right: -16px; width: 1px; background: #77826766; }
/* Green themes, black answers, a pale sage ground for the expanded topic. */
body.site-2027 #questions .section-heading { max-width: 1000px; }
body.site-2027 #questions .faq-list details { padding-inline: 22px; }
body.site-2027 #questions .faq-list summary { color: var(--section-ink); }
body.site-2027 #questions .faq-list p { color: #171917; }
body.site-2027 #questions .faq-list details[open] { background: #edf0e5; border-left: 3px solid #71805a; padding-left: 19px; }
body.site-2027 #questions .faq-list details[open] summary { padding-bottom: 18px; }
body.site-2027 #questions .faq-list details[open] p:last-child { padding-bottom: 24px; margin-bottom: 0; }
@media (hover:hover) and (pointer:fine) { body.site-2027 #questions .faq-list details:not([open]):hover { background: #eceee530; } }
@media (min-width:701px) and (max-width:1000px) { body.site-2027 #trouver .place-block:not(:nth-child(3))::after { right: -12px; } }
@media (max-width:700px) {
  body.site-2027 { --page-title-size: clamp(38px,10vw,48px); }
  body.site-2027 #nous h2 { margin-bottom: 22px; }
  body.site-2027 #nous .about-origins { margin-top: 32px; }
  body.site-2027 #nous .about-person { margin-top: 28px; }
  body.site-2027 #nous .about-hero-inner { padding-bottom: 40px; }
  body.site-2027 #trouver .place-block { padding: 0 0 26px; }
  body.site-2027 #trouver .place-block::after { display: none; }
  body.site-2027 #questions .faq-list details { padding-inline: 14px; }
  body.site-2027 #questions .faq-list details[open] { padding-left: 11px; }
}
