/* «Живое слово» — purple-gold skin on top of /assets/teach.css (stage 22b draft).
   Layout rules mirror .page--ruslang / .page--pdd in teach.css; colours follow the game (deep violet + gold). */
.page--zhivoeslovo {
  --site-wallpaper: url("/zhivoeslovo/img/hero.webp?v=1");
}
html:not([data-theme="light"]) .page--zhivoeslovo {
  --navy: #1c0d38;
  --navy-deep: #0e061f;
  --navy-veil: rgba(14, 6, 31, 0.86);
  --gold: #f5c542;
  --gold-hi: #ffe28a;
  --gold-deep: #b57f12;
  --btn-primary-gradient: linear-gradient(180deg, #ffe28a 0%, #f5c542 50%, #b57f12 100%);
  --accent: #c39bff;
  --accent-hover: #dcc4ff;
  --muted: #cdbdea;
  --card: rgba(40, 18, 78, 0.86);
  --surface: rgba(40, 18, 78, 0.86);
  --surface-border: rgba(245, 197, 66, 0.28);
  --header-bg: rgba(14, 6, 31, 0.2);
  --footer-bg: rgba(14, 6, 31, 0.8);
}
.page--zhivoeslovo .spotlight-stack__wallpaper {
  background-image: var(--site-wallpaper) !important;
  background-position: center top !important;
}
html:not([data-theme="light"]) .page--zhivoeslovo .spotlight-stack__veil { background: rgba(18, 7, 40, 0.74); }
html:not([data-theme="light"]) .page--zhivoeslovo.page--spotlight .site-header { background: rgba(22, 9, 46, 0.42); }
.page--zhivoeslovo .hero--zhivoeslovo { min-height: 0; padding-top: 1.35rem; padding-bottom: 0.65rem; }
.page--zhivoeslovo .hero--zhivoeslovo + .section { padding-top: 0.65rem; }
.page--zhivoeslovo .section--glass { background: none; padding: 0.65rem 0 0.85rem; }
.page--zhivoeslovo .section--glass:last-of-type { padding-bottom: 1.35rem; }

/* plates: violet glass with a thin gold rim, like the in-game cards */
html:not([data-theme="light"]) .page--zhivoeslovo .content-plate,
html:not([data-theme="light"]) .page--zhivoeslovo .hero__plate,
html:not([data-theme="light"]) .page--zhivoeslovo .legal-doc article {
  background: linear-gradient(180deg, rgba(52, 24, 98, 0.9) 0%, rgba(30, 12, 62, 0.92) 100%);
  border: 1px solid rgba(245, 197, 66, 0.38);
  box-shadow: 0 0 0 1px rgba(255, 226, 138, 0.06) inset, 0 18px 48px rgba(8, 2, 20, 0.55);
}
.page--zhivoeslovo h1,
.page--zhivoeslovo .section-title,
.page--zhivoeslovo .legal-doc h2 { color: var(--gold-hi, #ffe28a); }
html:not([data-theme="light"]) .page--zhivoeslovo h1 { text-shadow: 0 2px 18px rgba(245, 197, 66, 0.35); }
html:not([data-theme="light"]) .page--zhivoeslovo .feature-card {
  background: rgba(70, 34, 128, 0.55);
  border: 1px solid rgba(245, 197, 66, 0.22);
}
.page--zhivoeslovo .feature-card h3 { color: #ffd76a; }
html:not([data-theme="light"]) .page--zhivoeslovo .hero-chip {
  background: rgba(245, 197, 66, 0.14);
  border-color: rgba(245, 197, 66, 0.45);
  color: #ffe28a;
}
html:not([data-theme="light"]) .page--zhivoeslovo a:not(.btn):not(.hero-chip):not(.brand-link):not(.promo-shot) { color: #e2c8ff; }
.page--zhivoeslovo .hero__app-badge img { border-radius: 22%; box-shadow: 0 0 0 3px rgba(245, 197, 66, 0.55), 0 16px 40px rgba(10, 2, 24, 0.6); }
.page--zhivoeslovo .promo-shot img { border-radius: 14px; border: 2px solid rgba(245, 197, 66, 0.5); }
.page--zhivoeslovo .promo-phone { border: 2px solid rgba(245, 197, 66, 0.6); background: #1c0d38; }
.page--zhivoeslovo .promo-phone img { display: block; width: 100%; height: auto; aspect-ratio: 9 / 16; object-fit: cover; }

/* price list */
.zs-prices { list-style: none; margin: 0.9rem 0 0.6rem; padding: 0; display: grid; gap: 0.55rem; max-width: 560px; }
.zs-price {
  display: grid; grid-template-columns: 56px 1fr auto; align-items: center; gap: 0.8rem;
  padding: 0.45rem 0.6rem 0.45rem 0.45rem; border-radius: 14px;
  background: linear-gradient(180deg, rgba(86, 44, 150, 0.75), rgba(52, 22, 104, 0.85));
  border: 2px solid rgba(245, 197, 66, 0.75);
}
.zs-price img { width: 56px; height: 56px; object-fit: contain; }
.zs-price span small { display: block; margin-top: 0.15rem; font-size: 0.82rem; font-weight: 600; color: #8fe3a8; }
.zs-price span i { display: inline-block; margin-top: 0.3rem; padding: 0.1rem 0.55rem; border-radius: 999px; background: #e2453c; color: #fff; font-style: normal; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; }
.zs-price--best { border-color: #f5c431; box-shadow: 0 0 0 2px rgba(245, 196, 49, 0.35), 0 8px 22px rgba(0, 0, 0, 0.3); }
html[data-theme="light"] .zs-price span small { color: #1e7a42; }
.zs-price span { font-weight: 600; color: #fff; }
.zs-price b {
  min-width: 5.2rem; text-align: center; padding: 0.35rem 0.8rem; border-radius: 999px;
  background: linear-gradient(180deg, #fff1b8, #f5d36b); color: #2a1450;
}
.zs-note { color: var(--muted); font-size: 0.95em; }
.zs-figure { margin: 1rem 0 0; }
.zs-figure img { width: 100%; height: auto; border-radius: 16px; border: 2px solid rgba(245, 197, 66, 0.5); display: block; }
.zs-figure figcaption { margin-top: 0.4rem; color: var(--muted); font-size: 0.9em; text-align: center; }
html[data-theme="light"] .zs-price span { color: #2a1450; }
html[data-theme="light"] .zs-price { background: linear-gradient(180deg, #f4ecff, #e6d9fb); border-color: #c99208; }
html[data-theme="light"] .page--zhivoeslovo h1,
html[data-theme="light"] .page--zhivoeslovo .section-title,
html[data-theme="light"] .page--zhivoeslovo .legal-doc h2 { color: #4a1f8a; }
html[data-theme="light"] .page--zhivoeslovo .feature-card h3 { color: #6a3cb0; }