/* SoloTrack — shared styles for legal, blog, docs, and support pages. */
:root {
  --blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-500:#3b82f6;
  --blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;
  --sky-50:#f0f9ff;--sky-400:#38bdf8;
  --slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;
  --slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;
  --slate-800:#1e293b;--slate-900:#0f172a;
  --green-500:#22c55e;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  color:var(--slate-800);line-height:1.65;background:#fff;-webkit-font-smoothing:antialiased;
}
a{color:var(--blue-700)}
a:hover{color:var(--blue-800)}
img{max-width:100%;height:auto}
.skip-link{position:absolute;left:-9999px;top:0;background:#fff;color:var(--blue-700);
  padding:8px 12px;border-radius:6px;z-index:200}
.skip-link:focus{left:8px;top:8px}

/* Nav */
.site-nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.92);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--slate-200)}
.nav-inner{max-width:1100px;margin:0 auto;padding:0 24px;height:64px;display:flex;
  align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.nav-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.2rem;
  color:var(--blue-700);text-decoration:none}
.nav-logo svg{width:30px;height:30px}
.nav-links{display:flex;gap:24px;flex-wrap:wrap}
.nav-links a{text-decoration:none;color:var(--slate-600);font-size:.9rem;font-weight:500}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--blue-700)}
.nav-cta{background:var(--blue-600);color:#fff !important;padding:8px 18px;
  border-radius:8px;font-weight:600}
.nav-cta:hover{background:var(--blue-700)}

/* Page shell */
.page-hero{background:linear-gradient(180deg,var(--sky-50) 0%,#fff 100%);
  padding:80px 24px 56px;border-bottom:1px solid var(--slate-100)}
.page-hero-inner{max-width:820px;margin:0 auto;text-align:center}
.page-hero h1{font-size:clamp(2rem,4.6vw,2.9rem);font-weight:800;line-height:1.15;
  color:var(--slate-900);letter-spacing:-.02em;margin-bottom:14px}
.page-hero p.lead{font-size:1.1rem;color:var(--slate-500);max-width:640px;margin:0 auto}
.page-hero .meta{font-size:.85rem;color:var(--slate-400);margin-top:14px}

.breadcrumbs{max-width:820px;margin:0 auto;padding:18px 24px 0;font-size:.85rem;
  color:var(--slate-500)}
.breadcrumbs a{color:var(--slate-500);text-decoration:none}
.breadcrumbs a:hover{color:var(--blue-700);text-decoration:underline}
.breadcrumbs span{margin:0 6px;color:var(--slate-300)}

main.prose{max-width:760px;margin:0 auto;padding:48px 24px 80px}
main.prose h2{font-size:1.55rem;font-weight:800;color:var(--slate-900);
  margin:40px 0 14px;letter-spacing:-.01em}
main.prose h3{font-size:1.18rem;font-weight:700;color:var(--slate-900);margin:28px 0 10px}
main.prose p{margin:0 0 16px;color:var(--slate-700)}
main.prose ul,main.prose ol{margin:0 0 18px 22px;color:var(--slate-700)}
main.prose li{margin-bottom:6px}
main.prose strong{color:var(--slate-900)}
main.prose hr{border:0;border-top:1px solid var(--slate-200);margin:36px 0}
main.prose blockquote{border-left:3px solid var(--blue-200);padding:8px 16px;
  color:var(--slate-600);background:var(--slate-50);border-radius:0 8px 8px 0;
  margin:18px 0}
main.prose code{background:var(--slate-100);padding:2px 6px;border-radius:4px;
  font-size:.92em;color:var(--slate-800)}
main.prose .callout{background:var(--blue-50);border:1px solid var(--blue-100);
  border-radius:10px;padding:16px 18px;margin:20px 0;color:var(--slate-700)}
main.prose .callout strong{color:var(--blue-800)}
main.prose .toc{background:var(--slate-50);border:1px solid var(--slate-200);
  border-radius:10px;padding:14px 20px;margin:0 0 28px}
main.prose .toc strong{display:block;margin-bottom:6px;color:var(--slate-900)}
main.prose .toc ol{margin:0 0 0 20px}

/* Card grids (blog/docs index) */
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:20px;margin-top:18px}
.card{display:block;padding:22px;border:1px solid var(--slate-200);border-radius:12px;
  background:#fff;text-decoration:none;color:inherit;transition:border-color .2s,
  transform .2s,box-shadow .2s}
.card:hover{border-color:var(--blue-200);transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(15,23,42,.06)}
.card .label{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--blue-600);margin-bottom:8px}
.card h3{font-size:1.1rem;font-weight:700;color:var(--slate-900);margin-bottom:6px}
.card p{font-size:.95rem;color:var(--slate-500);margin:0}
.card time{display:block;font-size:.8rem;color:var(--slate-400);margin-top:10px}

/* CTAs */
.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--blue-600);
  color:#fff;padding:12px 26px;border-radius:10px;font-weight:600;text-decoration:none;
  box-shadow:0 4px 14px rgba(37,99,235,.25)}
.btn-primary:hover{background:var(--blue-700);color:#fff}
.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:#fff;
  color:var(--slate-700);padding:12px 26px;border-radius:10px;font-weight:600;
  text-decoration:none;border:1px solid var(--slate-200)}
.btn-secondary:hover{border-color:var(--blue-200);color:var(--blue-700)}

/* Contact form-ish list */
.support-categories{list-style:none;margin:0 0 18px;padding:0;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.support-categories li{padding:12px 16px;border:1px solid var(--slate-200);
  border-radius:10px;background:var(--slate-50);font-size:.95rem;color:var(--slate-700)}
.support-categories li strong{color:var(--slate-900);display:block;margin-bottom:2px}

/* Footer */
.site-footer{background:var(--slate-900);color:var(--slate-400);padding:48px 24px;
  font-size:.92rem;margin-top:40px}
.footer-inner{max-width:1100px;margin:0 auto;display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.footer-brand{font-weight:800;color:#fff;font-size:1.1rem;margin-bottom:8px;display:block}
.footer-inner h4{color:#fff;font-size:.9rem;font-weight:700;margin-bottom:10px;
  text-transform:uppercase;letter-spacing:.06em}
.footer-inner ul{list-style:none;padding:0;margin:0}
.footer-inner li{margin-bottom:6px}
.footer-inner a{color:var(--sky-400);text-decoration:none}
.footer-inner a:hover{text-decoration:underline}
.footer-bottom{max-width:1100px;margin:30px auto 0;padding-top:24px;
  border-top:1px solid #1f2937;color:var(--slate-500);font-size:.85rem;text-align:center}

@media (max-width:760px){
  .nav-links{gap:16px}
  .footer-inner{grid-template-columns:1fr 1fr;gap:28px}
  main.prose{padding:32px 20px 60px}
  .page-hero{padding:56px 20px 36px}
}