/* The summary graph occupies the remaining height beneath the two summaries. */
.summary-daily-chart{position:relative;min-width:0;display:flex;flex-direction:column;gap:var(--space)}
.summary-chart-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}
.summary-chart-header h2{grid-column:1;grid-row:1;white-space:nowrap}
.summary-chart-controls{grid-column:2;grid-row:1;justify-self:center;flex-wrap:nowrap;max-width:100%;overflow-x:auto}
.summary-chart-controls button{flex-shrink:0;font-size:.78rem;white-space:nowrap;padding:calc(var(--space) / 2) var(--space)}
.summary-series[data-subject="1000000"]{--subject-color:#91c4ff}
.summary-series[data-subject="2000000"]{--subject-color:#f2949a}
.summary-series[data-subject="3000000"]{--subject-color:#f1bc76}
.summary-series[data-subject="4000000"]{--subject-color:#a6d6a3}
.summary-series[data-color="0"]{--subject-color:#91c4ff}
.summary-series[data-color="1"]{--subject-color:#f2949a}
.summary-series[data-color="2"]{--subject-color:#f1bc76}
.summary-series[data-color="3"]{--subject-color:#a6d6a3}
.summary-series[data-color="4"]{--subject-color:#d2b3ed}
.summary-series[data-color="5"]{--subject-color:#8fd4d0}
.summary-series[data-color="6"]{--subject-color:#e0d17b}
.summary-series[data-color="7"]{--subject-color:#dbaeca}
.summary-daily-chart .attempt-chart-scroll{margin:0;min-height:0;height:240px;flex:1}
.summary-daily-chart .attempt-chart-canvas,.summary-daily-chart .attempt-chart-svg{height:100%;min-height:0}
.summary-daily-chart p{margin:0}
.summary-level-line{fill:none;stroke:var(--subject-color);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:9 .4;vector-effect:non-scaling-stroke}
.summary-level-dot{fill:var(--subject-color);stroke:var(--panel);stroke-width:.7;vector-effect:non-scaling-stroke}
.summary-day{outline:none}
.summary-day-hit{fill:transparent;cursor:pointer}
.summary-day:focus-visible .summary-day-hit{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 4}
.summary-daily-chart .summary-tooltip-subject{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space);color:var(--subject-color)}
.summary-tooltip-subject>span:last-child{text-align:right}
.summary-daily-chart .attempt-chart-tooltip strong{text-align:center}
.summary-daily-chart .attempt-chart-tooltip::after{content:none}

  .view[data-page="summary"].active{height:calc(100dvh - 2 * var(--space));display:flex;flex-direction:column}
  .view[data-page="summary"]>.content-stack{flex:1;min-height:0;grid-template-rows:auto auto minmax(0,1fr)}
  .summary-daily-chart .attempt-chart-scroll{height:auto}


.summary-daily-chart .summary-date-tick{font-size:10px}