/* CLIMB Member Guidance 2.5.0
 * Functional Dashboard layout only. Brand tokens, typography, buttons,
 * cards, focus states, and responsive foundations come from
 * climb-brand-system (Shared Sitewide CSS v5.0.0).
 */

.climb-navigation-panel {
  width: 100%;
}

.climb-guidance-preview-banner {
  margin-bottom: var(--climb-space-2, 16px);
  padding: 12px 14px;
  border-radius: var(--climb-radius-card, 12px);
  background: var(--climb-pine, #307442);
  color: #fff;
  font-weight: 800;
}

.climb-navigation-welcome {
  margin-bottom: var(--climb-space-2, 16px);
  transition: opacity 160ms ease, transform 160ms ease;
}

.climb-navigation-welcome.is-read {
  opacity: 0;
  transform: translateY(-4px);
}

.climb-guidance-support-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
  gap: var(--climb-space-2, 16px);
  padding-block: var(--climb-space-2, 16px);
}

.climb-navigation-card {
  display: flex;
  flex-direction: column;
}

.climb-navigation-card .climb-button {
  margin-top: auto;
}

.climb-navigation-card-icon {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  margin-bottom: var(--climb-space-1, 8px);
  border-radius: 50%;
  background: var(--climb-mist-green, #e7efe7);
  color: var(--climb-forest, #1f5d31);
}

.climb-navigation-card-icon svg {
  width: 19px;
  height: 19px;
  fill: currentColor;
}

.climb-navigation-status {
  margin-top: var(--climb-space-1, 8px);
  color: var(--climb-brown, #8d6e63);
  font-size: 0.84rem;
}

.climb-navigation-action.is-complete {
  background: var(--climb-success-soft, #edf6ee);
}

.climb-navigation-complete-details {
  margin-top: var(--climb-space-1, 8px);
}

.climb-navigation-context-grid {
  margin-block: var(--climb-space-2, 16px);
}

.climb-navigation-updated {
  margin-top: var(--climb-space-2, 16px);
}

@media (max-width: 720px) {
  .climb-guidance-support-grid {
    grid-template-columns: 1fr;
  }
}


/* W653 beginner-protective, guide-presence, and next-need layer */
.climb-beginner-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.climb-beginner-action-grid>div{padding:14px;border-radius:12px;background:#fff;border:1px solid var(--climb-border-sand,#d9d1ac)}.climb-beginner-action-grid dt{font-weight:900;color:var(--climb-forest,#1f5d31)}.climb-beginner-action-grid dd{margin:5px 0 0}.climb-dashboard-block.is-working{background:var(--climb-mist-green,#e7efe7)}.climb-dashboard-block.is-next-need{border-left:6px solid var(--climb-gold,#ffc857);background:var(--climb-warning-soft,#fff6dd)}
@media(max-width:700px){.climb-beginner-action-grid{grid-template-columns:1fr}}

/* W674: optional member entrance and low-pressure acclimation route. */
.climb-entrance-choice,.climb-entrance-status,.climb-acclimation{margin:clamp(1rem,2vw,2rem) 0;padding:clamp(1rem,2.5vw,2rem);border:1px solid rgba(31,93,49,.18);border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(31,44,35,.07)}
.climb-entrance-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}
.climb-entrance-choice-card{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem;min-height:100%}
.climb-entrance-choice-card form{margin-top:auto;width:100%}
.climb-entrance-choice-card .climb-button{width:100%;justify-content:center}
.climb-acclimation-progress{display:grid;grid-template-columns:auto minmax(8rem,1fr);align-items:center;gap:.75rem;margin-bottom:1rem;font-weight:700;color:#1f5d31}
.climb-acclimation-progress progress{width:100%;height:.75rem;accent-color:#307442}
.climb-acclimation-confirm{margin-top:1rem}
.climb-acclimation-secondary{margin-top:1rem;align-items:center}
.climb-inline-form{display:inline-flex;margin:0}
.climb-link-button{appearance:none;border:0;background:transparent;color:#1f5d31;text-decoration:underline;text-underline-offset:.18em;font:inherit;font-weight:700;cursor:pointer;padding:.45rem .25rem}
.climb-link-button:hover,.climb-link-button:focus-visible{color:#173f24;text-decoration-thickness:2px}
.climb-acclimation-dashboard{border-left:4px solid #ffc857}
@media(max-width:720px){.climb-entrance-choice-grid{grid-template-columns:1fr}.climb-acclimation-progress{grid-template-columns:1fr}.climb-entrance-choice,.climb-entrance-status,.climb-acclimation{border-radius:14px}.climb-acclimation-secondary{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.climb-entrance-choice *,.climb-entrance-status *,.climb-acclimation *{scroll-behavior:auto!important;transition:none!important}}

/* W675 source-aware welcome companions use the same accessible card system. */
.climb-waiting-companion,.climb-post-focus-welcome,.climb-app-guide-card{margin:clamp(1rem,2vw,2rem) 0;padding:clamp(1rem,2.5vw,2rem);border:1px solid rgba(31,93,49,.18);border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(31,44,35,.07)}
.climb-waiting-companion .climb-actions,.climb-post-focus-welcome .climb-actions,.climb-app-guide-card .climb-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.climb-waiting-companion :focus-visible,.climb-post-focus-welcome :focus-visible,.climb-app-guide-card :focus-visible{outline:3px solid currentColor;outline-offset:3px}
@media(max-width:720px){.climb-waiting-companion,.climb-post-focus-welcome,.climb-app-guide-card{border-radius:14px}.climb-waiting-companion .climb-actions,.climb-post-focus-welcome .climb-actions,.climb-app-guide-card .climb-actions{align-items:stretch}.climb-waiting-companion .climb-button,.climb-post-focus-welcome .climb-button,.climb-app-guide-card .climb-button{width:100%;justify-content:center}}