/* Reuse the shared demos palette, typography, header, buttons and slider. */
header, main { max-width: 1080px; }
header nav a { text-decoration: none; }
main { max-width: 900px; padding-top: 16px; }
.heading { max-width: 720px; margin-bottom: 24px; }
.heading > p:last-child { font-size: 16px; line-height: 1.65; }
.eyebrow a { color: inherit; text-decoration: none; }
.eyebrow a:hover { text-decoration: underline; text-underline-offset: 3px; }
#cone-opening-20261011 {
  --foreground: var(--ink);
  --border: var(--line);
  --viz-series-1: #74d4c4;
  --viz-series-2: #e6c27a;
  --viz-series-3: #ee8b9d;
}
.viz-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.text-small { font-size: 12px; }
.text-muted { color: var(--muted); }
.tabular-nums, math mn { font-variant-numeric: tabular-nums; }
.form-label { display: block; margin: 20px 0 4px; color: var(--ink); }
.form-label output { color: var(--muted); }
.breadth-control { width: 100%; margin: 0; }
.co-drawing text { font: 13px Inter, system-ui, sans-serif; }
.co-readouts { font-size: 13px; color: var(--muted); }
.co-readouts strong { font-weight: 500; color: var(--ink); }
.co-equation { border-top: 1px solid var(--line); padding-top: 16px; }
.co-equation summary { color: var(--accent); font-size: 13px; }
.co-equation p { color: var(--muted); line-height: 1.7; }
.co-equation math { font-size: 20px; }
.co-equation strong { color: var(--ink); font-weight: 500; }
.co-legend { color: var(--muted); }
@media (max-width: 600px) {
  .heading > p:last-child { font-size: 14px; }
  .co-equation math { font-size: 17px; }
}
#cone-opening-20261011 .co-figure { margin: 4px 0; }
  #cone-opening-20261011 .co-drawing { display: block; width: 100%; overflow: visible; }
  #cone-opening-20261011 .co-drawing text { fill: var(--foreground); }
  #cone-opening-20261011 .co-legend { gap: 10px 20px; margin-bottom: 18px; }
  #cone-opening-20261011 .co-swatch { display: inline-block; width: 14px; height: 12px; margin-right: 5px; background: color-mix(in srgb, var(--viz-series-1) 24%, transparent); }
  #cone-opening-20261011 .co-ends { justify-content: space-between; }
  #cone-opening-20261011 .co-readouts { gap: 10px 24px; margin-top: 16px; }
  #cone-opening-20261011 .co-equation { margin-top: 18px; }
  #cone-opening-20261011 .co-equation summary { cursor: pointer; }
  #cone-opening-20261011 .co-equation-scroll { overflow-x: auto; padding: 12px 0; }
  #cone-opening-20261011 .co-equation math { font-family: "Cambria Math", "STIX Two Math", math; white-space: nowrap; text-align: left; }
  #cone-opening-20261011 .co-equation p { margin: 0 0 8px; }