/* The Leggett–Garg inequality: the page for one paradox of quantum mechanics. The institute's screen style: warm paper and
   ink, Inter at two sizes, small mono labels. Colour carries one meaning everywhere on the page and in its figures: cyan is a
   turn between looks and the score it reaches; magenta is what a look moves; the dashed grey line is the bound 1; ink is a
   measured value. */
body.lg-body[data-rpi-page] {
  --lg-paper: #faf8f3; --lg-ink: #1d1d1b; --lg-body: #2a2926; --lg-soft: #3c3a36; --lg-hair: #8a8a8a;
  --lg-cyan: #009fe3; --lg-magenta: #e6007e; --lg-cyan-text: #0072b5; --lg-magenta-text: #c4006b;
  --lg-proved: #0b7a3e; --lg-rs: #ffc328; --lg-open: #c8401f;
  --lg-rule: color-mix(in srgb, var(--lg-ink) 16%, var(--lg-paper));
  --lg-tint: color-mix(in srgb, var(--lg-ink) 4%, var(--lg-paper));
  --lg-display: "Inter Display", "InterVariable", "Inter", -apple-system, "Helvetica Neue", Arial, sans-serif;
  --lg-text: "InterVariable", "Inter", -apple-system, "Helvetica Neue", Arial, sans-serif;
  --lg-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
  background: var(--lg-paper); color: var(--lg-body);
}
@media screen and (prefers-color-scheme: dark) {
  body.lg-body[data-rpi-page] {
    --lg-paper: #141413; --lg-ink: #faf8f3; --lg-body: #e9e6df; --lg-soft: #c9c5bc;
    --lg-cyan: #2bb3f0; --lg-magenta: #ff3d9e; --lg-cyan-text: #2bb3f0; --lg-magenta-text: #ff5aae;
    --lg-proved: #3fb871; --lg-open: #ff6a3d;
  }
}

.lg-page { width: min(calc(100% - 4rem), 75rem); margin: 0 auto; padding: 0 0 5rem;
  font-family: var(--lg-text); font-weight: 420; line-height: 1.42; font-optical-sizing: auto; }
.lg-page a { color: var(--lg-ink); text-decoration-color: var(--lg-cyan); text-decoration-thickness: 2px; text-underline-offset: .18em; }
.lg-page a:hover { color: var(--lg-cyan-text); }
.lg-page i { font-style: italic; }
.lg-page sub, .lg-page sup { font-size: .72em; line-height: 0; }
.lg-page b { color: var(--lg-ink); font-weight: 650; }
.lg-label { margin: 0 0 1rem; font: 700 .75rem/1.3 var(--lg-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--lg-soft); }
.lg-nw { white-space: nowrap; }
.lg-page :focus-visible { outline: 3px solid var(--lg-cyan-text); outline-offset: 3px; }
.lg-visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
html:has(> body.lg-body[data-rpi-page]) { scroll-padding-top: 6rem; }
.lg-read-c { color: var(--lg-cyan-text); font-weight: 650; }
.lg-write-c { color: var(--lg-magenta-text); font-weight: 650; }

/* Opening: the name, the one sentence, the one number, and the picture */
.lg-opening { padding: clamp(1rem, 2vw, 1.5rem) 0 clamp(1.25rem, 2.5vw, 2rem); }
.lg-opening > .lg-label { margin-bottom: .6rem; }
.lg-opening-top { max-width: 54rem; }
body.lg-body .lg-opening h1 { margin: 0 0 .9rem; font-family: var(--lg-display); font-weight: 820;
  font-size: clamp(2.6rem, 5.4vw, 4.9rem); line-height: .94; letter-spacing: -.042em; color: var(--lg-ink); text-wrap: balance;
  text-shadow: 0 0 .5px color-mix(in srgb, var(--lg-ink) 55%, transparent); }
.lg-lede { max-width: 50rem; margin: 0; font-size: clamp(1.1rem, 1.45vw, 1.3rem); font-weight: 450; line-height: 1.32;
  letter-spacing: -.008em; color: var(--lg-ink); }
.lg-number { margin: 0; padding: .9rem 0 0; border-top: 3px solid var(--lg-ink); }
.lg-number .lg-label { margin-bottom: .45rem; }
.lg-num { margin: 0; font-family: var(--lg-display); font-weight: 860; font-size: clamp(2.6rem, 4.6vw, 4.2rem); line-height: .86;
  letter-spacing: -.05em; color: var(--lg-magenta-text); font-variant-numeric: tabular-nums lining-nums; }
.lg-num small { font-size: .5em; font-weight: 780; letter-spacing: -.03em; color: var(--lg-ink); }
.lg-num-cap { margin: .6rem 0 0; font-size: .95rem; line-height: 1.38; color: var(--lg-body); }
.lg-num-cap b { font-variant-numeric: tabular-nums; }

.lg-hero { margin: clamp(1.1rem, 2.2vw, 1.6rem) 0 0; }
.lg-hero figcaption { max-width: 52rem; margin-top: .6rem; font-size: .9rem; line-height: 1.4; color: var(--lg-soft); }

/* The paradox in three lines */
.lg-three { margin: 0; padding: clamp(1.75rem, 3.5vw, 2.5rem) 0 clamp(2rem, 4vw, 3rem); border-bottom: 1px solid var(--lg-rule); }
.lg-three-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .5rem 2rem; margin-bottom: 1.1rem; }
body.lg-body .lg-three-head h2 { margin: 0; font-family: var(--lg-display); font-weight: 780; font-size: clamp(1.45rem, 2.2vw, 1.9rem); line-height: 1.05;
  letter-spacing: -.02em; color: var(--lg-ink); }
.lg-three ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 clamp(1.25rem, 3vw, 2.5rem); }
.lg-three li { margin: 0; padding: .9rem 0 0; border-top: 3px solid var(--lg-ink); }
.lg-three li:nth-child(2) { border-top-color: var(--lg-magenta); }
.lg-three li p { margin: 0 0 .7rem; font-size: 1.04rem; line-height: 1.42; }
.lg-three li p:last-child { margin-bottom: 0; }
.lg-three li .lg-label { margin-bottom: .55rem; font-size: .78rem; color: var(--lg-ink); }
.lg-three .lg-owed { color: var(--lg-body); }
.lg-toc { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; margin: 1.6rem 0 0; padding: 0; }
.lg-toc a { font: 700 .72rem/1.3 var(--lg-mono); letter-spacing: .12em; text-transform: uppercase; text-decoration: none !important;
  color: var(--lg-ink); border-bottom: 2px solid var(--lg-cyan); padding-bottom: .15rem; }
.lg-toc a span { color: var(--lg-soft); margin-right: .45em; }

/* Text sections: heading left, copy right */
.lg-section { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(1.5rem, 4vw, 4rem);
  padding: clamp(2.25rem, 4.5vw, 3.75rem) 0; border-bottom: 1px solid var(--lg-rule); }
.lg-section--part { border-top: 2px solid var(--lg-ink); margin-top: -1px; }
.lg-head { align-self: start; }
body.lg-body .lg-section h2 { margin: 0; max-width: 17ch; text-wrap: balance; font-family: var(--lg-display); font-weight: 780;
  font-size: clamp(1.7rem, 2.8vw, 2.5rem); line-height: 1.05; letter-spacing: -.02em; color: var(--lg-ink); }
.lg-copy > p, .lg-copy > ul, .lg-copy > ol { max-width: 38rem; margin: 0 0 1rem; font-size: 1.1rem; }
.lg-copy > p:last-child { margin-bottom: 0; }
.lg-copy h3 { max-width: 38rem; margin: 1.8rem 0 .6rem; font-family: var(--lg-display); font-weight: 760; font-size: 1.3rem; line-height: 1.15;
  letter-spacing: -.014em; color: var(--lg-ink); }
.lg-eq { max-width: 38rem; margin: 1.2rem 0 1.3rem !important; padding: .1rem 0 .15rem 1.1rem; border-left: 3px solid var(--lg-cyan);
  font-size: clamp(1.1rem, 1.8vw, 1.32rem) !important; font-weight: 460; line-height: 1.45; color: var(--lg-ink);
  font-variant-numeric: lining-nums; overflow-x: auto; overflow-y: hidden; }
.lg-eq--write { border-left-color: var(--lg-magenta); }
.lg-eq span { white-space: nowrap; }
.lg-eq small { display: block; margin-top: .3rem; font-size: .78rem; line-height: 1.35; color: var(--lg-soft); white-space: normal; }
.lg-ref { font-size: .86em; color: var(--lg-soft); }
.lg-cards { max-width: 38rem; margin: 1rem 0 1.25rem; border-collapse: collapse; font-variant-numeric: tabular-nums; font-size: 1rem; }
.lg-cards caption { caption-side: top; text-align: left; margin-bottom: .5rem; font: 700 .72rem/1.3 var(--lg-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--lg-soft); }
.lg-cards th, .lg-cards td { padding: .4rem .9rem .4rem 0; border-bottom: 1px solid var(--lg-rule); text-align: left; }
.lg-cards thead th { border-bottom: 2px solid var(--lg-ink); font: 700 .72rem/1.3 var(--lg-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--lg-ink); }
.lg-cards td.n { font-family: var(--lg-mono); font-size: .95rem; }

/* Live figures under their section, each with the page's own heading */
.lg-figure { margin: 0; padding: clamp(2rem, 4vw, 3rem) 0; border-bottom: 1px solid var(--lg-rule); }
.lg-figure-head { max-width: 46rem; margin-bottom: 1.1rem; }
.lg-figure-head h3 { margin: 0; text-wrap: balance; font-family: var(--lg-display); font-weight: 780; font-size: clamp(1.4rem, 2.2vw, 1.9rem);
  line-height: 1.08; letter-spacing: -.02em; color: var(--lg-ink); }
.lg-figure-note { max-width: 46rem; margin: .6rem 0 0; font-size: .95rem; color: var(--lg-soft); }

/* The road to the test */
.lg-tl { list-style: none; margin: 0; padding: clamp(1.5rem, 3vw, 2.25rem) 0 clamp(2rem, 4vw, 3rem); display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 clamp(1rem, 2.5vw, 2rem); border-bottom: 1px solid var(--lg-rule); }
.lg-tl li { margin: 0; padding: .9rem 0 1.2rem; border-top: 2px solid var(--lg-ink); }
.lg-tl p { margin: 0; }
.lg-tl-year { font-family: var(--lg-display); font-weight: 860; font-size: clamp(1.6rem, 2.4vw, 2.1rem); letter-spacing: -.04em;
  line-height: .95; color: var(--lg-ink); font-variant-numeric: tabular-nums lining-nums; }
.lg-tl-who { margin-top: .45rem !important; font: 700 .7rem/1.35 var(--lg-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--lg-soft); }
.lg-tl-what { margin-top: .35rem !important; font-size: 1rem; line-height: 1.38; color: var(--lg-ink); }
.lg-tl-cite { margin-top: .45rem !important; font-size: .8rem; line-height: 1.35; color: var(--lg-soft); }
.lg-tl-test { border-top-color: var(--lg-magenta) !important; }
.lg-tl-head { grid-column: 1 / -1; padding: 0 0 .6rem !important; border-top: 0 !important; }
body.lg-body .lg-tl-head h2 { margin: 0; font-family: var(--lg-display); font-weight: 780; font-size: clamp(1.45rem, 2.2vw, 1.9rem); line-height: 1.05;
  letter-spacing: -.02em; color: var(--lg-ink); }

/* What it means */
.lg-meaning { padding: clamp(3rem, 6vw, 5rem) 0; border-top: 3px solid var(--lg-ink); border-bottom: 1px solid var(--lg-rule); }
.lg-meaning-head { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); column-gap: clamp(1.5rem, 4vw, 4rem); align-items: start;
  margin-bottom: clamp(2rem, 4vw, 3rem); }
body.lg-body .lg-meaning h2 { margin: 0; font-family: var(--lg-display); font-weight: 820; font-size: clamp(2.2rem, 3.9vw, 3.6rem);
  line-height: .96; letter-spacing: -.038em; color: var(--lg-ink); max-width: 14ch; text-wrap: balance;
  text-shadow: 0 0 .5px color-mix(in srgb, var(--lg-ink) 55%, transparent); }
.lg-meaning-lede { margin: 0 0 1rem; max-width: 40rem; font-size: clamp(1.1rem, 1.45vw, 1.26rem); font-weight: 450; line-height: 1.38; color: var(--lg-ink); }
.lg-meaning-sub { margin: 0; max-width: 40rem; font-size: 1rem; color: var(--lg-soft); }
.lg-truths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.75rem, 3.5vw, 3rem) clamp(1.5rem, 4vw, 4rem); }
.lg-truth { margin: 0; padding-top: 1rem; border-top: 2px solid var(--lg-ink); }
.lg-truth .lg-truth-num { margin: 0 0 .55rem; font: 700 .72rem/1.4 var(--lg-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--lg-soft); }
.lg-tag { display: inline-flex; align-items: center; gap: .45em; margin-left: .6em; color: var(--lg-ink); }
.lg-tag::before { content: ""; width: .7em; height: .7em; background: var(--lg-proved); }
.lg-tag--owed::before { background: transparent; box-shadow: inset 0 0 0 2px var(--lg-open); }
.lg-tag--rs::before { background: var(--lg-rs); }
.lg-truth h3 { margin: 0 0 .7rem; font-family: var(--lg-display); font-weight: 780; font-size: clamp(1.35rem, 2vw, 1.7rem); line-height: 1.08;
  letter-spacing: -.02em; color: var(--lg-ink); text-wrap: balance; }
.lg-truth p { margin: 0 0 .8rem; max-width: 36rem; font-size: 1.05rem; }
.lg-truth p:last-child { margin-bottom: 0; }

/* Hard questions; not claimed */
.lg-qa { max-width: 40rem; margin: 0; }
.lg-qa dt { margin: 0; padding-top: 1rem; border-top: 2px solid var(--lg-ink); font-family: var(--lg-display); font-weight: 760;
  font-size: 1.3rem; line-height: 1.2; letter-spacing: -.012em; color: var(--lg-ink); }
.lg-qa dd { margin: .5rem 0 1.6rem; font-size: 1.08rem; }
.lg-qa dd:last-child { margin-bottom: 0; }
.lg-not { max-width: 38rem; margin: 0; padding: 0; list-style: none; }
.lg-not li { margin: 0; padding: .7rem 0 .7rem 1.6rem; border-top: 1px solid var(--lg-rule); position: relative; font-size: 1.05rem; }
.lg-not li::before { content: "–"; position: absolute; left: 0; top: .72rem; font: 700 .85rem/1.4 var(--lg-mono); color: var(--lg-open); }

/* Read it */
.lg-sources { max-width: 40rem; margin: 0; padding: 0; list-style: none; }
.lg-sources li { margin: 0; padding: .55rem 0; border-top: 1px solid var(--lg-rule); font-size: .98rem; line-height: 1.4; }
.lg-paper { margin: 0 0 1.5rem; padding: 1rem 0 0; border-top: 3px solid var(--lg-ink); max-width: 40rem; }
.lg-paper-title cite { font-style: normal; }
.lg-paper-title { margin: 0 0 .35rem; font-family: var(--lg-display); font-weight: 780; font-size: 1.35rem; line-height: 1.15; letter-spacing: -.018em; color: var(--lg-ink); }
.lg-paper p { margin: 0 0 .5rem; }
.lg-vor { margin-top: .8rem !important; padding: .7rem .9rem; border: 1px dashed var(--lg-hair); font-size: .98rem; }

@media (max-width: 60em) {
  .lg-opening-top { grid-template-columns: minmax(0, 1fr); row-gap: 1.25rem; }
  .lg-three ol { grid-template-columns: minmax(0, 1fr); gap: 1.4rem; }
  .lg-section { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
  .lg-tl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lg-meaning-head { grid-template-columns: minmax(0, 1fr); row-gap: 1.25rem; }
  .lg-truths { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 40em) {
  .lg-page { width: calc(100% - 2.5rem); }
  body.lg-body .lg-opening h1 { font-size: 2.65rem; margin-bottom: .7rem; }
  .lg-lede { font-size: 1.08rem; }
  .lg-number { padding-top: .7rem; }
  .lg-num { font-size: 2.7rem; }
  .lg-num-cap { font-size: .9rem; }
  .lg-tl { grid-template-columns: minmax(0, 1fr); }
  .lg-copy > p, .lg-copy > ul, .lg-copy > ol { font-size: 1.04rem; }
}
@media print {
  .lg-page { width: auto; }
  .lg-toc { display: none; }
}
body.lg-body[data-rpi-page] > .skip { position: absolute; left: -9999px; }
body.lg-body[data-rpi-page] > .skip:focus { position: fixed; left: 1rem; top: 1rem; z-index: 100; padding: .5rem .8rem; background: var(--lg-ink); color: var(--lg-paper); }

.lg-fignum { display: block; margin-bottom: .35rem; font: 700 .72rem/1.3 var(--lg-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--lg-soft); }

.lg-status { max-width: 50rem; margin: .75rem 0 0; padding-left: .8rem; border-left: 3px solid var(--lg-magenta); font-size: .92rem; line-height: 1.42; color: var(--lg-soft); }
.lg-toc { margin: 0; padding: 1.5rem 0 2rem; border-bottom: 1px solid var(--lg-rule); }
/* The set of twelve, at the foot */
.lg-set { margin: clamp(2.5rem, 5vw, 4rem) 0 0; padding-top: 1rem; border-top: 3px solid var(--lg-ink); }
.lg-set .lg-label a { color: var(--lg-ink); text-decoration: underline; text-decoration-color: var(--lg-cyan); text-decoration-thickness: 2px; text-underline-offset: .2em; }
.lg-set ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 clamp(1rem, 2.5vw, 2rem); counter-reset: set; }
.lg-set li { counter-increment: set; margin: 0; padding: .6rem 0 .7rem; border-top: 1px solid var(--lg-rule); font-size: .98rem; line-height: 1.3; color: var(--lg-soft); }
.lg-set li::before { content: counter(set, decimal-leading-zero); display: block; margin-bottom: .25rem; font: 700 .7rem/1 var(--lg-mono); letter-spacing: .12em; color: var(--lg-soft); }
.lg-set li a { color: var(--lg-ink); font-weight: 560; }
.lg-set li[aria-current="page"] { border-top: 3px solid var(--lg-magenta); color: var(--lg-ink); font-weight: 650; }
.lg-set-here { display: block; margin-top: .2rem; font: 700 .68rem/1 var(--lg-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--lg-magenta-text); }
@media (max-width: 60em) { .lg-set ol { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.lg-tl-intro { max-width: 46rem; margin: .5rem 0 0 !important; font-size: 1rem; color: var(--lg-soft); }

/* Specialist detail, folded under the plain account */
.lg-math { max-width: 38rem; margin: 1.2rem 0 0; border-top: 1px solid var(--lg-rule); border-bottom: 1px solid var(--lg-rule); }
.lg-math > summary { cursor: pointer; padding: .7rem 0; font: 700 .75rem/1.4 var(--lg-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--lg-ink); }
.lg-math > summary:hover { color: var(--lg-cyan-text); }
.lg-math > p { margin: 0 0 1rem; font-size: 1.02rem; }
.lg-math > p.lg-eq { font-size: clamp(1.05rem, 1.6vw, 1.22rem) !important; }
@media print { .lg-math > summary { display: none; } }
@media (max-width: 40em) {
  .lg-lede { font-size: 1.02rem; }
  .lg-status { font-size: .84rem; line-height: 1.38; margin-top: .55rem; }
  .lg-hero { margin-top: .9rem; }
}

/* Opening: the name, the one sentence and its status line on the left, the one number on the right, the picture under them */
.lg-opening-top { max-width: none; display: grid; grid-template-columns: minmax(0, 1fr) minmax(15rem, 22rem); column-gap: clamp(1.5rem, 3vw, 3rem); align-items: start; }
body.lg-body .lg-opening h1 { max-width: none; }
.lg-opening-text { max-width: 52rem; }
.lg-number { align-self: start; }
.lg-num { color: var(--lg-cyan-text); }
.lg-hero { margin-top: clamp(1rem, 2vw, 1.4rem); }

/* Figure slots: a live module fills each; until then the hero holds a still drawing and the others say so */
.lg-slot { min-height: 2rem; }
.lg-slot--empty { display: flex; align-items: center; justify-content: center; min-height: 9rem; border: 1px dashed var(--lg-hair); }
.lg-slot--empty p { margin: 0; font: 700 .72rem/1.4 var(--lg-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--lg-soft); }

/* The still curve in the hero: the score K against the turn between looks */
.lg-curve { display: block; width: 100%; height: auto; overflow: visible; font-family: var(--lg-text); }
.lg-curve--phone { display: none; }
.lg-curve .below { fill: var(--lg-hair); opacity: .08; }
.lg-curve .above { fill: var(--lg-cyan); opacity: .14; }
.lg-curve .grid { stroke: var(--lg-rule); stroke-width: 1; }
.lg-curve .axis { stroke: var(--lg-ink); stroke-width: 1.5; }
.lg-curve .tick { stroke: var(--lg-ink); stroke-width: 1; }
.lg-curve .tick-l { font: 500 13px/1 var(--lg-mono); fill: var(--lg-soft); }
.lg-curve .axis-l { font: 700 12px/1 var(--lg-mono); letter-spacing: .12em; fill: var(--lg-soft); }
.lg-curve .bound { stroke: var(--lg-ink); stroke-width: 2; stroke-dasharray: 7 6; opacity: .7; }
.lg-curve .k { fill: none; stroke: var(--lg-cyan); stroke-width: 4; stroke-linejoin: round; stroke-linecap: round; }
.lg-curve .drop { stroke: var(--lg-cyan); stroke-width: 1.5; stroke-dasharray: 2 4; }
.lg-curve .peak { fill: var(--lg-paper); stroke: var(--lg-cyan); stroke-width: 3; }
.lg-curve .big { font-family: var(--lg-display); font-weight: 860; letter-spacing: -.04em; fill: var(--lg-cyan-text); }
.lg-curve .lab { font: 700 12px/1 var(--lg-mono); letter-spacing: .12em; fill: var(--lg-soft); }
.lg-curve .lab-c { fill: var(--lg-cyan-text); }
.lg-curve .mcol { stroke: var(--lg-rule); stroke-width: 1; }
.lg-curve .err { stroke: var(--lg-ink); stroke-width: 2; }
.lg-curve .pt { fill: var(--lg-ink); }
.lg-curve .m-v { font: 500 15px/1 var(--lg-mono); fill: var(--lg-ink); }
.lg-curve .m-s { font: 450 12px/1 var(--lg-text); fill: var(--lg-soft); }

/* Equations that carry the shift are drawn in the colour of what a look moves */
.lg-eq--shift { border-left-color: var(--lg-magenta); }
.lg-tl-head .lg-label { margin-bottom: .45rem; }

@media (max-width: 60em) {
  .lg-opening-top { grid-template-columns: minmax(0, 1fr); row-gap: 1rem; }
}
@media (max-width: 40em) {
  .lg-curve--desk { display: none; }
  .lg-curve--phone { display: block; }
  .lg-number { padding-top: .6rem; }
  .lg-num-cap { margin: .45rem 0 0; }
}
@media (forced-colors: active) {
  .lg-curve .k, .lg-curve .axis, .lg-curve .tick, .lg-curve .err, .lg-curve .bound, .lg-curve .drop, .lg-curve .peak { stroke: CanvasText; }
  .lg-curve text, .lg-curve .pt { fill: CanvasText; }
  .lg-curve .above, .lg-curve .below { fill: transparent; }
  .lg-num { color: CanvasText; }
}

/* The eight triples, scored: one compact table */
.lg-triples-wrap { max-width: 38rem; overflow-x: auto; }
.lg-triples { margin: .4rem 0 .4rem; }
.lg-triples th[scope="row"] { padding-right: 1rem; font: 700 .72rem/1.3 var(--lg-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--lg-soft); white-space: nowrap; }
.lg-triples th[scope="row"] i { text-transform: none; font-family: var(--lg-text); font-size: 1rem; letter-spacing: 0; color: var(--lg-ink); }
.lg-triples td.n { padding: .45rem .55rem; text-align: center; letter-spacing: .06em; }
.lg-triples tr:first-child td, .lg-triples tr:first-child th { border-bottom: 2px solid var(--lg-ink); }
.lg-triples td.lg-low { color: var(--lg-soft); }
.lg-triples-note { margin-top: 0 !important; font-size: .9rem !important; color: var(--lg-soft); }

@media (max-width: 40em) {
  .lg-triples td.n { padding: .4rem .25rem; font-size: .85rem; letter-spacing: 0; }
  .lg-triples th[scope="row"] { padding-right: .4rem; }
}
@media (max-width: 60em) { .lg-truths { grid-template-columns: minmax(0, 1fr); } }


/* The line under the three lines' heading that names the record */
.lg-three-head { flex-direction: column; align-items: flex-start; }
.lg-three-intro { max-width: 52rem; margin: 0; font-size: 1rem; line-height: 1.42; color: var(--lg-body); }

/* On a phone the live hero, with its K readout, comes straight after the sentence and its status line; the number block follows it */
@media (max-width: 40em) {
  .lg-opening { display: flex; flex-direction: column; }
  .lg-opening-top { display: contents; }
  .lg-opening-text { order: 1; }
  .lg-hero { order: 2; }
  .lg-number { order: 3; margin-top: 1.25rem; }
}

/* Long DOIs in the reference list may break anywhere on narrow screens */
.lg-sources li { overflow-wrap: anywhere; }

/* Desktop: the number block's caption a touch smaller, so the live hero and its slider stay in the first screen */
@media (min-width: 60.01em) { .lg-num-cap { font-size: .9rem; line-height: 1.36; } }


/* Desktop: a tighter gap above the live hero, so its slider stays in the 1440x900 first screen */
@media (min-width: 60.01em) { .lg-opening .lg-hero { margin-top: .6rem; } }

/* The set label at the top links back to the gathering page */
.lg-eyebrow a { color: inherit; text-decoration: none; border-bottom: 1px solid var(--lg-hair); }
.lg-eyebrow a:hover { color: var(--lg-ink); border-bottom-color: var(--lg-cyan); }

/* The version of record: a plain link line, not the old dashed placeholder box */
.lg-vor { border: 0 !important; padding: 0 !important; font-weight: 560; }