/* GivingTuesday Las Vegas — /givingtuesday/get-started/ setup guide. */
.gs { max-width: 860px; }
.gs-steps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--spacing-2xl); }
.gs-step { display: grid; grid-template-columns: 56px 1fr; gap: var(--spacing-lg); scroll-margin-top: 96px; }
.gs-step__num {
  width: 48px; height: 48px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: var(--font-size-xl); font-weight: 700; color: #fff;
  background: linear-gradient(135deg, #384e87, #2a3a6b);
}
.gs-step__body { background: var(--color-bg-white); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--spacing-xl); min-width: 0; }
.gs-step__body h2 { font-size: var(--font-size-2xl); margin: 0 0 var(--spacing-sm); }
.gs-list { margin: var(--spacing-md) 0; padding-left: 1.3em; line-height: 1.65; }
.gs-list li { margin-bottom: 0.4em; }
.gs-list ul { margin: 0.4em 0 0; padding-left: 1.2em; }
.gs-small { font-size: var(--font-size-sm); color: var(--color-text-muted); margin: var(--spacing-sm) 0 0; }
.gs-note {
  margin: var(--spacing-md) 0; padding: var(--spacing-md) var(--spacing-lg);
  border-left: 4px solid #54c8e8; background: var(--color-bg-light);
  border-radius: var(--radius-sm); font-size: var(--font-size-sm); line-height: 1.6;
}
.gs-note--warn { border-left-color: #e0a526; }
.gs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--spacing-md); margin: var(--spacing-lg) 0; }
.gs-fact { border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--spacing-md); font-size: var(--font-size-sm); line-height: 1.5; }
.gs-fact b { display: block; margin-bottom: 4px; }
.gs-fact span { color: var(--color-text-muted); }

.gs-website {
  margin: var(--spacing-3xl) 0 var(--spacing-2xl);
  padding: var(--spacing-2xl); border-radius: var(--radius-lg);
  background: linear-gradient(135deg, rgba(84, 29, 102, 0.06), rgba(84, 200, 232, 0.10));
  border: 1px solid var(--color-border);
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--spacing-xl);
}
.gs-website > div:first-child { flex: 1 1 360px; }
.gs-website h2 { margin: 0 0 var(--spacing-sm); font-size: var(--font-size-2xl); }
.gs-website p { margin: 0; }

.gs-faq h2 { font-size: var(--font-size-2xl); margin-bottom: var(--spacing-md); }
.gs-faq details { border-bottom: 1px solid var(--color-border); padding: var(--spacing-md) 0; }
.gs-faq summary { cursor: pointer; font-weight: 600; }
.gs-faq details p { margin: var(--spacing-sm) 0 0; color: var(--color-text-muted); }
.gs-help { margin-top: var(--spacing-2xl); text-align: center; color: var(--color-text-muted); }

@media (max-width: 640px) {
  .gs-step { grid-template-columns: 1fr; gap: var(--spacing-sm); }
  .gs-step__num { width: 40px; height: 40px; font-size: var(--font-size-lg); }
  .gs-step__body { padding: var(--spacing-lg); }
  .gs-website { padding: var(--spacing-lg); }
}

/* styles.css resets list markers; the steps need their numbers back. */
.gs-list { list-style: decimal; }
.gs-list ul { list-style: disc; }