/* Scientific chapter: measurement and ocular growth, within the existing identity. */
.myopia-page { --mm-space: clamp(3.5rem,7vw,7rem); --mm-light: #982c3b; color: var(--page-ink); }
.myopia-page :where(div,section,figure,article,nav,ol,ul,li,h1,h2,h3,p,dl,dd) { min-width: 0; }
.myopia-page :where(h1,h2,h3,p,li,dd,dt,a,button,summary,cite) { overflow-wrap: anywhere; }
.myopia-page :is(h1,h2,h3) { margin: 0; font-family: "Cormorant Garamond",Georgia,serif; font-weight: 500; letter-spacing: -.025em; text-wrap: balance; }
.myopia-page h1 { font-size: clamp(3.75rem,5.9vw,5.2rem); line-height: 1; }
.myopia-page h2 { max-width: 24ch; font-size: clamp(2.2rem,3.7vw,3.5rem); line-height: 1.08; }
.myopia-page h3 { max-width: 28ch; font-size: clamp(1.75rem,2.5vw,2.25rem); line-height: 1.15; }
.myopia-page :is(p,li,dd,dt) { font-size: 1.0625rem; line-height: 1.8; }
.myopia-page p { margin: 0 0 1.2rem; }
.myopia-page :is(a,button,summary):focus-visible { outline: 2px solid var(--page-accent); outline-offset: 5px; }
.myopia-page a { text-underline-offset: .25em; }
.mm-breadcrumb { padding-block: 1.5rem; }
.mm-breadcrumb ol { display: flex; flex-wrap: wrap; gap: 1rem; padding: 0; margin: 0; list-style: none; }
.mm-breadcrumb li { display: flex; align-items: center; gap: 1rem; }
.mm-breadcrumb li + li::before { content: "/"; }
.mm-breadcrumb a { display: inline-flex; align-items: center; min-height: 44px; color: var(--page-ink); }
.mm-hero { padding-block: 2rem var(--mm-space); }
.mm-hero-grid { display: grid; grid-template-columns: minmax(0,1.18fr) minmax(0,1fr); align-items: center; gap: clamp(2rem,4vw,4rem); }
.mm-hero-copy { max-width: 65ch; }
.myopia-page .mm-subtitle { max-width: 32ch; margin-top: 1.75rem; font: 500 clamp(1.6rem,2.2vw,2rem)/1.25 "Cormorant Garamond",Georgia,serif; }
.myopia-page .mm-lead { font-size: 1.1875rem; }
.mm-hero-figure { margin: 0; }
.mm-measurement { display: block; width: 100%; height: auto; overflow: visible; color: var(--page-ink); }
.mm-lens { fill: var(--page-surface-soft); }
.mm-rays { color: var(--page-accent); }
.mm-retina { color: var(--page-ink); }
.mm-caliper { color: var(--page-accent); }
.myopia-page .mm-svg-label { font: 400 28px/1.4 Manrope,Arial,sans-serif; }
.myopia-page .mm-svg-unit { font: 500 30px/1.2 Manrope,Arial,sans-serif; }
.mm-measurement [data-measurement-layer] :is(path,circle) { transition: opacity .25s ease; }
.mm-measurement[data-measurement-view="refraction"] [data-measurement-layer]:not([data-measurement-layer="refraction"]) :is(path,circle),
.mm-measurement[data-measurement-view="axial"] [data-measurement-layer]:not([data-measurement-layer="axial"]) :is(path,circle),
.mm-measurement[data-measurement-view="function"] [data-measurement-layer]:not([data-measurement-layer="function"]) :is(path,circle) { opacity: .25; }
.mm-hero-figure figcaption { max-width: 65ch; margin-top: 1.5rem; font-size: .9375rem; line-height: 1.7; color: var(--page-ink-soft); }
.mm-measurement-controls:not([hidden]) { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .4rem; margin-block: 1.25rem 1rem; }
.mm-measurement-controls button { min-height: 48px; padding: .5rem .4rem; border: 0; border-radius: 0; font: 500 .9375rem/1.45 Manrope,Arial,sans-serif; color: var(--page-ink); background: var(--page-surface-soft); cursor: pointer; }
.mm-measurement-controls button[aria-pressed="true"] { color: var(--page-surface); background: var(--page-ink); }
.myopia-page .mm-diagram-explanation { min-height: 5.5em; margin: 0; font-size: 1rem; line-height: 1.7; }
.mm-reading-nav { display: flex; flex-wrap: wrap; gap: .75rem 1.75rem; margin-top: 3rem; }
.mm-reading-nav button { min-height: 44px; padding: 0; border: 0; border-radius: 0; color: var(--page-ink); background: transparent; font: 500 1rem/1.6 Manrope,Arial,sans-serif; text-align: left; text-decoration: underline; text-underline-offset: .3em; cursor: pointer; }
html:not(.has-focus-navigation) .mm-reading-nav { display: none; }
.mm-section { padding-block: var(--mm-space); }
.mm-paper { background: var(--page-surface); }
.mm-soft { background: var(--page-surface-soft); }
.mm-reading-grid { display: grid; grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr); align-items: start; gap: clamp(2rem,5vw,5rem); }
.mm-prose { max-width: 68ch; }
.mm-prose > :last-child { margin-bottom: 0; }
.mm-prose > :is(h2,h3) { margin-bottom: 1.5rem; }
.mm-cohort { max-width: 38ch; }
.myopia-page .mm-cohort-number { margin: 0 0 1.5rem; font: 500 clamp(5rem,10vw,8.5rem)/.9 "Cormorant Garamond",Georgia,serif; letter-spacing: -.03em; font-variant-numeric: lining-nums tabular-nums; }
.myopia-page .mm-source { display: flex; flex-wrap: wrap; gap: .25rem 1.1rem; margin-block: 1rem; font-size: .9375rem; line-height: 1.65; }
.mm-source a,.mm-link { display: inline-flex; align-items: center; min-height: 44px; }
.mm-cohort .mm-source { color: var(--page-ink-soft); }
.mm-measurement-results { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 2rem; margin: 2rem 0; }
.mm-measurement-results dt { margin-bottom: .75rem; font-weight: 600; }
.mm-measurement-results dd { margin: 0; }
.mm-measurement-results strong { display: block; margin-bottom: .6rem; font: 500 3.25rem/1 "Cormorant Garamond",Georgia,serif; font-variant-numeric: lining-nums tabular-nums; }
.mm-measurement-results span { display: block; font-size: 1rem; line-height: 1.75; }
.mm-evidence-note { padding: clamp(1.25rem,2.4vw,2rem); margin-block: 1.75rem; background: var(--page-surface-soft); color: var(--page-ink); }
.mm-evidence-note p { font-size: 1rem; }
.mm-evidence-note > :last-child { margin-bottom: 0; }
.mm-evidence-boundary h4 { margin: 0 0 .75rem; font: 700 1.125rem/1.5 Manrope,Arial,sans-serif; letter-spacing: normal; }
.mm-section-intro { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: clamp(2rem,5vw,5rem); align-items: start; margin-bottom: 3rem; }
.mm-section-intro > p { max-width: 65ch; margin: 0; }
.mm-dimensions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: clamp(1.5rem,3vw,3rem); margin: 0; }
.mm-dimensions dt { font-weight: 600; }
.mm-dimensions dd { margin: 1rem 0 0; }
.mm-unit { display: block; margin-bottom: 1rem; font: 500 clamp(3rem,5vw,4.75rem)/1 "Cormorant Garamond",Georgia,serif; color: var(--page-accent); }
.mm-study-reading { margin-top: 4rem; }
.mm-child-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(3rem,7vw,7rem); }
.mm-child-grid h2 { margin-bottom: 1.75rem; }
.myopia-page .mm-author-thought { font: 500 clamp(1.5rem,2.3vw,2.25rem)/1.4 "Cormorant Garamond",Georgia,serif; }
.mm-methods { padding-left: 1.4rem; margin-block: 1.5rem 2rem; }
.mm-methods li { padding-left: .25rem; margin-block: .5rem; }
.myopia-page .mm-expert-note { margin-top: 2rem; font-size: 1rem; }
.mm-light-motif { align-self: center; padding-block: 2rem; color: var(--mm-light); }
.mm-light-motif > span { font: 500 clamp(3rem,7vw,6rem)/1 "Cormorant Garamond",Georgia,serif; letter-spacing: -.02em; }
.mm-light-motif svg { width: 100%; height: auto; margin-block: .5rem 1rem; }
.mm-light-motif > p { font-size: 1rem; color: var(--page-ink); }
.mm-evidence-table { max-width: 100%; overflow-x: auto; scrollbar-color: var(--page-accent) var(--page-surface-soft); }
.mm-evidence-table table { width: 100%; border-collapse: collapse; font-size: 1rem; line-height: 1.8; text-align: left; }
.mm-evidence-table caption { padding-bottom: 1.5rem; text-align: left; font-size: 1rem; }
.mm-evidence-table th,.mm-evidence-table td { padding: 1.5rem; vertical-align: top; overflow-wrap: anywhere; }
.mm-evidence-table thead th { background: var(--page-ink); color: var(--page-bg); font-weight: 500; }
.mm-evidence-table tbody tr:nth-child(odd) { background: var(--page-surface); }
.mm-evidence-table tbody th { width: 24%; font-weight: 500; }
.mm-evidence-table td { width: 38%; }
.mm-evidence-table .mm-source { margin-bottom: 0; }
.myopia-page .mm-table-note { max-width: 75ch; margin: 2rem 0 0; }
.mm-rct-size > p { font: 500 2rem/1.2 "Cormorant Garamond",Georgia,serif; }
.mm-rct-size > p > strong { display: block; margin-bottom: .5rem; font-size: clamp(5rem,10vw,8rem); font-weight: 500; line-height: .9; }
.mm-rct-size dl { margin: 2rem 0 0; }
.mm-rct-size dl > div { margin-bottom: 1.25rem; }
.mm-rct-size dt { font-weight: 600; }
.mm-rct-size dd { margin: .3rem 0 0; }
.myopia-page details { padding-block: 1rem; }
.myopia-page summary { min-height: 44px; padding-block: .5rem; font-size: 1rem; font-weight: 600; line-height: 1.7; cursor: pointer; }
.myopia-page details p { margin-top: 1rem; }
.mm-conference { margin-top: 4rem; padding-top: 3rem; }
.myopia-page .mm-poster-title { font: 500 clamp(1.4rem,2vw,1.875rem)/1.4 "Cormorant Garamond",Georgia,serif; }
.mm-conference h3 { margin-bottom: 1rem; }
.mm-bridge { margin-top: 3rem; padding: clamp(1.25rem,3vw,2.5rem); background: var(--page-surface-soft); }
.mm-bridge p { max-width: 70ch; margin-bottom: .75rem; }
.mm-publications { margin: 0; padding: 0; list-style: none; }
.mm-publications > li { display: grid; grid-template-columns: 5rem minmax(0,1.25fr) minmax(0,1fr); align-items: start; gap: clamp(1.25rem,3vw,3rem); padding-block: 2.5rem; }
.mm-publications > li:nth-child(even) { background: var(--page-surface-soft); padding-inline: 1.5rem; }
.mm-publications time { font: 500 1.65rem/1.3 "Cormorant Garamond",Georgia,serif; color: var(--page-accent); }
.myopia-page .mm-paper-title { margin: 0 0 1rem; font: 500 clamp(1.3rem,1.8vw,1.65rem)/1.4 "Cormorant Garamond",Georgia,serif; }
.mm-paper-title cite { font-style: normal; }
.myopia-page .mm-paper-meta { margin-bottom: .6rem; font-size: .9375rem; line-height: 1.75; }
.myopia-page .mm-paper-context > p { font-size: 1rem; }
.mm-publications details { padding-block: .25rem; }
.mm-publications details p { font-size: .9375rem; }
.mm-external-bibliography { margin-top: 2rem; }
.mm-related { padding-block: var(--mm-space); background: var(--page-surface-soft); }
.mm-related h2 { max-width: 32ch; margin-bottom: 2.5rem; }
.mm-related ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 3rem; padding: 0; margin: 0; list-style: none; }
.mm-related a { display: flex; align-items: center; justify-content: space-between; min-height: 80px; gap: 1.5rem; padding-block: 1rem; color: var(--page-ink); font: 500 1.5rem/1.35 "Cormorant Garamond",Georgia,serif; text-decoration: none; }
.mm-related a:hover { text-decoration: underline; }
.mm-related svg { width: 24px; height: 24px; flex-shrink: 0; }
html[data-theme="dark"] .myopia-page { --mm-light: #f19a9a; }
html[data-contrast="true"] .myopia-page { --mm-light: var(--page-ink); }
html[data-contrast="true"] .mm-optical-axis { opacity: 1; }
@media (max-width: 1000px) {
  .mm-hero-grid { grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); }
  .mm-publications > li { grid-template-columns: 4rem minmax(0,1fr); }
  .mm-publications .mm-paper-context { grid-column: 2; }
}
@media (max-width: 820px) {
  .myopia-page h1 { font-size: clamp(2.25rem,10vw,4rem); }
  .myopia-page h2 { font-size: clamp(2rem,5vw,2.75rem); }
  .mm-hero-grid,.mm-reading-grid,.mm-section-intro,.mm-child-grid { grid-template-columns: minmax(0,1fr); }
  .mm-hero-figure { max-width: 650px; }
  .mm-measurement-controls button { font-size: 1rem; }
  .mm-section-intro { gap: 1.5rem; }
  .mm-dimensions { grid-template-columns: minmax(0,1fr); gap: 2.5rem; }
  .mm-dimensions > div { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 1.5rem; }
  .mm-dimensions dd { margin: 0; }
  .mm-unit { font-size: 3rem; }
  .mm-light-motif { max-width: 26rem; padding-block: 0; }
  .mm-evidence-table table { min-width: 760px; }
  .mm-related ul { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 480px) {
  .mm-measurement-controls:not([hidden]) { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .myopia-page .mm-diagram-explanation { min-height: 0; }
  .mm-measurement-results { gap: 1rem; }
  .mm-measurement-results strong { font-size: 2.7rem; }
  .mm-dimensions > div { grid-template-columns: minmax(0,1fr); gap: .5rem; }
  .mm-unit { display: inline-block; margin-right: 1rem; margin-bottom: .5rem; }
  .mm-publications > li { grid-template-columns: minmax(0,1fr); gap: 1rem; }
  .mm-publications .mm-paper-context { grid-column: auto; }
  .mm-publications > li:nth-child(even) { padding-inline: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
  .mm-measurement [data-measurement-layer] :is(path,circle) { transition: none; }
}