/* Survival Page Styles - scoped, minimal, leveraging base variables */

.breadcrumb .breadcrumb-link {
  color: var(--color-text-muted);
}
.breadcrumb .breadcrumb-link:hover {
  color: var(--color-accent);
  text-decoration: underline;
}

.hero {
  background: linear-gradient(180deg, var(--color-surface-elevated), var(--color-surface));
}
.hero-figure img {
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-md);
}

.callout {
  background: linear-gradient(180deg, rgba(139,111,71,0.08), rgba(201,168,117,0.1));
  border: 1px solid var(--color-primary-light);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hero-figure { margin-top: var(--space-4); }
}