/* This reader inherits the memo design. All additions are scoped to the AMS note. */
.ams-note .ams-source-text > :is(p, ul, ol, h2, h3, h4, .equation-block),
.ams-note .ams-endnotes {
  width: min(74ch, 100%);
  margin-inline: auto;
}
.ams-note .ams-source-text p { margin-block: 1.15rem; }
.ams-note .ams-source-text h4 {
  margin-top: 2.6rem;
  margin-bottom: 1.1rem;
  color: var(--marble);
  font: 400 1rem/1.5 "Unbounded", sans-serif;
}
.ams-note .equation-block {
  overflow-x: auto;
  overflow-y: hidden;
  margin-block: 1.8rem;
  padding: 8px 3px;
  scrollbar-width: thin;
  overscroll-behavior-inline: contain;
}
.ams-note .equation-block mjx-container[display="true"] { margin: 0.75em 0; }
.ams-note .ams-inline-math {
  display: inline-block;
  max-width: 100%;
  padding-block: 3px;
  overflow-x: auto;
  overflow-y: hidden;
  vertical-align: middle;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
}
.ams-note .ams-ref { display: inline; min-height: 0; }
.ams-note :is(h2, h3, h4, .equation-block, .ams-endnotes p) { scroll-margin-top: 100px; }
.ams-note .ams-source-text > p { overflow-wrap: break-word; }
.ams-note .ams-source-figure { width: min(900px, 100%); }
.ams-note .ams-source-figure img { height: auto; }
.ams-note figcaption,
.ams-note .ams-help,
.ams-note .ams-data {
  color: var(--marble-muted);
  font-size: 0.83rem;
  line-height: 1.7;
}
.ams-note figcaption { max-width: 74ch; margin: 18px auto 0; }
.ams-note .ams-interactive {
  width: min(920px, 100%);
  margin-block: clamp(38px, 6vw, 62px);
  padding-block: 28px;
  border-block: 1px solid var(--line);
  font-variant-numeric: tabular-nums;
}
.ams-note .ams-interactive h3 { margin: 0 0 16px; }
.ams-note .ams-interactive .ams-figure-intro { max-width: 67ch; margin: 0 0 24px; }
.ams-note .ams-live[hidden],
.ams-note .ams-fallback[hidden] { display: none; }
.ams-note .ams-chart { display: block; width: 100%; height: auto; overflow: visible; }
.ams-note .ams-chart text { fill: var(--marble-soft); font: 12px "Sora", sans-serif; }
.ams-note .ams-chart .ams-axis-label { fill: var(--marble); font-size: 13px; }
.ams-note .ams-grid { stroke: var(--line); stroke-width: 1; }
.ams-note .ams-axis { stroke: var(--marble-muted); stroke-width: 1; }
.ams-note .ams-curve { fill: none; stroke: var(--focus); stroke-width: 2.5; stroke-linejoin: round; }
.ams-note .ams-tail { fill: var(--focus); fill-opacity: 0.4; }
.ams-note .ams-center { fill: var(--marble); fill-opacity: 0.045; }
.ams-note .ams-threshold { stroke: var(--focus); stroke-width: 1.3; stroke-dasharray: 5 5; }
.ams-note .ams-error-bar { fill: none; stroke: var(--focus); stroke-width: 1.5; }
.ams-note .ams-point { fill: var(--aegean); stroke: var(--focus); stroke-width: 2; }
.ams-note .ams-selected-point { fill: var(--marble); stroke: var(--aegean); stroke-width: 2; }
.ams-note .ams-point-ring { fill: none; stroke: var(--marble); stroke-width: 1; }
.ams-note :is(.ams-selected-point, .ams-point-ring) { pointer-events: none; }
.ams-note .ams-controls {
  display: grid;
  grid-template-columns: minmax(170px, auto) minmax(120px, 1fr);
  align-items: center;
  gap: 10px 22px;
  margin-bottom: 20px;
  color: var(--marble);
  font-size: 0.86rem;
}
.ams-note .ams-controls label { line-height: 1.6; }
.ams-note .ams-controls output { display: inline-block; min-width: 4ch; margin-left: 10px; color: var(--focus); }
.ams-note input[type="range"] { width: 100%; min-height: 44px; margin: 0; accent-color: var(--focus); cursor: pointer; }
.ams-note .ams-scale-label { grid-column: 1 / -1; display: flex; gap: 16px; align-items: center; }
.ams-note select { min-height: 44px; border: 1px solid var(--line); padding: 8px 30px 8px 12px; border-radius: 0; background: var(--aegean); color: var(--marble); font: inherit; cursor: pointer; }
.ams-note .ams-tail-values { display: flex; justify-content: space-between; gap: 12px; padding-top: 6px; }
.ams-note .ams-tail-values p { margin: 0; color: var(--marble-muted); font-size: 0.8rem; }
.ams-note .ams-tail-values strong { display: block; color: var(--focus); font-size: 1.05rem; font-weight: 400; }
.ams-note .ams-readout { min-height: 3.4em; margin: 22px 0 8px; color: var(--marble); font-size: 0.9rem; line-height: 1.7; }
.ams-note .ams-help { margin: 8px 0 0; }
.ams-note .ams-data { margin-top: 20px; }
.ams-note .ams-data summary { min-height: 44px; padding-block: 10px; color: var(--marble); cursor: pointer; text-decoration: underline; text-underline-offset: 4px; }
.ams-note .ams-data .memo-table-wrap { margin-block: 18px; }
.ams-note .ams-data .memo-table { min-width: 0; font-size: 0.82rem; }
.ams-note .ams-data :is(th, td) { padding: 12px 8px; }
.ams-note .ams-data caption { text-align: left; margin-bottom: 12px; }
.ams-note :is(input, select, summary, .equation-block, .ams-inline-math):focus-visible { outline: 2px solid var(--focus); outline-offset: 4px; }
.ams-note .ams-skip { position: fixed; z-index: 10; left: 20px; top: -100px; padding: 12px 18px; background: var(--marble); color: var(--aegean); }
.ams-note .ams-skip:focus { top: 10px; }
.ams-note .ams-skip:not(:focus) { clip-path: inset(50%); }
@media (max-width: 600px) {
  .ams-note .ams-controls { grid-template-columns: 1fr; gap: 2px; }
  .ams-note .ams-scale-label { margin-top: 8px; }
  .ams-note .ams-interactive { padding-block: 22px; }
  .ams-note .ams-chart text { font-size: 11px; }
  .ams-note .ams-readout { min-height: 5.1em; }
  .ams-note .ams-data th { letter-spacing: 0; font-family: "Sora", sans-serif; }
  .ams-note .equation-block { font-size: 0.88em; }
}
@media print {
  .ams-note :is(.memo-return, .ams-skip, .ams-controls, .ams-help, .site-footer) { display: none; }
  .ams-note .memo-page { padding-top: 0; }
  .ams-note .ams-interactive { break-inside: avoid; }
}