body[data-page="home"] .guide-section {
  scroll-margin-top: 16px;
}

body[data-page="home"] .guide-section + .guide-section {
  margin-top: 20px;
}

body[data-page="home"] .guide-section-title {
  margin: 0 0 4px;
  color: var(--accent);
  font-size: 1.35rem;
  line-height: 1.2;
}

body[data-page="home"] .guide-section-summary {
  margin: 0;
  color: var(--text-muted);
  font-size: 0.9rem;
  line-height: 1.5;
}

body[data-page="home"] .guide-section-meta {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 8px;
}

body[data-page="home"] .guide-section-meta .page-updated-at {
  position: static;
  margin: 0;
}

body[data-page="home"] [data-guide-list="routes"] .character-table th:nth-child(1),
body[data-page="home"] [data-guide-list="routes"] .character-table td:nth-child(1) { width: 23%; }
body[data-page="home"] [data-guide-list="routes"] .character-table th:nth-child(2),
body[data-page="home"] [data-guide-list="routes"] .character-table td:nth-child(2) { width: 16%; }
body[data-page="home"] [data-guide-list="routes"] .character-table th:nth-child(3),
body[data-page="home"] [data-guide-list="routes"] .character-table td:nth-child(3) { width: 23%; }
body[data-page="home"] [data-guide-list="routes"] .character-table th:nth-child(4),
body[data-page="home"] [data-guide-list="routes"] .character-table td:nth-child(4) { width: 16%; }
body[data-page="home"] [data-guide-list="routes"] .character-table th:nth-child(5),
body[data-page="home"] [data-guide-list="routes"] .character-table td:nth-child(5) { width: 22%; }

body[data-page="home"] [data-guide-list="stills"] .character-table th:nth-child(1),
body[data-page="home"] [data-guide-list="stills"] .character-table td:nth-child(1) { width: 48%; }
body[data-page="home"] [data-guide-list="stills"] .character-table th:nth-child(2),
body[data-page="home"] [data-guide-list="stills"] .character-table td:nth-child(2) { width: 30%; }
body[data-page="home"] [data-guide-list="stills"] .character-table th:nth-child(3),
body[data-page="home"] [data-guide-list="stills"] .character-table td:nth-child(3) { width: 22%; }

@media (max-width: 850px) {
  body[data-page="home"] .guide-section .panel { margin-bottom: 4px; }
}

@media (max-width: 600px) {
  body[data-page="home"] .guide-section-title { font-size: 1.2rem; }
  body[data-page="home"] .guide-section-summary { font-size: 0.8rem; line-height: 1.4; }
}