.st-page {
  --st-ink: #201711;
  --st-muted: #665a51;
  --st-accent: #a94f18;
  --st-deep: #6f2d19;
  --st-line: rgba(111, 45, 25, 0.16);
}

.st-wrap {
  max-width: 54rem;
}

.st-grid {
  display: grid;
  gap: 0.9rem;
  margin: 1.5rem 0;
}

@media (min-width: 720px) {
  .st-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.st-card {
  padding: 1.15rem;
  border: 1px solid var(--st-line);
  border-radius: 0.85rem;
  background: rgba(255, 252, 246, 0.9);
  color: inherit;
  text-decoration: none;
}

.st-card:hover {
  border-color: rgba(169, 79, 24, 0.48);
  color: inherit;
}

.st-deity,
.st-number {
  color: var(--st-accent);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.st-card h2 {
  margin: 0.35rem 0 0.5rem;
  color: var(--st-deep);
  font-family: Fraunces, Georgia, serif;
  font-size: 1.25rem;
}

.st-card p {
  margin: 0;
  color: var(--st-muted);
  line-height: 1.55;
}

.st-card em {
  display: block;
  margin-top: 0.75rem;
  color: var(--st-accent);
  font-size: 0.82rem;
  font-style: normal;
}

.st-excerpt-note,
.st-note {
  margin: 1.25rem 0;
  padding: 0.9rem 1rem;
  border-left: 3px solid var(--st-accent);
  background: rgba(169, 79, 24, 0.07);
  color: var(--st-muted);
}

.st-excerpt-note strong,
.st-excerpt-note span {
  display: block;
}

.st-verses {
  display: grid;
  gap: 1rem;
  margin: 1.5rem 0;
}

.st-verse {
  padding: clamp(1rem, 3vw, 1.5rem);
  border: 1px solid var(--st-line);
  border-radius: 0.85rem;
  background: rgba(255, 255, 255, 0.86);
}

.st-sanskrit {
  margin: 0.5rem 0 0;
  color: var(--st-deep);
  font-family: "Noto Serif Devanagari", Georgia, serif;
  font-size: clamp(1.15rem, 3vw, 1.42rem);
  line-height: 1.9;
  text-align: center;
  white-space: pre-line;
}

.st-transliteration {
  margin: 0.85rem 0 0;
  color: var(--st-muted);
  font-style: italic;
  line-height: 1.65;
  text-align: center;
  white-space: pre-line;
}

.st-meaning {
  margin: 0.9rem 0 0;
  padding-top: 0.85rem;
  border-top: 1px solid var(--st-line);
  color: var(--st-ink);
  line-height: 1.65;
}

.st-note p {
  margin: 0.35rem 0 0;
}

.st-practice {
  margin: 1.5rem 0;
  padding: 1.25rem;
  border: 1px solid var(--st-line);
  background: rgba(255, 252, 246, 0.78);
}

.st-practice-kicker {
  margin: 0;
  color: var(--st-saffron);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.st-practice h2 {
  margin: 0.2rem 0 1rem;
}

.st-practice-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.st-practice-grid h3 {
  margin: 0 0 0.35rem;
  font-size: 1rem;
}

.st-practice-grid p {
  margin: 0;
  color: var(--st-muted);
  line-height: 1.6;
}

@media (max-width: 700px) {
  .st-practice-grid {
    grid-template-columns: 1fr;
  }
}