/* Shared contextual guidance for ProjectReady AI modules. */
.guide-help-card {
  max-width: 1220px;
  margin: 1rem auto 1.25rem;
  padding: 1rem 1.15rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  background: linear-gradient(135deg, #ffffff, #f4f7ff);
  border: 1px solid #c9d8f3;
  border-left: 6px solid #1d4ed8;
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(15,23,42,.07);
}
.guide-help-card h2 { margin: 0 0 .25rem; color: #0b2341; font-size: 1.2rem; }
.guide-help-card p { margin: 0; color: #526071; line-height: 1.55; }
.guide-help-actions { display: flex; flex-wrap: wrap; gap: .55rem; flex: 0 0 auto; }
.guide-help-actions a, .guide-first-visit-actions a, .guide-first-visit-dismiss {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  padding: .65rem .9rem;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 900;
  border: 1px solid #b7ccff;
  background: #fff;
  color: #1d4ed8;
  cursor: pointer;
}
.guide-help-actions a:first-child, .guide-first-visit-actions a:first-child {
  background: linear-gradient(135deg, #1d4ed8, #4338ca);
  color: #fff;
  border-color: transparent;
}
.guide-first-visit-banner {
  max-width: 1220px;
  margin: 1rem auto;
  padding: .95rem 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(15,23,42,.06);
}
.guide-first-visit-copy strong, .guide-first-visit-copy span { display: block; }
.guide-first-visit-copy strong { color: #78350f; }
.guide-first-visit-copy span { color: #6b4f27; margin-top: .2rem; line-height: 1.45; }
.guide-first-visit-actions { display: flex; flex-wrap: wrap; gap: .5rem; flex: 0 0 auto; }
.guide-first-visit-dismiss { font: inherit; background: transparent; color: #78350f; border-color: #f3cf70; }
@media (max-width: 820px) {
  .guide-help-card, .guide-first-visit-banner { margin-left: 1rem; margin-right: 1rem; align-items: flex-start; flex-direction: column; }
  .guide-help-actions, .guide-first-visit-actions { width: 100%; }
  .guide-help-actions a, .guide-first-visit-actions a, .guide-first-visit-dismiss { flex: 1 1 auto; }
}