/* PADO site alignment — loaded only when report is embedded on pado.app */
@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@500;600;700;800&family=Urbanist:wght@400;500;600;700&display=swap");

:root {
  --ink: #151516;
  --ink-2: #6c7d93;
  --paper: #f6f8fa;
  --panel: #ffffff;
  --line: #d5e0ee;
  --court: #220351;
  --court-soft: #7239fc;
  --turf: #05b255;
  --ball: #c6f94f;
  --warn: #ff881c;
  --link: #7239fc;
  --bar: #7239fc;
  --bar-quiet: #c5b8e8;
  --on-bar: #fff;
  --display: "Raleway", "Segoe UI", system-ui, sans-serif;
  --body: "Urbanist", "Segoe UI", system-ui, sans-serif;
}

.hero {
  background: linear-gradient(148deg, #020a15 0%, #220351 100%);
}

.hero .lead {
  color: rgba(255, 255, 255, 0.82);
}

.side a.on {
  border-left-color: var(--bar);
}

.stages button[aria-pressed="true"] {
  background: #151516;
}

.cta {
  background: #7239fc;
  color: #fff;
  border-radius: 12px;
}

.cta:hover {
  background: #6425fa;
  color: #fff;
}

:focus-visible {
  outline-color: #7239fc;
}

.progress i {
  background: #c6f94f;
}