/* v0.8 M3: dashboard focal block, Getting started, grouped activity and the shared page header.
   Uses brand tokens only; button styling stays in actions.css (dc-act*). */
.dash-focal{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-4,1rem) var(--sp-5,1.5rem);margin:0 0 var(--sp-5,1.5rem);padding:var(--sp-6,2rem);border-radius:16px;color:#fff;
  background:radial-gradient(120% 140% at 100% 0,rgba(20,184,166,.28),transparent 55%),linear-gradient(120deg,#0B1F44 0%,#0A2A7A 60%,#2563EB 130%);box-shadow:0 18px 40px -22px rgba(11,31,68,.7)}
.dash-focal-main{min-width:0;flex:1 1 22rem;max-width:44rem}
.dash-eyebrow{margin:0 0 .5rem;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#bfeaff}
.dash-focal h1{margin:0;font-size:1.75rem;line-height:1.2;color:#fff}
.dash-focal .big-text{margin:.5rem 0 0;font-size:1.375rem;font-weight:700;line-height:1.3;color:#fff}
.dash-why{margin:.5rem 0 0;font-size:.9375rem;line-height:1.5;color:#dbe6ff}
.dash-why a{color:#fff;text-decoration:underline}
.dash-focal-cta{flex:0 0 auto}
.dash-focal-cta .dc-act--primary{box-shadow:0 0 0 3px rgba(255,255,255,.25)}
.dash-focal-cta .dc-act--primary .icon{color:#fff}
@media (max-width:40rem){.dash-focal{padding:var(--sp-4,1rem)}.dash-focal-cta,.dash-focal-cta .dc-act{width:100%}}

/* Getting started: one compact checklist */
.dash-start .section-head{align-items:center;gap:var(--sp-3,.75rem)}
.dash-start .section-head h2{margin:0}
.dash-start progress{width:min(14rem,100%);height:.5rem;accent-color:#14B8A6}
.dash-focal progress,
.cycles progress{accent-color:#14B8A6}
.start-steps{list-style:none;margin:var(--sp-3,.75rem) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--sp-3,.75rem)}
.start-steps li{display:flex;gap:.75rem;align-items:flex-start;padding:.75rem;border:1px solid #dfe6f1;border-radius:12px;background:#f8fafd}
.start-steps li[aria-current="step"]{border-color:#2563EB;background:#eef3ff}
.start-steps li.is-done{background:#f1faf5;border-color:#cfe9da}
.start-mark{flex:0 0 1.75rem;height:1.75rem;border-radius:50%;display:grid;place-items:center;font-size:.8125rem;font-weight:700;background:#fff;border:1px solid #c5cfdf;color:#0B1F44;font-variant-numeric:tabular-nums}
.start-mark svg{width:1rem;height:1rem}
.is-done .start-mark{background:#1a7f4b;border-color:#1a7f4b;color:#fff}
.start-text{display:flex;flex-direction:column;gap:.125rem;min-width:0;font-size:.9375rem;font-weight:600}
.start-text .hint{font-weight:400;font-size:.8125rem}
.start-note{margin:var(--sp-3,.75rem) 0 0}

/* Quick actions sit in a half-width column: 2x2 tiles with readable text */
.dash-cols .quick-actions .qa-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.dash-cols .quick-actions .qa-tile{min-width:0;overflow-wrap:normal;word-break:normal;hyphens:none}
.dash-cols{align-items:start}

/* Progress card */
.prog-figure{display:flex;align-items:baseline;gap:.5rem;margin:0 0 .5rem}
.prog-figure strong{font-size:2rem;line-height:1.1;font-variant-numeric:tabular-nums}

/* Grouped activity */
.act-list .act-day{list-style:none;margin:.5rem 0 .25rem;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#44506a}
.act-list .act-day:first-child{margin-top:0}

/* Shared page header: title + purpose left, actions right (primary last), Help quiet */
.dc-page-head.page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-3,.75rem) var(--sp-4,1rem);margin:0 0 var(--sp-5,1.5rem)}
.dc-page-head .page-head-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;margin:0}
@media (max-width:30rem){.dc-page-head .page-head-actions{justify-content:flex-start;width:100%}.dc-page-head .page-head-actions>.dc-act{flex:1 1 100%}}