.page-hero { padding: 76px 0 84px; background: var(--green-pale); }
.page-hero-inner { max-width: 980px; }
.breadcrumb { margin: 0 0 30px; color: var(--muted); font-size: 13px; }
.breadcrumb a { color: var(--green); text-underline-offset: 4px; }
.page-hero h1 { max-width: 940px; font-size: clamp(48px, 6vw, 76px); }
.page-hero .hero-lead { max-width: 820px; }
.page-hero-actions { display: flex; align-items: center; gap: 28px; margin-top: 34px; }

.article-section { padding: 26px 0 90px; }
.article-layout { display: grid; grid-template-columns: 250px minmax(0, 760px); justify-content: center; gap: clamp(55px, 7vw, 100px); }
.article-nav { align-self: start; position: sticky; top: 115px; padding: 24px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.article-nav p { margin: 0 0 15px; color: var(--green); font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.article-nav a { display: block; padding: 7px 0; color: var(--muted); font-size: 13px; line-height: 1.4; text-decoration: none; }
.article-nav a:hover { color: var(--green); }
.article-body { min-width: 0; }
.article-intro { margin-bottom: 58px; font-size: 20px; line-height: 1.75; }
.article-body section { scroll-margin-top: 110px; margin-top: 68px; }
.page-sciatique .article-body > section:first-child,
.page-hernie-discale .article-body > section:first-child,
.page-cervicalgie .article-body > section:first-child,
.page-cephalees .article-body > section:first-child,
.page-migraine .article-body > section:first-child,
.page-machoire .article-body > section:first-child,
.page-thoracique .article-body > section:first-child,
.page-interscapulaire .article-body > section:first-child,
.page-coude .article-body > section:first-child,
.page-poignet .article-body > section:first-child,
.page-hanche .article-body > section:first-child,
.page-genou .article-body > section:first-child,
.page-cheville .article-body > section:first-child,
.page-tendinopathie .article-body > section:first-child,
.page-arthrose .article-body > section:first-child,
.page-chiro-osteo .article-body > section:first-child,
.page-role-chiro .article-body > section:first-child,
.page-faq-chiro .article-body > section:first-child,
.page-tarifs .article-body > section:first-child { margin-top: 18px; }
.article-body h2 { margin-bottom: 25px; color: var(--green-dark); font-size: clamp(34px, 4vw, 46px); }
.article-body p { margin: 0 0 20px; color: #34413d; font-size: 17px; line-height: 1.82; }
.article-body ul { margin: 22px 0 26px; padding-left: 23px; }
.article-body li { margin: 10px 0; padding-left: 5px; color: #34413d; font-size: 16px; line-height: 1.65; }
.article-body .text-link { display: inline-flex; gap: 7px; margin-top: 5px; }
.nowrap { white-space: nowrap; }
.term-definition { margin: 34px 0; }
.term-definition h3 { margin: 0 0 12px; color: var(--green-dark); font-size: 22px; }
.term-definition + .term-definition { padding-top: 30px; border-top: 1px solid var(--line); }
.disc-hernia-figure { margin: 32px 0 38px; }
.disc-hernia-figure img { display: block; width: 100%; height: auto; }
.disc-hernia-figure figcaption { max-width: 760px; margin: 12px auto 0; color: var(--text-soft); font-size: 14px; line-height: 1.55; text-align: center; }
.disc-hernia-overview { max-width: 430px; margin-right: auto; margin-left: auto; }
.term-definition-illustrated { display: grid; grid-template-columns: minmax(0, 1fr) 210px; gap: 34px; align-items: center; }
.term-definition-illustrated > img { display: block; width: 100%; max-height: 190px; object-fit: contain; }
.referred-pain-figure { width: min(100%, 380px); margin: 28px auto; }
.referred-pain-figure img { display: block; width: 100%; max-height: 430px; object-fit: contain; }
.referred-pain-figure figcaption { margin-top: 10px; color: var(--text-muted); font-size: 14px; line-height: 1.5; text-align: center; }
.referred-pain-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 42px; align-items: stretch; }
.referred-pain-layout .referred-pain-figure { display: flex; flex-direction: column; width: 100%; height: 100%; margin: 0; }
.referred-pain-layout .referred-pain-figure img { flex: 1 1 0; width: 100%; height: 0; min-height: 0; max-height: none; object-fit: contain; }
.medical-art-credit { margin-top: 34px; color: var(--text-soft); font-size: 13px; line-height: 1.55; }

.definition-card, .analogy-card, .safety-card, .imaging-note { margin: 34px 0; padding: 30px 32px; }
.definition-card, .analogy-card { background: #f3f7f5; border: 1px solid var(--line); border-left: 4px solid var(--green); }
.definition-card h3, .analogy-card h3 { margin-top: 0; }
.definition-card .eyebrow, .analogy-card .eyebrow { margin-bottom: 14px; }
.definition-card h2, .analogy-card h2 { margin-bottom: 22px; }
.definition-card p:last-child, .analogy-card p:last-child, .safety-card p:last-child, .imaging-note p:last-child { margin-bottom: 0; }
.tariff-entry { margin-top: 28px; }
.tariff-entry h3 { margin-bottom: 10px; }
.tariff-entry p { margin-bottom: 0; }
.safety-card { background: #fff8ed; border: 1px solid #ead9b9; }
.safety-card h3 { margin: 0 0 16px; color: #704d16; font-size: 20px; }
.safety-card ul { margin-bottom: 18px; }
.imaging-note { background: var(--green-pale); border: 1px solid var(--line); border-left: 4px solid var(--green); }
.inline-cta { margin: 42px 0; padding: 34px; background: var(--green-dark); color: white; }
.inline-cta h3 { margin: 0 0 12px; font-family: var(--serif); font-size: 32px; font-weight: 400; }
.inline-cta p { color: rgba(255,255,255,.78); }
.inline-cta .button { margin-top: 6px; background: white; border-color: white; color: var(--green-dark); }
.inline-cta .button:hover { background: var(--green-pale); }
.inline-cta-actions { display: flex; align-items: center; gap: 24px; margin-top: 6px; }
.inline-cta-phone { font-size: 17px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.inline-cta-or { color: rgba(255,255,255,.72); font-size: 15px; }
.cta-label-mobile { display: none; }
.references { padding-top: 34px; border-top: 1px solid var(--line); }
.references h2 { font-family: var(--sans); font-size: 18px; font-weight: 700; letter-spacing: .04em; }
.references ol { padding-left: 20px; }
.references li { font-size: 14px; }
.references a { color: var(--green); }

@media (max-width: 900px) {
  .page-hero { padding: 52px 0; }
  .page-hero h1 { font-size: clamp(43px, 10vw, 62px); }
  .article-section { padding: 60px 0; }
  .page-cervicalgie .article-section,
  .page-cephalees .article-section,
  .page-migraine .article-section,
  .page-machoire .article-section,
  .page-thoracique .article-section,
  .page-coude .article-section,
  .page-poignet .article-section,
  .page-hanche .article-section,
  .page-genou .article-section,
  .page-cheville .article-section,
  .page-tendinopathie .article-section,
  .page-arthrose .article-section,
  .page-chiro-osteo .article-section,
  .page-role-chiro .article-section,
  .page-faq-chiro .article-section,
  .page-tarifs .article-section,
  .page-contact-access .article-section { padding-top: 16px; }
  .page-interscapulaire .article-section { padding-top: 16px; }
  .article-layout { grid-template-columns: minmax(0, 680px); }
  .article-nav { position: static; padding: 20px 0; }
  .article-nav-links { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 24px; }
  .article-body section { margin-top: 56px; }
  .page-sciatique .article-body > section:first-child,
  .page-hernie-discale .article-body > section:first-child,
  .page-cervicalgie .article-body > section:first-child,
  .page-cephalees .article-body > section:first-child,
  .page-migraine .article-body > section:first-child,
  .page-machoire .article-body > section:first-child,
  .page-thoracique .article-body > section:first-child,
  .page-interscapulaire .article-body > section:first-child,
  .page-coude .article-body > section:first-child,
  .page-poignet .article-body > section:first-child,
  .page-hanche .article-body > section:first-child,
  .page-genou .article-body > section:first-child,
  .page-cheville .article-body > section:first-child,
  .page-tendinopathie .article-body > section:first-child,
  .page-arthrose .article-body > section:first-child,
  .page-chiro-osteo .article-body > section:first-child,
  .page-role-chiro .article-body > section:first-child,
  .page-faq-chiro .article-body > section:first-child,
  .page-tarifs .article-body > section:first-child,
  .page-contact-access .article-body > section:first-child { margin-top: 16px; }
}

@media (max-width: 480px) {
  .disc-hernia-figure { margin: 24px -10px 30px; }
  .disc-hernia-figure figcaption { padding: 0 10px; font-size: 13px; }
  .disc-hernia-overview { max-width: 280px; margin-right: auto; margin-left: auto; }
  .term-definition-illustrated { grid-template-columns: minmax(0, 1fr) 108px; gap: 14px; }
  .term-definition-illustrated > img { max-height: 120px; }
  .referred-pain-figure { width: min(82%, 290px); margin: 22px auto; }
  .referred-pain-figure img { max-height: 340px; }
  .referred-pain-layout { grid-template-columns: 1fr; gap: 12px; }
  .referred-pain-layout .referred-pain-figure { width: min(82%, 290px); margin: 8px auto 0; }
  .referred-pain-layout .referred-pain-figure img { flex: none; height: auto; max-height: 340px; }
  .page-hero { padding: 52px 0; }
  .breadcrumb { margin-bottom: 22px; }
  .page-hero h1 { font-size: 40px; }
  .page-hero-actions { align-items: flex-start; flex-direction: column; gap: 18px; }
  .inline-cta-actions { align-items: center; justify-content: flex-start; flex-direction: row; flex-wrap: nowrap; gap: 8px; }
  .inline-cta-actions .button { padding-inline: 13px; }
  .inline-cta-phone { font-size: 13px; }
  .cta-label-wide { display: none; }
  .cta-label-mobile { display: inline; }
  .article-section { padding: 60px 0; }
  .page-cervicalgie .article-section,
  .page-cephalees .article-section,
  .page-migraine .article-section,
  .page-machoire .article-section,
  .page-thoracique .article-section,
  .page-coude .article-section,
  .page-poignet .article-section,
  .page-hanche .article-section,
  .page-genou .article-section,
  .page-cheville .article-section,
  .page-tendinopathie .article-section,
  .page-arthrose .article-section,
  .page-chiro-osteo .article-section,
  .page-role-chiro .article-section,
  .page-faq-chiro .article-section,
  .page-tarifs .article-section,
  .page-a-propos .article-section,
  .page-contact-access .article-section { padding-top: 8px; }
  .page-interscapulaire .article-section { padding-top: 8px; }
  .article-nav { display: none; }
  .article-nav-links { grid-template-columns: 1fr; }
  .article-intro { margin-bottom: 44px; font-size: 18px; }
  .article-body section { margin-top: 48px; }
  .page-sciatique .article-body > section:first-child,
  .page-hernie-discale .article-body > section:first-child,
  .page-cervicalgie .article-body > section:first-child,
  .page-cephalees .article-body > section:first-child,
  .page-migraine .article-body > section:first-child,
  .page-machoire .article-body > section:first-child,
  .page-thoracique .article-body > section:first-child,
  .page-interscapulaire .article-body > section:first-child,
  .page-coude .article-body > section:first-child,
  .page-poignet .article-body > section:first-child,
  .page-hanche .article-body > section:first-child,
  .page-genou .article-body > section:first-child,
  .page-cheville .article-body > section:first-child,
  .page-tendinopathie .article-body > section:first-child,
  .page-arthrose .article-body > section:first-child,
  .page-chiro-osteo .article-body > section:first-child,
  .page-role-chiro .article-body > section:first-child,
  .page-faq-chiro .article-body > section:first-child,
  .page-tarifs .article-body > section:first-child,
  .page-a-propos .article-body > section:first-child,
  .page-contact-access .article-body > section:first-child { margin-top: 10px; }
  .article-body h2 { font-size: 35px; }
  .article-body p { font-size: 16px; }
  .definition-card, .analogy-card, .safety-card, .imaging-note, .inline-cta { padding: 24px 22px; }
}
.about-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 410px); gap: clamp(50px, 8vw, 110px); align-items: center; }
.about-hero-photo { margin: 0; max-width: 410px; justify-self: end; }
.about-hero-photo img { display: block; width: 100%; aspect-ratio: 1 / 1.08; object-fit: cover; object-position: center 20%; }
.contact-access-photo { width: min(100%, 620px); margin: 30px 0 0; }
.contact-access-photo img { display: block; width: 100%; max-height: 560px; object-fit: cover; object-position: center; }
.contact-map { width: min(100%, 620px); height: 320px; margin: 28px 0 24px; overflow: hidden; border: 1px solid var(--line); }
.contact-map iframe { display: block; width: 100%; height: 100%; border: 0; }
.contact-details { border-top: 1px solid var(--line); }
.contact-details p { margin: 0; padding: 22px 0; border-bottom: 1px solid var(--line); }

@media (max-width: 900px) {
  .about-hero-grid { grid-template-columns: 1fr; gap: 34px; }
  .about-hero-photo { width: min(100%, 360px); justify-self: start; }
}

@media (max-width: 480px) {
  .about-hero-photo { width: min(78vw, 300px); }
  .contact-access-photo { margin-top: 24px; }
  .contact-map { height: 260px; margin-top: 24px; }
}