/* Scoped to the dashboard trading row; standalone calculators and stock mode retain their layout. */
@media (min-width: 768px) {
  .dashboard-page .dashboard-hero-first-steps { grid-template-columns: minmax(0, 1fr); align-items: stretch; }
  .dashboard-hero-first-steps > .dashboard-hero-chart { min-width: 0; width: 100%; }
  .dashboard-hero-first-steps > .dashboard-start-path { display: flex; flex-direction: column; min-width: 0; padding: 16px; }
  .dashboard-hero-first-steps .dashboard-start-path-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; overflow: visible; padding: 0; flex: 1; }
  .dashboard-hero-first-steps .dashboard-start-path-list > div { min-width: 0; }
  .dashboard-hero-first-steps .dashboard-start-path-card { padding: 12px; width: 100%; justify-content: space-between; }
  .dashboard-hero-first-steps .dashboard-start-path-card > div { gap: 8px; }
  .dashboard-hero-first-steps .dashboard-start-path-card > div > :nth-child(2) { width: 28px; height: 28px; flex-shrink: 0; }
  .dashboard-hero-first-steps .dashboard-start-path-card p:first-child { font-size: 14px; line-height: 20px; }
  .dashboard-hero-first-steps .dashboard-start-path-card p + p { font-size: 12px; line-height: 18px; }
  .dashboard-hero-first-steps .dashboard-start-path-card > span { margin-top: 8px; height: 30px; font-size: 12px; }
  .dashboard-hero-first-steps .dashboard-step-connector { display: none; }
  .dashboard-hero-first-steps > .dashboard-horizontal-calculator { grid-column: 1 / -1; }
  .dashboard-horizontal-calculator [data-tool-panel="calculator"] { height: auto; }
  .dashboard-horizontal-calculator [data-tool-panel="calculator"] > div:nth-child(2) > div:first-child { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .dashboard-horizontal-calculator [data-tool-panel="calculator"] > div:nth-child(2) > div:nth-child(2) > div { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .dashboard-horizontal-calculator [data-tool-panel="calculator"] > a:last-child { align-self: flex-end; width: 240px; }
  @container dashboard (min-width: 760px) {
    .dashboard-page .dashboard-hero-first-steps { grid-template-columns: minmax(0, 1fr) 340px; }
    .dashboard-hero-first-steps .dashboard-start-path-list { grid-template-columns: minmax(0, 1fr); grid-auto-rows: minmax(0, 1fr); gap: 10px; }
  }
  @container dashboard (min-width: 1000px) {
    .dashboard-horizontal-calculator [data-tool-panel="calculator"] > div:nth-child(2) > div:first-child { grid-template-columns: repeat(7, minmax(0, 1fr)); }
    .dashboard-horizontal-calculator [data-tool-panel="calculator"] > div:nth-child(2) > div:first-child > div:first-child { grid-column: span 1; }
  }
}

/* Start guide: floating step labels, sentence case and consistent controls. */
.dashboard-start-path, .dashboard-mobile-start-path { font-family: inherit; }
.dashboard-start-path > div:first-child h2, .dashboard-mobile-start-path > div:first-child h2 { font-size: 22px; line-height: 28px; font-weight: 700; letter-spacing: -.025em; }
.dashboard-start-path > div:first-child > svg, .dashboard-mobile-start-path > div:first-child > svg { color: #e11d48; }
.dashboard-start-path-card, .dashboard-mobile-step-card { position: relative; }
.dashboard-step-badge { position: absolute; top: -11px; left: 12px; display: inline-flex; align-items: center; justify-content: center; width: auto; height: 22px; padding: 0 9px; border-radius: 7px; background: linear-gradient(135deg,#f43f5e,#d91c43); color: #fff; font-size: 11px; line-height: 22px; font-weight: 600; white-space: nowrap; letter-spacing: .01em; box-shadow: 0 3px 8px #e11d4826; }
.dashboard-start-path [data-start-step="1"] > .dashboard-start-path-card, .dashboard-mobile-step-card[data-start-step="1"] { border-color: #fb7185; background: linear-gradient(135deg,#fff8fa,#fff); box-shadow: 0 4px 14px #e11d4810; }
.dashboard-start-path-card > span { border-radius: 9px; font-weight: 600; font-size: 13px; height: 34px; margin-top: 10px; }
.dashboard-start-path [data-start-step="1"] .dashboard-start-path-card > span.bg-primary, .dashboard-mobile-step-card[data-start-step="1"] > span:last-child { background: linear-gradient(135deg,#f43f5e,#df2048); color: #fff; box-shadow: 0 4px 10px #e11d4826; }
.dashboard-start-path-card:hover > span:not(.bg-primary) { border-color: #fda4af; }
.dark .dashboard-start-path [data-start-step="1"] > .dashboard-start-path-card, .dark .dashboard-mobile-step-card[data-start-step="1"] { background: linear-gradient(135deg,#2a1722,#141923); border-color: #e34a66; }
.dashboard-mobile-start-path > div:first-child { margin-bottom: 20px; }
.dashboard-mobile-start-path > div:last-child { display: grid; grid-template-columns: minmax(0,1fr); gap: 22px; }
.dashboard-mobile-start-path > div:last-child > * { margin: 0; min-width: 0; }
.dashboard-mobile-step-card { padding: 22px 14px 18px; min-height: 96px; gap: 10px; }
.dashboard-mobile-step-card > div > p:first-child { font-size: 14px; font-weight: 600; line-height: 20px; }
.dashboard-mobile-step-card > div > p:nth-child(2) { font-size: 12px; font-weight: 400; line-height: 17px; }
.dashboard-mobile-step-card > span:last-child { border-radius: 9px; font-size: 12px; font-weight: 600; height: 32px; }
@media (min-width: 768px) {
  .dashboard-hero-first-steps > .dashboard-start-path { padding: 16px; }
  .dashboard-hero-first-steps .dashboard-start-path > div:first-child { margin-bottom: 20px; }
  .dashboard-hero-first-steps .dashboard-start-path-list { flex: 1; min-height: 0; gap: 22px; grid-auto-rows: minmax(0,1fr); }
  .dashboard-hero-first-steps .dashboard-start-path-card { padding: 20px 14px 14px; height: 100%; min-height: 0; justify-content: space-between; }
  .dashboard-hero-first-steps .dashboard-start-path-card p:first-child { font-size: 14px; line-height: 20px; font-weight: 600; }
  .dashboard-hero-first-steps .dashboard-start-path-card p + p { font-size: 12px; line-height: 18px; font-weight: 400; margin-top: 5px; }
  .dashboard-hero-first-steps .dashboard-start-path-card > span { margin-top: 12px; height: 36px; flex-shrink: 0; font-size: 13px; font-weight: 600; }
  @container dashboard (min-width: 760px) {
    .dashboard-hero-first-steps .dashboard-start-path-list { grid-auto-rows: minmax(0,1fr); gap: 22px; }
  }
}

/* Calculator section heading follows the dashboard's community heading style. */
.dashboard-horizontal-calculator { flex-direction: column; gap: 14px; }
.dashboard-calculator-heading { padding: 0 4px; }
.dashboard-calculator-heading-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.dashboard-calculator-heading h2 { display: flex; align-items: center; gap: 10px; margin: 0; font-family: inherit; font-size: 24px; line-height: 30px; font-weight: 700; letter-spacing: -.025em; color: hsl(var(--foreground)); }
.dashboard-calculator-icon { width: 24px; height: 24px; flex-shrink: 0; color: hsl(var(--primary)); }
.dashboard-calculator-heading p { margin: 6px 0 0; font-size: 12px; line-height: 18px; color: hsl(var(--muted-foreground)); }
.dashboard-calculator-market { flex-shrink: 0; padding: 4px 10px; border-radius: 999px; background: #10b98114; color: #047857; font-size: 10px; font-weight: 700; text-transform: uppercase; }
.dark .dashboard-calculator-market { color: #6ee7b7; }
.dashboard-horizontal-calculator [data-tool-panel="calculator"] > div:first-child { display: none; }
.dashboard-horizontal-calculator [data-tool-panel="calculator"] > div:nth-child(2) > div:first-child { margin-top: 0; }
@media (min-width: 768px) {
  .dashboard-hero-first-steps > .dashboard-horizontal-calculator { margin-top: 24px; }
}
@media (max-width: 639px) {
  .dashboard-calculator-heading h2 { font-size: 20px; line-height: 26px; }
}