@import url('./styles/tokens.css?v=top1-release-20260806-015801');
@import url('./styles/shell.css?v=top1-release-20260806-015801');
@import url('./styles/training.css?v=top1-release-20260806-015801');
@import url('./styles/problem-library.css?v=top1-release-20260806-015801');
@import url('./styles/problem.css?v=top1-release-20260806-015801');
@import url('./styles/record.css?v=top1-release-20260806-015801');
@import url('./styles/profile.css?v=top1-release-20260806-015801');
@import url('./styles/profile-edit.css?v=top1-release-20260806-015801');
@import url('./styles/homework-ranking.css?v=top1-release-20260806-015801');

@media (max-width: 1100px) {
  .top1-app .top1-header { grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; padding: 0 16px; }
  .top1-app .top1-header__nav { overflow-x: auto; white-space: nowrap; }
  .top1-app .top1-header__nav a { flex: none; padding: 8px 9px; }
}

@media (max-width: 640px) {
  .top1-app .top1-header { grid-template-columns: 1fr auto; }
  .top1-app .top1-header__nav { grid-column: 1 / -1; padding-bottom: 8px; }
  .top1-app .top1-shell { width: min(100% - 28px, 900px); }
}