/* Tips page specific styles (lean, extends base.css) */
.breadcrumb {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  margin-bottom: var(--space-6);
}
.breadcrumb ol { display: flex; gap: var(--space-2); align-items: center; }
.breadcrumb a { color: var(--color-text-secondary); }
.breadcrumb li+li::before { content: '\203A'; /* › */ margin: 0 var(--space-2); color: var(--color-gray-400); }

.tips-content .tip-block h2 { margin-bottom: var(--space-3); }
.tips-content .tip-block ul { padding-left: var(--space-6); }

/* Responsive tweaks */
@media (max-width: 768px) {
  .breadcrumb { margin-bottom: var(--space-4); }
}