/* WSKAZÓWKI — styl strony (lekki, wykorzystuje bazowe komponenty) */

.tips-hero {
  background: linear-gradient(135deg, rgba(74,124,89,0.12), rgba(31,38,33,0.6));
}

.breadcrumbs a {
  color: var(--color-text-muted);
}

.breadcrumbs a:hover { color: var(--color-accent); }

.tip-figure img {
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}

/* Responsywność: lepsze odstępy między kartami na urządzeniach mobilnych */
@media (max-width: 768px) {
  .tips-hero { padding: var(--space-6); }
}

/* Stan po skopiowaniu szablonu */
#copy-status.success { color: var(--color-accent); }
#copy-status.error { color: var(--color-danger); }