/* Shared base styles for app pages (stats, sponsor, success, cancel, seeding-kit) */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root { --green: #16a34a; --green-light: #dcfce7; --border: #e5e7eb; --text: #111827; --muted: #6b7280; --surface: #f9fafb; }
html { scroll-behavior: smooth; }
body { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #fff; color: var(--text); line-height: 1.6; }
nav { display: flex; align-items: center; justify-content: space-between; padding: 16px 40px; border-bottom: 1px solid var(--border); max-width: 960px; margin: 0 auto; }
.logo { font-weight: 700; font-size: 1.05rem; color: var(--text); text-decoration: none; display: flex; align-items: center; gap: 8px; }
.logo-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--green); display: inline-block; }
.nav-links { display: flex; align-items: center; gap: 20px; }
.nav-links a { color: var(--muted); text-decoration: none; font-size: 0.875rem; font-weight: 500; }
.nav-links a:hover { color: var(--text); }
a:focus-visible, button:focus-visible { outline: 2px solid #16a34a; outline-offset: 3px; border-radius: 4px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: absolute; left: -9999px; top: 8px; background: var(--green); color: #fff; padding: 8px 16px; border-radius: 4px; font-weight: 600; font-size: 0.85rem; z-index: 100; text-decoration: none; }
.skip-link:focus { left: 16px; }
@media (max-width: 600px) {
  nav { padding: 14px 20px; }
  .nav-links { gap: 12px; }
  .nav-links a { font-size: 0.78rem; }
}