/* Omqavveth — page-specific sections */

.hero-omqavveth {
  padding: 4rem 0 2rem;
  background: radial-gradient(ellipse at 85% 0%, rgba(179,39,45,0.1), transparent 55%), var(--color-bg);
}
.hero-omqavveth__inner { display: flex; flex-wrap: wrap; gap: 2.5rem; align-items: center; }
.hero-omqavveth__copy { flex: 1 1 420px; min-width: 0; }
.hero-omqavveth__lede { font-size: 1.03rem; max-width: 520px; }
.hero-omqavveth__actions { display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 1.6rem; }
.hero-omqavveth__art { flex: 1 1 240px; min-width: 0; display: flex; justify-content: center; }

.compass-deco { width: 220px; height: 220px; max-width: 100%; flex-shrink: 0; }
.compass-deco svg { width: 100%; height: auto; display: block; }

/* ===== Jurus compass-wheel widget (8-directional sector + radial power bar) ===== */
.jurus-widget {
  display: flex; flex-wrap: wrap; gap: 1.6rem;
  background: var(--color-surface); border: 1px solid var(--color-border);
  border-radius: var(--radius); padding: 2rem;
}
.jurus-widget__controls { flex: 1 1 320px; min-width: 0; display: flex; flex-direction: column; gap: 1.5rem; }
.jurus-widget__display { flex: 1 1 220px; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 1rem; text-align: center; }
.jurus-slider__head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 0.4rem; gap: 0.6rem; }
.jurus-slider__name { font-weight: 700; font-size: 0.92rem; }
.jurus-slider__value { color: var(--color-gold); font-family: var(--ff-head); font-weight: 700; }
.jurus-slider__hint { font-size: 0.8rem; margin: 0.4rem 0 0; }
input[type="range"] { width: 100%; accent-color: var(--color-red); background: transparent; padding: 0; border: none; }

.jurus-chart-wrap { width: 200px; max-width: 100%; }
.jurus-chart-wrap svg { width: 100%; height: auto; }
.jurus-readout { display: flex; gap: 1.6rem; flex-wrap: wrap; justify-content: center; }
.jurus-readout__item { min-width: 80px; }
.jurus-readout__num { display: block; font-family: var(--ff-head); font-weight: 700; font-size: 1.3rem; color: var(--color-ink); }
.jurus-readout__label { display: block; font-size: 0.68rem; color: var(--color-muted); text-transform: uppercase; letter-spacing: 0.06em; margin-top: 0.15rem; }
.jurus-category {
  display: inline-block; background: var(--color-red); color: #f5ede1;
  font-family: var(--ff-head); font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em;
  font-size: 0.82rem; padding: 0.4em 1.1em; border-radius: var(--radius);
}