/* Restore the handoff font and keep desktop homepage text compact. */
:root {
  --font-family-base: 'CaseCodeLatin', 'Microsoft YaHei', '微软雅黑', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
}
body { font-family: var(--font-family-base); }
.app-viewport .hero .hero-title { font-weight: 600; }
.app-viewport .hero .hero-title-left { font-weight: 400; }
.app-viewport .header .nav-menu .nav-item { font-size: 16px; }
@media (min-width: 769px) {
  /* A 1440px handoff preview renders 1920px artwork at 75%. Cap the
     reference unit at that size so wider desktop windows stay compact. */
  .app-viewport { --home-type-unit: min(var(--card-reference-unit, 1px), .75px); }
  html .app-viewport .app .case-card .card-title { font-size: calc(var(--home-type-unit) * 14); }
  html .app-viewport .app .case-card.hover-active .card-title { font-size: calc(var(--home-type-unit) * 18); }
  html .app-viewport .app .case-card .card-author { font-size: calc(var(--home-type-unit) * 12); }
  .app-viewport .hero .featured-title { font-size: calc(var(--home-type-unit) * 24 + 2px); }
  .app-viewport .hero .featured-subtitle { font-size: calc(var(--home-type-unit) * 20); }
  .app-viewport .hero .featured-desc { font-size: max(10px, calc(var(--home-type-unit) * 12)); }
  .app-viewport .hero .hero-title-left { font-size: clamp(28px, 1.875vw, 34.5px); }
  .app-viewport .hero .hero-title { font-size: clamp(24px, 1.796875vw, 54px); }
  .app-viewport .hero .hero-subtitle-left { font-size: clamp(16px, 1.125vw, 17.25px); }
  .app-viewport .hero .hero-tagline { font-size: 12px; }
  .app-viewport .category-filter .filter-name { font-size: 12px; }
  .app-viewport .card-featured-tag { font-size: 12px; }
}
@media (max-width: 768px) {
  .app-viewport .header .nav-menu .nav-item { font-size: 14px; }
}