/* ===================================
   Practices Guided By Your Chart Styles
   =================================== */

.practices-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.practice { padding: 30px 28px; }
.practice-glyph {
  font-family: 'Cinzel', serif;
  font-size: 26px;
  color: var(--gold, #d4af37);
  display: block;
  margin-bottom: 14px;
  text-shadow: 0 0 14px rgba(212, 175, 55, 0.4);
}
.practice h3 { font-family: 'Cinzel', serif; font-size: 18px; font-weight: 500; margin-bottom: 12px; letter-spacing: 0.02em; color: var(--text-primary, #f5e6d3); }
.practice p { font-family: 'Cormorant Garamond', serif; font-size: 18px; color: var(--text-secondary, #b5a89e); line-height: 1.6; font-weight: 400; }
.practice p a {
  color: var(--gold-bright, #f4d27a);
  text-decoration: none;
  border-bottom: 1px solid var(--line, rgba(212, 175, 55, 0.3));
  transition: color 0.2s, border-color 0.2s;
}
.practice p a:hover { color: var(--gold, #d4af37); border-bottom-color: var(--gold-bright, #f4d27a); }

@media (max-width: 900px) { .practices-grid { grid-template-columns: 1fr; } }