.home-page .page-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(min-content, 1.5fr) auto;
  align-items: start;
  gap: var(--space-4);
  margin-bottom: var(--space-6);
}
.home-page .home-header-actions { grid-column: 2; grid-row: 1; min-width: 0; justify-content: flex-end; flex-wrap: nowrap; margin-bottom: 0; gap: var(--space-2); }
.home-page .page-header-copy { grid-column: 1; grid-row: 1; }
.home-page .semester-selector { grid-column: 3; grid-row: 1; justify-self: end; }
.home-page .home-continue { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); min-width: min-content; }
.home-page .home-reviewed-status { margin: 0; color: var(--color-muted); font-size: var(--text-sm); }
.home-page .home-dashboard { gap: var(--density-gap); }
.home-page .home-metrics { gap: var(--density-gap); }
.home-page .home-metric { padding: var(--density-card-space); box-shadow: none; }
.home-page .home-metric h2 { font-weight: 500; line-height: var(--line-normal); }
.home-page .home-metric .metric-value { font-variant-numeric: tabular-nums; }
.home-page .home-metric-icon { background: var(--color-surface-soft); color: var(--color-muted); }
.home-page .home-completion { padding: var(--space-4); background: var(--color-surface); border: 1px solid var(--color-line); border-radius: var(--radius-md); }
.home-page .home-completion h2 { font-size: var(--text-md); }
.home-page .home-completion-chart { height: var(--space-2); background: var(--color-surface-soft); }
.home-page [data-status="not-started"] { --home-series: var(--chart-1); }
.home-page [data-status="in-progress"] { --home-series: var(--chart-2); }
.home-page [data-status="ready-for-draft"] { --home-series: var(--chart-3); }
.home-page [data-status="drafted"] { --home-series: var(--chart-4); }
.home-page [data-status="reviewed"] { --home-series: var(--chart-5); }
.home-page .home-completion-legend { justify-content: flex-start; gap: var(--space-2) var(--space-5); line-height: var(--line-normal); }
.home-page .home-completion-legend li { white-space: nowrap; }
.home-page .home-series-marker { width: var(--space-2); height: var(--space-2); }
.home-page .home-completion-legend [data-empty="true"] { color: var(--color-muted); }
.home-page .home-panels { grid-template-columns: minmax(0, 1fr); }
.home-page .home-work, .home-page .home-drafts { padding: var(--density-card-space); box-shadow: none; }
.home-page .home-panel-heading { margin-bottom: var(--space-2); background: transparent; }
.home-page .home-panel-heading h2 { margin-bottom: 0; }
.home-page .home-view-all { display: inline-flex; align-items: center; gap: var(--space-1); white-space: nowrap; text-decoration: none; font-size: var(--text-sm); }
.home-page .home-work-row { grid-template-columns: 36px minmax(7rem, 1fr) minmax(7rem, .8fr) minmax(8rem, 1.4fr) var(--space-5); min-height: var(--density-list-height); padding-block: var(--density-row-space); }
.home-page .home-work-row > .chip, .home-page .home-work-task, .home-page .home-work-row > a { grid-column: auto; grid-row: auto; }
.home-page .home-work-row > .chip { justify-self: start; }
.home-page .home-work-row > a { display: inline-flex; align-items: center; min-width: 0; min-height: var(--control-min-height); padding: 0; margin: 0; border: 0; background: transparent; color: var(--color-ink); font-size: var(--text-sm); font-weight: 600; text-decoration: none; }
.home-page .home-work-row > .icon { color: var(--color-muted); }
.home-page .home-drafts-body { flex-direction: row; justify-content: flex-start; text-align: left; padding: 0; }
.home-page .home-drafts-icon { width: 3rem; height: 3rem; }
.home-page .home-drafts-body a { margin-left: auto; }
@media (max-width: 1279px) {
  .home-page .semester-caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .home-page .home-work-row { grid-template-columns: 36px minmax(0, 1fr) var(--space-5); gap: var(--space-1) var(--space-2); }
  .home-page .home-work-row .avatar { grid-column: 1; grid-row: 1 / 4; }
  .home-page .home-work-row > a { grid-column: 2; grid-row: 1; }
  .home-page .home-work-row > .chip { grid-column: 2; grid-row: 2; justify-self: start; }
  .home-page .home-work-task { grid-column: 2; grid-row: 3; margin: 0; font-size: var(--text-xs); }
  .home-page .home-work-row > .icon { grid-column: 3; grid-row: 1 / 4; }
}
@media (max-width: 1023px) {
  .home-page .page-header { grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-2); margin-bottom: var(--space-4); }
  .home-page .home-header-actions { display: contents; }
  .home-page .page-header-copy { grid-column: 1; grid-row: 1; min-width: 0; }
  .home-page .semester-selector { grid-column: 1; grid-row: 2; justify-self: start; }
  .home-page .home-header-actions > .class-actions-menu { grid-column: 2; grid-row: 1; justify-self: end; }
  .home-page .home-reviewed-status, .home-page .home-continue { grid-column: 1 / -1; grid-row: 3; }
  .home-page .home-continue { display: flex; align-items: center; justify-content: center; gap: var(--space-2); width: 100%; }
  .home-page .home-dashboard { gap: var(--space-4); }
  .home-page .home-metrics { gap: var(--space-3); }
  .home-page .home-metric { padding: var(--space-2); gap: var(--space-1); }
  .home-page .home-metric-icon { width: 1.5rem; height: 1.5rem; background: transparent; }
  .home-page .home-metric .metric-value { font-size: var(--text-lg); }
  .home-page .home-completion { padding: var(--space-3); order: 0; }
  .home-page .home-completion-legend { gap: var(--space-2) var(--space-3); font-size: var(--text-xs); }
  .home-page .home-work, .home-page .home-drafts { padding: var(--space-3); }
  .home-page .home-work-row { padding-block: var(--density-row-space); }
  .home-page .home-work-row > .chip { padding-inline: var(--space-2); }
  .home-page .home-drafts-body { flex-wrap: wrap; gap: var(--space-2); }
  .home-page .home-drafts-body p { flex: 1 1 10rem; font-size: var(--text-sm); }
  .home-page .home-drafts-body a { margin-left: 0; }
}
@media (max-width: 767px) {
  .home-page .page-header { row-gap: var(--space-1); margin-bottom: var(--space-2); }
  .home-page .semester-selector { grid-column: 1 / -1; flex-wrap: nowrap; }
  .home-page .semester-selector select { min-width: 0; }
  .home-page .home-dashboard, .home-page .home-panels { gap: var(--space-2); }
  .home-page .home-metrics { gap: var(--space-1); }
  .home-page .home-metric { padding: var(--space-1); row-gap: 0; }
  .home-page .home-metric .metric-value { font-size: var(--text-md); }
  .home-page .home-completion { padding: var(--space-2); }
  .home-page .home-completion h2 { margin-bottom: var(--space-1); }
  .home-page .home-completion-legend { row-gap: 0; margin-top: var(--space-1); }
}
@media (max-width: 374px) {
  .home-page .page-header { column-gap: var(--space-2); }
  .home-page .home-metric { padding: var(--space-2); }
}
@media (max-width: 360px) {
  .home-page .semester-caption { display: none; }
  .home-page .page-header-copy p { display: none; }
  .home-page .page-header h1 { font-size: var(--text-xl); }
  .home-page .home-metric, .home-page .home-work-row { padding-block: var(--space-1); }
  .home-page .home-work-row { padding-block: 0; row-gap: 0; }
  .home-page .home-metric .metric-value { font-size: var(--text-md); }
  .home-page .home-completion { order: 1; }
}