/* Прогрессии: внутренний сезон, не фиолетовый каталог */
:root {
  --pg-ink: #1c2433;
  --pg-muted: #5b6578;
  --pg-line: rgba(79, 70, 229, 0.16);
  --pg-accent: #b45309;
  --pg-paper: #f7f5ff;
  --pg-cream: #ece8f8;
}

body.pg-landing {
  background:
    radial-gradient(80% 50% at 0% 0%, rgba(79, 70, 229, 0.12), transparent 55%),
    radial-gradient(70% 40% at 100% 8%, rgba(180, 83, 9, 0.1), transparent 50%),
    #efeef6;
}

.pg-landing .mv-hero--mini {
  background:
    radial-gradient(120% 80% at 0% 0%, rgba(79, 70, 229, 0.42), transparent 55%),
    linear-gradient(145deg, #1c2433 0%, #4338ca 48%, #1a1625 100%);
  border-radius: 28px;
  overflow: hidden;
}

.pg-landing .mv-hero--mini .mv-hero-inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 22px;
}

.pg-landing .mv-mini-learn,
.pg-landing .mv-mini-steps,
.pg-landing .mv-service-hook {
  display: none;
}

.pg-art--hero {
  margin: 0;
  padding: 16px 16px 18px;
  border-radius: 22px;
  background: var(--pg-paper);
  color: var(--pg-ink);
  border: 1px solid var(--pg-line);
}

.pg-art__kicker,
.pg-art__block-title {
  margin: 0 0 4px;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--pg-accent);
}

.pg-art__lead {
  margin: 0 0 14px;
  font-size: 0.95rem;
  line-height: 1.45;
}

.pg-art__funnel {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  display: grid;
  gap: 8px;
}

@media (min-width: 720px) {
  .pg-art__funnel {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
  }
}

.pg-art__funnel li {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 10px;
  padding: 12px 12px 11px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(28, 36, 51, 0.08);
}

.pg-art__funnel li.is-current {
  border-color: var(--pg-accent);
  box-shadow: 0 0 0 3px rgba(180, 83, 9, 0.14);
}

.pg-art__funnel li.is-done {
  background: #eef6f1;
  border-color: #cde8d9;
}

.pg-art__funnel li > span {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--pg-ink);
  color: #f7f5ff;
  font-size: 0.78rem;
  font-weight: 700;
}

.pg-art__funnel li.is-current > span { background: var(--pg-accent); }
.pg-art__funnel li.is-done > span { background: #17915c; color: #fff; }
.pg-art__funnel b { display: block; font-size: 0.92rem; }
.pg-art__funnel p {
  margin: 2px 0 0;
  font-size: 0.8rem;
  line-height: 1.4;
  color: var(--pg-muted);
}

.pg-art__board {
  margin: 0 0 14px;
  padding: 16px 16px 14px;
  border-radius: 18px;
  background: var(--pg-cream);
  border: 1px solid var(--pg-line);
}

.pg-art__board-kicker {
  margin: 0 0 8px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--pg-muted);
}

.pg-art__verdict {
  margin: 0 0 14px;
  font-size: 1.22rem;
  font-weight: 800;
  line-height: 1.3;
}

.pg-art__grid {
  display: grid;
  gap: 10px;
  margin: 0;
}

@media (min-width: 640px) {
  .pg-art__grid {
    grid-template-columns: 1fr 1fr;
  }
}

.pg-art__grid dt {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--pg-muted);
}

.pg-art__grid dd {
  margin: 2px 0 0;
  font-size: 0.95rem;
  font-weight: 700;
}

.pg-art__grid-wide {
  grid-column: 1 / -1;
}

.pg-art__cta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 4px 0 8px;
}

.pg-art__note,
.pg-art__pay-note {
  margin: 0;
  font-size: 0.86rem;
  line-height: 1.45;
  color: var(--pg-muted);
}

.pg-art--how {
  margin: 0;
  padding: 8px 0 0;
  display: grid;
  gap: 18px;
}

@media (min-width: 860px) {
  .pg-art--how {
    grid-template-columns: 1.1fr 0.9fr;
    gap: 22px;
    align-items: start;
  }
}

.pg-art--how ol {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.pg-art--how ol li {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 10px;
}

.pg-art--how ol li > span {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--pg-ink);
  color: #f7f5ff;
  font-size: 0.78rem;
  font-weight: 700;
}

.pg-art--how ol b { display: block; font-size: 0.92rem; }
.pg-art--how ol p,
.pg-art--how ul {
  margin: 2px 0 0;
  padding: 0;
  font-size: 0.86rem;
  line-height: 1.45;
  color: var(--pg-muted);
}

.pg-art--how ul {
  list-style: none;
  display: grid;
  gap: 8px;
}

.pg-art--how ul li {
  padding: 10px 12px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid var(--pg-line);
  color: var(--pg-ink);
  font-size: 0.88rem;
  line-height: 1.45;
}

.pg-art--how ul li b { display: block; margin-bottom: 2px; }
.pg-art--how .pg-art__cta { margin: 14px 0 0; }
.pg-art__pay-note { margin-top: 12px; }

.pg-station-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 8px 0 0;
}

.pg-landing .mv-demo-head { margin-bottom: 12px; }

/* App: оплаченный разбор не должен «плыть» на узкой ширине */
body.pg-app{
  overflow-x:hidden;
  padding-bottom:96px;
}
body.pg-app .mv-skip-to-tool,
body.pg-app a.mv-skip-to-tool{display:none!important}
body.pg-app .mv-newbie-guide{display:none!important}
body.pg-app .mv-tool-meta{overflow-wrap:anywhere;word-break:break-word;max-width:100%}
body.pg-app .mv-newbie-guide__head,
body.pg-app .mv-newbie-guide__head-copy,
body.pg-app .mv-newbie-guide__teaser,
body.pg-app .mv-newbie-guide__item-body,
body.pg-app .mvp-ai-section,
body.pg-app .mvp-panel-body{
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
}
body.pg-app .mv-rate-widget-wrap{margin:0 0 12px}
body.pg-app .hints-bar-wrap{
  z-index:20;
  max-width:100%;
  box-sizing:border-box;
  padding-left:max(12px, env(safe-area-inset-left));
  padding-right:max(12px, env(safe-area-inset-right));
}
body.pg-app .rum-bottom-dock{z-index:20}
body.pg-app .mvp-chips{max-width:100%;overflow-x:auto}
body.pg-app #mvpAiPane,
body.pg-app .mvp-ai-sections{max-width:100%;overflow:hidden}

/* Натальная карта на всю ширину героя, чтобы знаки и аспекты читались */
body.pg-app .mvp-hero {
  grid-template-columns: 1fr;
}
body.pg-app .mvp-chart-col {
  padding: 8px 8px 12px;
}
body.pg-app .mvp-data-col {
  border-left: none;
  border-top: 1px solid #eef4fd;
}
body.pg-app .syn-chart-wrap,
body.pg-app .mv-chart-wrap,
body.pg-app .mvp-chart-col .mv-chart-stage {
  width: 100%;
  max-width: 100%;
  aspect-ratio: auto;
  margin-inline: auto;
}
body.pg-app .mvp-chart-col .natal-wheel-pro,
body.pg-app .mvp-chart-col svg.natal-wheel,
body.pg-app .mvp-chart-col svg.natal-wheel-pro,
body.pg-app .mvp-chart-col .mv-chart-stage svg {
  width: 100% !important;
  max-width: min(100%, 920px) !important;
  height: auto !important;
  margin-inline: auto;
}

.pg-read-tabs{
  display:flex;
  gap:8px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  padding:2px 2px 12px;
  margin:0 0 8px;
}
.pg-read-tab{
  flex:0 0 auto;
  border:1.5px solid #ddd6fe;
  background:#faf8ff;
  color:#4c1d95;
  border-radius:999px;
  padding:8px 14px;
  font:700 13px/1.2 inherit;
  cursor:pointer;
}
.pg-read-tab.is-on{
  background:#6847f5;
  border-color:#6847f5;
  color:#fff;
}
.pg-read-pane{display:none}
.pg-read-pane.is-on{display:block}
.pg-read-pane .mvp-ai-section{margin:0 0 16px}
.pg-read-pane .mvp-ai-section h3{font-size:1.05rem;line-height:1.35;overflow-wrap:anywhere}
.pg-read-pane .mvp-ai-section p{overflow-wrap:anywhere}
.pg-day-refresh{
  margin:10px 0 14px;
  padding:12px 14px;
  border:1px solid var(--pg-line);
  border-radius:14px;
  background:#fff;
}
.pg-day-refresh-btn{
  appearance:none;
  border:0;
  border-radius:999px;
  padding:8px 16px;
  font:inherit;
  font-weight:700;
  cursor:pointer;
  background:var(--pg-accent);
  color:#fff;
}
.pg-day-refresh-btn.is-off,
.pg-day-refresh-btn:disabled{
  background:#c5c8d0;
  color:#6b7280;
  cursor:not-allowed;
}
.pg-day-refresh-hint{
  margin:8px 0 0;
  font-size:.88rem;
  color:var(--pg-muted);
}
.pg-day-refresh-confirm{
  margin-top:10px;
  padding:10px 12px;
  border-radius:12px;
  background:var(--pg-cream);
}
.pg-day-refresh-confirm p{margin:0 0 8px;font-size:.92rem}
.pg-day-refresh-actions{display:flex;flex-wrap:wrap;gap:8px}
.pg-day-refresh-yes{
  appearance:none;border:0;border-radius:999px;padding:7px 14px;
  font:inherit;font-weight:700;cursor:pointer;background:#1c2433;color:#fff;
}
.pg-day-refresh-no{
  appearance:none;border:1px solid var(--pg-line);border-radius:999px;padding:7px 14px;
  font:inherit;cursor:pointer;background:#fff;color:var(--pg-ink);
}