/* src/pages/index.astro から移植 */
  .top-title { margin: 16px 0 4px; font-size: 18px; font-weight: 900; }
  @media (min-width: 768px) { .top-title { margin-top: 20px; font-size: 22px; } }
  .top-lead { margin: 0 0 14px; font-size: 13px; line-height: 1.6; color: var(--text-2); }
  .top-section { margin-top: 32px; }
  .top-guides { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 8px; }
  .top-guide-copy { max-width: 720px; line-height: 1.8; }
  .top-comparison-link { display: inline-block; padding: 10px 14px; border-radius: var(--radius); background: var(--surface); color: var(--text); font-weight: 700; text-decoration: none; }
  .top-guide {
    display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border-radius: var(--radius);
    background: var(--surface); color: var(--text); text-decoration: none;
  }
  .top-guide:hover { color: var(--accent); }
  .top-guide__title { font-size: 15px; font-weight: 700; line-height: 1.5; }
  .top-guide__meta { font-size: 12px; color: var(--muted); }
  .top-sites { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 8px; margin: 0; }
  .top-site { padding: 12px 16px; border-radius: var(--radius); background: var(--surface); }
  .top-site dt { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 900; margin-bottom: 6px; }
  .top-site dd { margin: 0; font-size: 13px; line-height: 1.7; color: var(--text-2); }
  .top-note { margin: 12px 0 0; font-size: 12px; line-height: 1.7; color: var(--muted); }