/* Compact beginner paths. Load after the shared page and activity styles. */
.simple-path {
  --canvas: var(--paper);
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-ui);
  padding-bottom: var(--s8);
}
.simple-path .wrap { max-width: 56rem; }
.simple-path .path-hero { padding: var(--s6) 0; background: var(--paper); border-bottom: var(--rule); }
.simple-path .path-hero-grid { grid-template-columns: minmax(0, 1fr) 13rem; gap: var(--s6); }
.simple-path .crumbs { margin-bottom: var(--s4); }
.simple-path h1 { font-family: var(--font-ui); font-weight: 700; }
.simple-path .path-hero .lead { font-family: var(--font-ui); font-size: var(--fs-ui-lg); line-height: 1.6; margin-bottom: 0; }
.simple-path .path-hero img { display: block; width: 100%; max-width: 13rem; height: auto; }
.simple-path .path-hero .path-cta { margin: var(--s5) 0 0; }
.simple-path .btn--path { background: var(--brand); border-color: var(--brand); color: var(--on-ink); white-space: normal; max-width: 100%; text-align: left; }
.simple-path .btn--path:hover { background: var(--brand-ink); border-color: var(--brand-ink); }
.simple-path .path-save-note { color: var(--ink-3); font-size: var(--fs-small); line-height: 1.5; margin: var(--s5) 0 0; }
.simple-path .map { max-width: none; margin: var(--s5) 0 0; padding-bottom: var(--s6); }
.simple-path .unit { margin: var(--s6) 0 var(--s2); padding: 0; border: 0; }
.simple-path .unit:first-child { margin-top: 0; }
.simple-path .unit h2 { font-family: var(--font-ui); font-size: var(--fs-h3); font-weight: 700; margin-bottom: var(--s2); }
.simple-path .unit p { font-family: var(--font-ui); font-size: var(--fs-small); line-height: 1.5; }
.simple-path .stop { grid-template-columns: 2rem minmax(0, 1fr); gap: var(--s3); padding: 0; margin-left: 0; align-items: start; }
.simple-path .stop + .stop::before { content: none; }
.simple-path .stop-node { width: auto; height: auto; margin-top: var(--s5); border: 0; border-radius: 0; background: none; color: var(--brand-ink); font-size: var(--fs-ui-lg); }
.simple-path .stop.is-done .stop-node { background: none; color: var(--ink-3); }
.simple-path .stop.is-done .stop-node::before { display: none; }
.simple-path .stop.is-next .stop-node { border: 0; color: var(--brand-ink); }
.simple-path .stop.has-aha .stop-node::after { display: none; }
.simple-path .stop a { min-width: 0; padding: var(--s4) 0; }
.simple-path .stop-title { font-family: var(--font-ui); font-size: var(--fs-ui-lg); font-weight: 700; }
.simple-path .stop-meta { color: var(--ink-2); font-size: var(--fs-small); line-height: 1.5; }
.simple-path .stop-reading { display: inline-block; margin-top: var(--s2); color: var(--ink-3); font-size: var(--fs-small); }
.simple-path .stop-status { color: var(--ink-3); font-size: var(--fs-small); letter-spacing: normal; text-transform: none; }
.simple-path .path-activity { margin-top: var(--s4); }
.simple-path .path-activity .aha { margin: 0; padding: var(--s6) 0; background: var(--paper); border-top: var(--rule); border-bottom: 0; }
.simple-path .path-activity .aha-inner { max-width: none; }
.simple-path .path-activity .aha-stage { border: 0; padding: 0; background: var(--paper); }
.simple-path .path-activity .aha-title { font-family: var(--font-ui); font-weight: 700; }
.simple-path .path-activity .aha-badge { background: none; color: var(--ink-3); padding: 0; letter-spacing: normal; text-transform: none; }
.simple-path .path-activity .aha-bulb { display: none; }
.simple-path .path-activity .aha.was-collected .aha-badge::after { content: none; }
.simple-path .path-activity .aha-moment strong { background: none; }
.simple-path .path-resources { margin-top: var(--s6); padding-top: var(--s6); border-top: var(--rule); }
.simple-path .path-resources h2 { font-family: var(--font-ui); font-size: var(--fs-h3); font-weight: 700; }
.simple-path .path-resources ul { list-style: none; margin: 0; padding: 0; }
.simple-path .path-resources li { padding: var(--s3) 0; }
.simple-path .path-resources li::before { content: none; }
.simple-path .path-resources li a { display: inline-block; font-size: var(--fs-ui); font-weight: 700; padding: var(--s2) 0; color: var(--brand-ink); text-underline-offset: var(--s1); }
.simple-path .path-resources li p { font-family: var(--font-ui); font-size: var(--fs-small); line-height: 1.5; color: var(--ink-2); margin: 0; }
.simple-path .path-library { margin: var(--s5) 0 0; }
.simple-path .path-library a { font-size: var(--fs-small); color: var(--brand-ink); display: inline-block; padding: var(--s2) 0; }
@media (max-width: 38rem) {
  .simple-path .path-hero-grid { grid-template-columns: minmax(0, 1fr); gap: var(--s4); }
  .simple-path .path-hero img { max-width: 9rem; justify-self: start; }
  .simple-path .path-hero { padding: var(--s5) 0; }
  .simple-path .path-hero .lead { font-size: var(--fs-ui); }
  .simple-path .unit { margin-top: var(--s5); }
  .simple-path .stop { grid-template-columns: 1.5rem minmax(0, 1fr); gap: var(--s2); }
  .simple-path .stop-title { font-size: var(--fs-ui); }
  .simple-path .stop-node { margin-top: var(--s4); font-size: var(--fs-ui); }
}