/* Shared public-guide rhythm — tokens + disclaimer / related / reveal.
   Feature pages keep accent CSS (geeta, shastra, …) but reuse these structures.
   See docs/design/public-guide-system.md */

.books-page,
.om-guide {
  --guide-ink: var(--bk-ink, var(--om-ink, #1c1410));
  --guide-muted: var(--bk-muted, var(--om-muted, #5c534c));
  --guide-accent: var(--bk-saffron, var(--om-accent, #b45309));
  --guide-deep: var(--bk-deep, var(--om-deep, #7c2d12));
  --guide-line: var(--bk-line, var(--om-line, rgba(28, 20, 16, 0.12)));
  --guide-card: var(--bk-card, var(--om-card, rgba(255, 252, 246, 0.92)));
  --guide-display: var(--bk-display, var(--om-display, Fraunces, Georgia, serif));
  --guide-body: var(--om-body, Outfit, "Segoe UI", system-ui, sans-serif);
  --guide-deva: var(--bk-deva, "Noto Serif Devanagari", Georgia, serif);
}

.om-guide-disclaimer {
  margin: 1.35rem 0 0;
  padding: 1rem 1.15rem;
  border: 1px solid color-mix(in srgb, var(--guide-accent) 28%, transparent);
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--guide-accent) 8%, transparent),
      color-mix(in srgb, var(--guide-deep) 5%, transparent)),
    var(--guide-card);
}

.om-guide-disclaimer-label {
  margin: 0 0 0.35rem;
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--guide-accent);
}

.om-guide-disclaimer p {
  margin: 0;
  line-height: 1.65;
  color: var(--guide-ink);
  font-size: 0.98rem;
}

.om-guide-disclaimer.is-foot {
  margin-top: 2rem;
}

.om-guide-related {
  margin-top: 2.25rem;
}

.om-guide-related h2 {
  font-family: var(--guide-display);
  font-size: 1.35rem;
  font-weight: 600;
  margin: 0 0 0.85rem;
  color: var(--guide-ink);
}

.om-guide-related-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem 0.65rem;
}

.om-guide-related-link {
  display: inline-block;
  padding: 0.45rem 0.85rem;
  border: 1px solid var(--guide-line);
  background: rgba(255, 255, 255, 0.72);
  color: var(--guide-ink);
  text-decoration: none;
  font-size: 0.92rem;
  transition: border-color 0.2s ease, background 0.2s ease;
}

.om-guide-related-link:hover {
  border-color: color-mix(in srgb, var(--guide-accent) 45%, transparent);
  background: color-mix(in srgb, var(--guide-accent) 8%, #fff);
  color: var(--guide-deep);
}

.om-guide-reveal {
  animation: om-guide-reveal 0.55s ease both;
}

@keyframes om-guide-reveal {
  from {
    opacity: 0;
    transform: translateY(0.45rem);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .om-guide-reveal {
    animation: none;
  }
}

/* —— Shlokas: focused, centered verse blocks —— */
.om-shloka,
.gt-shloka-full,
.gt-shloka-preview,
.bk-shloka-sanskrit,
.ds-shloka,
.fg-sloka,
.fg-mantra {
  text-align: center;
  white-space: pre-line;
  font-family: var(--guide-deva, "Noto Serif Devanagari", Georgia, serif);
  line-height: 1.85;
  max-width: 36rem;
  margin-left: auto;
  margin-right: auto;
}

.gt-shloka-card {
  text-align: center;
  display: block;
  width: 100%;
}

.gt-shloka-stack {
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
}