/* Homepage contents reuse the project pages' quiet sidebar treatment. */
.home-page .site-header, .home-page .site-footer, .home-layout { width: min(1156px, calc(100% - 64px)); margin-inline: auto; }
.home-layout { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 36px; }
.home-layout > .home-content { width: 100%; min-width: 0; margin: 0; }
.home-toc { position: sticky; top: 28px; align-self: start; margin-top: 58px; }
.home-toc-disclosure summary { cursor: pointer; padding: 6px 8px 12px; font-size: 14px; font-weight: 600; }
.home-toc-disclosure summary::marker { color: var(--link); }
.home-toc-current { display: none; }
.home-toc-nav { display: grid; gap: 2px; padding: 4px 0; max-height: calc(100vh - 120px); max-height: calc(100dvh - 120px); overflow-y: auto; overscroll-behavior: contain; }
.home-toc-nav a { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 6px; align-items: baseline; min-height: 44px; padding: 9px 6px; border-left: 2px solid transparent; color: var(--muted); font-size: 14px; line-height: 1.55; }
.home-toc-nav a > span:first-child { font-size: 12px; font-variant-numeric: tabular-nums; }
.home-toc-nav a:hover { color: var(--link); text-decoration: none; background: #f5f7f3; }
.home-toc-nav a[aria-current="location"] { color: var(--link); border-left-color: var(--link); background: #f0f4ed; }

@media (max-width: 1199px) {
  .home-page .site-header, .home-page .site-footer, .home-layout { width: min(960px, calc(100% - 64px)); }
  .home-layout { display: block; }
  .home-toc { top: 0; z-index: 5; margin-top: 0; background: var(--paper); border-bottom: 1px solid var(--line); }
  .home-toc-disclosure summary { min-height: 48px; padding: 12px 8px; font-size: 15px; }
  .home-toc-current { display: inline; float: right; max-width: 58%; color: var(--muted); font-weight: 400; }
  .home-toc-nav { max-height: calc(100vh - 100px); max-height: calc(100dvh - 100px); padding-bottom: 10px; }
  .home-toc-nav a { font-size: 15px; }
  .home-content :is(#about, #publications, #accepted-publications, #ongoing, #projects, #education, #honors) { scroll-margin-top: 72px; }
}
@media (max-width: 800px) {
  .home-page .site-header, .home-page .site-footer, .home-layout { width: calc(100% - 44px); }
}
@media (max-width: 570px) {
  .home-page .site-header, .home-page .site-footer, .home-layout { width: calc(100% - 36px); }
}
@media print {
  .home-layout { display: block; width: 100%; }
  .home-toc { display: none; }
}
