.reference-page { --mgo: #22667d; --sarm1: #9b4e29; --ngf: #69578b; }
:root[data-theme="dark"] .reference-page { --mgo: #8acde0; --sarm1: #efb086; --ngf: #c1abe5; }
.reference-page h1 { margin-bottom: .85rem; }
.reference-page .intro { max-width: 800px; }
.reference-brief { color: var(--muted); font-size: var(--small-size); max-width: 800px; }
.neuron-explorer { margin-top: 2rem; }
.endpoint-control { display: flex; gap: .6rem 1rem; align-items: center; flex-wrap: wrap; }
.endpoint-control label { font-weight: var(--strong-weight); }
.endpoint-control select { color: var(--ink); background: var(--paper); border: 1px solid var(--line); border-radius: 4px; padding: .5rem 2.2rem .5rem .75rem; font-weight: var(--strong-weight); max-width: 100%; }
.endpoint-control select:focus-visible { outline: 2px solid var(--link); outline-offset: 4px; }
.endpoint-control a { margin-left: auto; }
.endpoint-summary { color: var(--muted); font-size: var(--small-size); margin: .65rem 0 1.3rem; }
.probability-key { border-left: 2px solid var(--link); padding-left: 1rem; font-size: var(--small-size); }
.probability-key p { margin: 0; }
.probability-key p + p { margin-top: .25rem; color: var(--muted); }
.formula { white-space: nowrap; }
.load-status { padding: 2rem 0; }
.chart-heading { display: flex; align-items: baseline; justify-content: space-between; gap: .2rem 1rem; margin-top: 1.4rem; }
.chart-heading p { margin: 0; font-weight: var(--strong-weight); }
.trajectory-figure { margin: .6rem 0 0; }
.trajectory { width: 100%; min-height: 285px; }
.trajectory svg { display: block; width: 100%; overflow: visible; }
.trajectory text { font-family: var(--font-sans); font-size: 12px; fill: var(--muted); }
.trajectory .grid-line { stroke: var(--line); stroke-width: 1; }
.trajectory .selected-time { stroke: var(--muted); stroke-dasharray: 3 5; stroke-width: 1; }
.trajectory .axis-label { font-weight: var(--strong-weight); }
.trajectory .time-tick.selected { font-weight: var(--strong-weight); fill: var(--ink); }
.trajectory .curve { fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.trajectory .curve.selected { stroke-width: 3; }
.trajectory .point { stroke-width: 1.6; fill: var(--paper); }
.trajectory .point.selected { stroke-width: 2.5; }
.trajectory .chart-hit { fill: transparent; cursor: pointer; }
.trajectory figcaption, .trajectory-figure figcaption { font-size: .8rem; line-height: 1.55; color: var(--muted); max-width: 790px; }
.time-control { padding: 0; border: 0; margin: 1rem 0 1.25rem; }
.time-control legend { font-size: var(--small-size); color: var(--muted); padding: 0; margin-bottom: .45rem; }
.time-options { display: flex; flex-wrap: wrap; gap: .35rem; }
.time-options button { font-size: var(--small-size); padding: .35rem .65rem; }
.time-options button[aria-pressed="true"] { color: var(--link); border-color: var(--link); background: var(--wash); font-weight: var(--strong-weight); }
.mechanism-heading { display: flex; gap: .2rem 1rem; justify-content: space-between; align-items: baseline; margin-top: .7rem; }
.mechanism-heading p { margin: 0; font-size: var(--small-size); }
.mechanism-options { display: grid; grid-template-columns: repeat(3, 1fr); border-block: 1px solid var(--line); margin-top: .5rem; }
.comparison-scope { margin: .7rem 0 0; font-size: .8rem; }
.mechanism-options button { border: 0; border-radius: 0; text-align: left; padding: .75rem .8rem .85rem; min-width: 0; box-shadow: inset 0 -2px transparent; }
.mechanism-options button:first-child { padding-left: 0; }
.mechanism-options button + button { border-left: 1px solid var(--line); }
.mechanism-options button[aria-pressed="true"] { background: var(--wash); box-shadow: inset 0 -2px var(--mechanism-color); }
.mechanism-name { display: flex; align-items: center; gap: .4rem; font-size: var(--small-size); }
.mechanism-name svg { width: 30px; height: 14px; flex: 0 0 30px; overflow: visible; }
.mechanism-number { display: block; padding-left: 34px; font-size: 1.4rem; font-variant-numeric: tabular-nums; margin-top: .12rem; line-height: 1.3; }
.selected-reading { margin-top: 1.5rem; }
.reading-heading { display: flex; align-items: baseline; justify-content: space-between; gap: .5rem 1rem; }
.reading-heading h3 { margin: 0; font-size: 1.15rem; }
.reading-heading a { white-space: nowrap; font-size: var(--small-size); }
.reading-value { display: flex; align-items: center; gap: 1.2rem; margin: .5rem 0 .65rem; }
.reading-value p { margin: 0; }
.central-value { font-size: 2.5rem; line-height: 1.2; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.central-value span { font-size: var(--small-size); letter-spacing: 0; margin-left: .35rem; color: var(--muted); }
#selected-range { border-left: 1px solid var(--line); padding-left: 1.2rem; color: var(--muted); font-size: var(--small-size); }
#selected-range strong { display: block; color: var(--ink); font-size: 1rem; font-variant-numeric: tabular-nums; }
.selected-claim { font-weight: var(--strong-weight); margin-bottom: .6rem; }
#selected-rationale { margin-bottom: .55rem; }
.reference-page .section-nav { border-bottom: 1px solid var(--line); padding-bottom: 1.2rem; margin-bottom: 0; }
.reference-page .report-section { padding-top: 0; }
.reference-page .report-section h2 { margin-top: 2rem; }
.reference-page .section-nav + .report-section { border-top: 0; margin-top: 0; }
.exposure-short { font-weight: var(--strong-weight); }
.diabetes-belief { padding-left: 1rem; border-left: 2px solid var(--line); color: var(--muted); font-size: var(--small-size); }
.estimate-table { min-width: 680px; font-size: var(--small-size); }
.table-scroll-hint { display: none; }
.estimate-table th:first-child { width: 5.5rem; white-space: nowrap; }
.estimate-table .numeric { width: 4.8rem; }
.estimate-table tbody th { font-weight: 400; }
.estimate-table tr.is-selected { background: var(--wash); }
.estimate-table tr.is-selected th { box-shadow: inset 2px 0 var(--link); padding-left: .5rem; font-weight: var(--strong-weight); }
.estimate-table td p { margin-bottom: .35rem; }
.estimate-table td p:last-child { margin-bottom: 0; }
.estimate-table .source-links { font-size: .8rem; }
.quantitative-checks { margin: 0; }
.quantitative-checks dt { font-weight: var(--strong-weight); margin-top: 1rem; }
.quantitative-checks dd { margin: .3rem 0 0; }
.check-value { display: block; font-variant-numeric: tabular-nums; }
.evidence-list { padding-left: 1.5rem; }
.evidence-list li { padding-left: .3rem; margin: 1.2rem 0 1.5rem; scroll-margin-top: 1rem; }
.evidence-list p { margin: .35rem 0; }
.evidence-context, .evidence-limit { font-size: var(--small-size); color: var(--muted); }
.reference-definition details { padding: .85rem 0; border-block-end: 1px solid var(--line); }
.reference-definition summary { color: var(--link); cursor: pointer; }
.reference-definition details p { margin: 1rem 0 .3rem; }
.endpoint-definitions dt { font-weight: var(--strong-weight); margin-top: 1rem; }
.endpoint-definitions dd { margin: .3rem 0 0; }
.reference-links { margin-top: 1.2rem; }
@media (max-width: 620px) {
  .reference-page .site-nav { gap: .5rem 1rem; }
  .reference-page h1 { font-size: 2rem; }
  .neuron-explorer { margin-top: 1.5rem; }
  .endpoint-control { gap: .5rem .7rem; }
  .endpoint-control a { margin-left: 0; width: 100%; }
  .chart-heading { display: block; }
  .chart-heading .small-note { font-size: .8rem; }
  .mechanism-name { display: block; font-size: .8rem; line-height: 1.3; }
  .mechanism-name svg { display: block; margin-bottom: .3rem; }
  .mechanism-number { padding: 0; font-size: 1.3rem; margin-top: .4rem; }
  .mechanism-options button, .mechanism-options button:first-child { padding: .7rem .6rem; }
  .mechanism-heading { flex-wrap: wrap; }
  .mechanism-heading p .small-note { display: none; }
  .reading-heading { flex-wrap: wrap; }
  .reading-heading h3 { font-size: 1.1rem; }
  .central-value span { display: block; margin: .2rem 0 0; line-height: 1.4; }
  .table-scroll-hint { display: block; margin-bottom: .5rem; }
  .time-options { display: grid; grid-template-columns: repeat(4, 1fr); }
  .time-options button { padding: .4rem .3rem; }
  .reference-page .formula { white-space: normal; }
}
@media print {
  .endpoint-control, .time-control, #share-view { display: none; }
  .mechanism-options button { color: #000; }
  .estimate-table { min-width: 0; }
  .trajectory { break-inside: avoid; }
}