/* Common title origin for the four navigation sections. */
body.site-2027 { --page-content-width: min(1160px,calc(100% - 104px)); --page-top-space: 36px; }
body.site-2027 #nous .about-hero-inner { width: var(--page-content-width); padding-top: var(--page-top-space); }
body.site-2027 :is(#trouver,#questions).section-pad { width: var(--page-content-width); padding-top: var(--page-top-space); }
body.site-2027 #essences.section-pad { padding-inline: 0; padding-top: var(--page-top-space); }
body.site-2027 #essences :is(.section-intro,.catalogue-introduction,.essence-grid) { width: var(--page-content-width); max-width: 1160px; margin-inline: auto; }
body.site-2027 #nous h2,
body.site-2027 #essences .section-heading h2,
body.site-2027 :is(#trouver,#questions) .section-heading h2 { margin-top: 0; }
body.site-2027 #nous .about-work { margin-top: 12px; }
/* Muted colours already used in the illustration: olive, terracotta, blue-grey. */
body.site-2027 #questions .faq-list details { --topic-ink: #4f5e3b; --topic-paper: #edf0e5; }
body.site-2027 #questions .faq-list details:nth-child(3n + 2) { --topic-ink: #88553f; --topic-paper: #f3e9df; }
body.site-2027 #questions .faq-list details:nth-child(3n) { --topic-ink: #405c65; --topic-paper: #e8eeef; }
body.site-2027 #questions .faq-list details summary { color: var(--topic-ink); }
body.site-2027 #questions .faq-list details[open] { background: var(--topic-paper); border-left-color: var(--topic-ink); }
body.site-2027 #questions .faq-list details p { color: #171917; font-style: italic; font-synthesis: style; }
@media (hover:hover) and (pointer:fine) {
  body.site-2027 #questions .faq-list details:not([open]):hover { background: var(--topic-paper); }
}
@media (max-width:1000px) { body.site-2027 { --page-content-width: calc(100% - 60px); } }
@media (max-width:700px) {
  body.site-2027 { --page-content-width: calc(100% - 44px); --page-top-space: 24px; }
  body.site-2027 #nous .about-work { margin-top: 24px; }
}