@import url("./main-home-theme.css?v=20261003d");

/* The four Learn stages share the dashboard's deep red palette. */
.guide-stage .gd-hero-num {
  background: linear-gradient(135deg, var(--accent), #9f4b36);
  box-shadow: 0 9px 20px rgba(91, 20, 32, .16);
}
.guide-stage .gd-hero .gd-stage-label,
.guide-stage .gd-back:hover,
.guide-stage .gd-nav a:hover .gd-t { color: var(--accent); }
.guide-stage .gd-cost {
  color: var(--accent-ink);
  background: var(--accent-soft);
  border-color: var(--accent-line);
}
.guide-stage .gd-guide,
.guide-stage .gd-nav a { border-color: var(--border); }
.guide-stage .gd-nav a:hover {
  border-color: var(--accent-line);
  background: var(--surface-2);
  box-shadow: var(--shadow-card);
}
.guide-stage .gd-cta,
.guide-stage .gd-topcta { background: var(--accent); }
.guide-stage .gd-cta:hover,
.guide-stage .gd-topcta:hover { background: var(--accent-press); }
.guide-stage .topbar-title h1 i { color: var(--accent) !important; }
.guide-stage .gd-mins,
.guide-stage .gd-steps li::before { background: var(--surface-2); border-color: var(--border); }
.guide-stage .learn-ptr:hover { border-color: var(--accent); border-left-color: var(--accent); }
.guide-stage .learn-ptr-ic { background: linear-gradient(135deg, var(--accent), #9f4b36); }
.guide-stage .learn-ptr:hover .learn-ptr-ar { color: var(--accent); }

/* Keep success and caution callouts distinct from navigation and actions. */
.guide-stage .gd-good { background: #f1f8f3; border-color: #c5dfcd; }
.guide-stage .gd-mistake { background: #fff6ed; border-color: #f2d1ac; }

@media (max-width: 820px) {
  .guide-stage .gd-cost { display: inline-block; margin: 7px 0 0; white-space: normal; }
}