/* Le troisième accès reste dans le groupe de boutons de l’accueil. */
.home-hero .hero-actions { flex-wrap: wrap; }
.home-hero .home-about-link { color: #4f5764; border-color: #a8adb5; }
.home-hero .home-about-link:hover { color: var(--ink); border-color: var(--ink); }
.presentation-main { max-width: 1160px; margin: 0 auto; padding: 140px 40px 90px; }
.presentation-back { display: inline-block; margin-bottom: 36px; font-size: 14px; font-weight: 700; }
.presentation-hero { padding-bottom: 56px; }
.presentation-hero h1 { max-width: 1000px; margin: 18px 0 28px; font-size: clamp(40px, 5.4vw, 72px); line-height: 1.06; letter-spacing: -.045em; }
.presentation-hero h1 em { font-style: normal; color: var(--blue); }
.presentation-hero .lead { max-width: 800px; }
.presentation-signature { margin: 30px 0 0; font-size: 14px; line-height: 1.8; color: #555c69; }
.presentation-section { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 26px; padding: 48px 0; border-top: 1px solid #d6d6d0; }
.presentation-number { padding-top: 5px; font: 24px 'DM Mono', monospace; color: var(--blue); }
.presentation-section h2, .presentation-start h2 { max-width: 800px; margin: 12px 0 24px; font-size: clamp(27px, 3vw, 38px); line-height: 1.2; letter-spacing: -.025em; scroll-margin-top: 110px; }
.presentation-section p:not(.eyebrow), .presentation-start > p:not(.eyebrow) { max-width: 810px; font-size: 17px; line-height: 1.8; color: #485260; }
.presentation-section p + p { margin-top: 20px; }
.presentation-spaces { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 28px 0; }
.presentation-spaces article { padding: 26px; border: 1px solid #e1e4eb; background: #fff; border-radius: 16px; }
.presentation-spaces small { font: 11px 'DM Mono', monospace; letter-spacing: .06em; color: #1762df; }
.presentation-spaces h3 { margin: 12px 0; font-size: 23px; }
.presentation-spaces article p { margin: 0; font-size: 15px !important; line-height: 1.7 !important; }
.presentation-note { margin: 28px 0 0; padding: 24px 28px; background: #e4f5ee; border-left: 4px solid #27886c; border-radius: 0 14px 14px 0; }
.presentation-note h3 { color: #172130; font-size: 20px; margin: 0 0 10px; }
.presentation-note p { margin: 0; }
.presentation-takeaway { margin-top: 32px; padding: 30px; background: #172130; border-radius: 16px; }
.presentation-takeaway p { margin: 0; color: #dce5ef !important; font-size: clamp(24px, 3vw, 34px) !important; line-height: 1.4 !important; }
.presentation-takeaway strong { color: #8be8bd; }
.presentation-start { padding: 38px; margin-top: 12px; background: #fff; border: 1px solid #e1e4eb; border-radius: 20px; }
.presentation-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.presentation-page a:focus-visible, .home-about-link:focus-visible { outline: 3px solid var(--blue); outline-offset: 4px; }
@media (max-width: 700px) {
  .presentation-main { padding: 115px 20px 55px; }
  .presentation-hero { padding-bottom: 34px; }
  .presentation-section { grid-template-columns: 1fr; gap: 12px; padding: 34px 0; }
  .presentation-spaces { grid-template-columns: 1fr; }
  .presentation-spaces article, .presentation-note, .presentation-start, .presentation-takeaway { padding: 22px; }
  .presentation-section p:not(.eyebrow), .presentation-start > p:not(.eyebrow) { font-size: 16px; }
  .presentation-actions { flex-direction: column; }
}