/* Tips page specific styles - keep minimal and complementary to base.css */
.hero {
  background: linear-gradient(135deg, rgba(201,168,117,0.15), rgba(90,107,79,0.08));
}

.breadcrumbs a { text-decoration: underline; }

.tips-grid .tip-card img {
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-base);
}

.tip-list { display: grid; gap: var(--space-2); }
.tip-list li { position: relative; padding-left: 1.25rem; }
.tip-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-primary);
}

/* Subtle reveal animation */
.reveal { opacity: 0; transform: translateY(10px); transition: opacity var(--transition-slow), transform var(--transition-slow); }
.reveal.in-view { opacity: 1; transform: translateY(0); }