/* Final Reiki gold system: one direction color, level-specific density of gold. */
html[data-level] body {
  background:
    radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--level-accent) 10%, transparent), transparent 28%),
    linear-gradient(180deg, var(--level-wash) 0%, #FFFFFF 44%, color-mix(in srgb, var(--level-soft) 34%, #FFFFFF) 100%) !important;
}

html[data-level] .hero {
  background:
    radial-gradient(circle at 82% 16%, rgba(255,255,255,.34), transparent 30%),
    radial-gradient(circle at 14% 78%, color-mix(in srgb, var(--level-accent) 20%, transparent), transparent 34%),
    linear-gradient(135deg, var(--level-wash) 0%, var(--level-soft) 52%, var(--level-accent) 100%) !important;
  color: var(--ink) !important;
}

html[data-level] .hero h1,
html[data-level] .hero .hero-title,
html[data-level] .hero .lead {
  color: var(--ink) !important;
}

html[data-level] main > section {
  background: #FFFFFF !important;
}

html[data-level] main > section:nth-of-type(even) {
  background:
    radial-gradient(circle at 90% 10%, color-mix(in srgb, var(--level-accent) 9%, transparent), transparent 28%),
    linear-gradient(135deg, #FFFFFF 0%, color-mix(in srgb, var(--level-wash) 74%, #FFFFFF) 100%) !important;
}

html[data-level] main > section:nth-of-type(4n) {
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--level-soft) 36%, #FFFFFF) 0%, #FFFFFF 100%) !important;
}

html[data-level] main > section:nth-of-type(6n) {
  background:
    radial-gradient(circle at 84% 18%, color-mix(in srgb, var(--level-accent) 20%, transparent), transparent 34%),
    linear-gradient(135deg, var(--level-deep) 0%, color-mix(in srgb, var(--level-primary) 78%, var(--level-deep)) 100%) !important;
  color: #FFFFFF !important;
}

html[data-level] main > section:nth-of-type(6n) .eyebrow,
html[data-level] main > section:nth-of-type(6n) .section-title,
html[data-level] main > section:nth-of-type(6n) .lead,
html[data-level] main > section:nth-of-type(6n) h2,
html[data-level] main > section:nth-of-type(6n) h3,
html[data-level] main > section:nth-of-type(6n) p,
html[data-level] main > section:nth-of-type(6n) span,
html[data-level] main > section:nth-of-type(6n) em,
html[data-level] main > section:nth-of-type(6n) li,
html[data-level] main > section:nth-of-type(6n) strong {
  color: #FFFFFF !important;
}

html[data-level] main > section:nth-of-type(6n) .card,
html[data-level] main > section:nth-of-type(6n) article {
  border-color: rgba(255,255,255,.48) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.96), color-mix(in srgb, var(--level-wash) 76%, #FFFFFF)) !important;
  color: var(--ink) !important;
  box-shadow: 0 18px 46px color-mix(in srgb, var(--level-deep) 14%, transparent) !important;
}

html[data-level] main > section:nth-of-type(6n) .card h3,
html[data-level] main > section:nth-of-type(6n) article h3,
html[data-level] main > section:nth-of-type(6n) .card h2,
html[data-level] main > section:nth-of-type(6n) article h2,
html[data-level] main > section:nth-of-type(6n) .card .section-title,
html[data-level] main > section:nth-of-type(6n) article .section-title,
html[data-level] main > section:nth-of-type(6n) .card h4,
html[data-level] main > section:nth-of-type(6n) article h4,
html[data-level] main > section:nth-of-type(6n) .card strong,
html[data-level] main > section:nth-of-type(6n) article strong {
  color: var(--ink) !important;
}

html[data-level] main > section:nth-of-type(6n) .card span,
html[data-level] main > section:nth-of-type(6n) article span,
html[data-level] main > section:nth-of-type(6n) .card .eyebrow,
html[data-level] main > section:nth-of-type(6n) article .eyebrow {
  color: var(--level-deep) !important;
}

html[data-level] main > section:nth-of-type(6n) .card p,
html[data-level] main > section:nth-of-type(6n) article p,
html[data-level] main > section:nth-of-type(6n) .card li,
html[data-level] main > section:nth-of-type(6n) article li {
  color: var(--ink-soft) !important;
}

html[data-level] main > section:nth-of-type(6n) .image-panel,
html[data-level] main > section:nth-of-type(6n) .video-card {
  border-color: rgba(255,255,255,.22) !important;
  background: rgba(255,255,255,.10) !important;
  box-shadow: none !important;
}

html[data-level] section.reiki-master-video-section,
html[data-level] section.final-cta {
  background:
    radial-gradient(circle at 84% 18%, color-mix(in srgb, var(--level-accent) 18%, transparent), transparent 34%),
    linear-gradient(135deg, var(--level-deep) 0%, color-mix(in srgb, var(--level-primary) 76%, var(--level-deep)) 100%) !important;
  color: #FFFFFF !important;
}

html[data-level] section.reiki-master-video-section .eyebrow,
html[data-level] section.reiki-master-video-section .section-title,
html[data-level] section.reiki-master-video-section .lead,
html[data-level] section.reiki-master-video-section p,
html[data-level] section.final-cta .eyebrow,
html[data-level] section.final-cta .final-title,
html[data-level] section.final-cta .lead,
html[data-level] section.final-cta p,
html[data-level] section.final-cta .final-facts span {
  color: #FFFFFF !important;
}

html[data-level] section.reiki-master-video-section .video-card {
  border-color: rgba(255,255,255,.22) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.05)),
    color-mix(in srgb, var(--level-deep) 72%, #000) !important;
  color: #FFFFFF !important;
}

html[data-level] main section.creation-section article,
html[data-level] section.creation-section article {
  border-color: rgba(255,255,255,.54) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.96), color-mix(in srgb, var(--level-wash) 74%, #FFFFFF)) !important;
  color: var(--ink) !important;
  box-shadow: 0 18px 46px color-mix(in srgb, var(--level-deep) 16%, transparent) !important;
}

html[data-level] main section.creation-section article span,
html[data-level] main section.creation-section article .eyebrow,
html[data-level] section.creation-section article span,
html[data-level] section.creation-section article .eyebrow {
  color: var(--level-deep) !important;
}

html[data-level] main section.creation-section article h3,
html[data-level] main section.creation-section article strong,
html[data-level] section.creation-section article h3,
html[data-level] section.creation-section article strong {
  color: var(--ink) !important;
}

html[data-level] main section.creation-section article p,
html[data-level] main section.creation-section article li,
html[data-level] section.creation-section article p,
html[data-level] section.creation-section article li {
  color: var(--ink-soft) !important;
}

html[data-level] section.path-navigator .path-step {
  border-color: rgba(255,255,255,.56) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), color-mix(in srgb, var(--level-wash) 76%, #FFFFFF)) !important;
  color: var(--ink) !important;
  box-shadow: 0 18px 46px color-mix(in srgb, var(--level-deep) 14%, transparent) !important;
}

html[data-level] section.path-navigator .path-step--current {
  border-color: color-mix(in srgb, var(--level-accent) 72%, #FFFFFF) !important;
  background:
    linear-gradient(180deg, #FFFFFF, color-mix(in srgb, var(--level-wash) 82%, #FFFFFF)) !important;
  box-shadow:
    0 0 0 2px color-mix(in srgb, var(--level-accent) 34%, transparent),
    0 22px 52px color-mix(in srgb, var(--level-deep) 18%, transparent) !important;
}

html[data-level] section.path-navigator .path-step__marker,
html[data-level] section.path-navigator .path-step--current .path-step__marker {
  border-color: color-mix(in srgb, var(--level-accent) 42%, #FFFFFF) !important;
  background: #FFFFFF !important;
  color: var(--level-deep) !important;
}

html[data-level] section.path-navigator .path-step--current .path-step__marker {
  border-color: var(--level-primary) !important;
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--level-accent) 28%, transparent),
    inset 0 0 0 1px rgba(255,255,255,.72) !important;
}

html[data-level] section.path-navigator .path-step__body,
html[data-level] section.path-navigator .path-step__body strong,
html[data-level] section.path-navigator .path-step__body span,
html[data-level] section.path-navigator .path-step__body em {
  color: var(--ink) !important;
}

html[data-level] section.path-navigator .path-step__body em {
  color: var(--ink-soft) !important;
}

html[data-level] section.path-navigator .path-navigator__map::before {
  background: color-mix(in srgb, var(--level-primary) 34%, #FFFFFF) !important;
  opacity: .82 !important;
}

html[data-level] section.path-navigator .path-navigator__note {
  border-color: rgba(255,255,255,.22) !important;
  background:
    radial-gradient(circle at 86% 18%, color-mix(in srgb, var(--level-accent) 18%, transparent), transparent 34%),
    linear-gradient(135deg, var(--level-deep), color-mix(in srgb, var(--level-primary) 72%, var(--level-deep))) !important;
  color: #FFFFFF !important;
}

html[data-level] section.path-navigator .path-navigator__note p {
  color: #FFFFFF !important;
}

html[data-level] .process-section .timeline-step__number,
html[data-level] .timeline-step__number {
  border-color: color-mix(in srgb, var(--level-accent) 34%, #FFFFFF) !important;
  background: var(--level-deep) !important;
  color: #FFFFFF !important;
}

html[data-level] main > section:not(:nth-of-type(6n)):not(.reiki-master-video-section):not(.final-cta) .eyebrow,
html[data-level] .hero .eyebrow,
html[data-level] .mentor-facts span,
html[data-level] .scenario-card span,
html[data-level] .level-compare span,
html[data-level] .instrument-grid span,
html[data-level] .method-list span,
html[data-level] .system-section article span,
html[data-level] .format-notes article span,
html[data-level] main article > span,
html[data-level] main article .label {
  color: var(--level-deep) !important;
}

html[data-level] .direction-card,
html[data-level] .field-card {
  color: #FFFFFF !important;
}

html[data-level] .direction-card .eyebrow,
html[data-level] main section .direction-card .eyebrow,
html[data-level] .direction-card h2,
html[data-level] main section .direction-card h2,
html[data-level] .direction-card h3,
html[data-level] main section .direction-card h3,
html[data-level] .direction-card h4,
html[data-level] main section .direction-card h4,
html[data-level] .direction-card p,
html[data-level] main section .direction-card p,
html[data-level] .direction-card span,
html[data-level] main section .direction-card span,
html[data-level] .field-card .eyebrow,
html[data-level] main section .field-card .eyebrow,
html[data-level] .field-card h2,
html[data-level] main section .field-card h2,
html[data-level] .field-card h3,
html[data-level] main section .field-card h3,
html[data-level] .field-card h4,
html[data-level] main section .field-card h4,
html[data-level] .field-card p,
html[data-level] main section .field-card p,
html[data-level] .field-card span,
html[data-level] main section .field-card span {
  color: #FFFFFF !important;
}

html[data-level] .video-frame--poster {
  color: #FFFFFF !important;
  text-shadow: 0 2px 18px rgba(0,0,0,.42) !important;
}

html[data-level] main > section:not(:nth-of-type(6n)):not(.reiki-master-video-section):not(.final-cta) .direction-card .eyebrow,
html[data-level] main > section:not(:nth-of-type(6n)):not(.reiki-master-video-section):not(.final-cta) .direction-card > p,
html[data-level] main > section:not(:nth-of-type(6n)):not(.reiki-master-video-section):not(.final-cta) .field-card .eyebrow,
html[data-level] main > section:not(:nth-of-type(6n)):not(.reiki-master-video-section):not(.final-cta) .field-card > p {
  color: #FFFFFF !important;
}

html[data-level] .button--primary,
html[data-level] .btn--primary {
  background: #7E6A22 !important;
  border-color: #7E6A22 !important;
  color: #FFFFFF !important;
}

html[data-level] .button--primary:hover,
html[data-level] .button--primary:focus-visible,
html[data-level] .btn--primary:hover,
html[data-level] .btn--primary:focus-visible {
  background: #665519 !important;
  border-color: #665519 !important;
  color: #FFFFFF !important;
}

html[data-level] .button--secondary,
html[data-level] .text-link {
  border-color: rgba(126,106,34,.42) !important;
  color: #7E6A22 !important;
}

html[data-level] .button--on-dark,
html[data-level] main > section:nth-of-type(6n) .button--secondary,
html[data-level] main > section:nth-of-type(6n) .text-link,
html[data-level] section.reiki-master-video-section .button--secondary,
html[data-level] section.reiki-master-video-section .text-link,
html[data-level] section.final-cta .button--secondary,
html[data-level] section.final-cta .text-link {
  border-color: rgba(255,255,255,.64) !important;
  background: rgba(255,255,255,.10) !important;
  color: #FFFFFF !important;
}

html[data-level] .button--on-dark:hover,
html[data-level] main > section:nth-of-type(6n) .button--secondary:hover,
html[data-level] section.reiki-master-video-section .button--secondary:hover,
html[data-level] section.final-cta .button--secondary:hover {
  border-color: #FFFFFF !important;
  background: rgba(255,255,255,.18) !important;
  color: #FFFFFF !important;
}

html[data-level] .eh-local-strip a[aria-current="page"],
html[data-level] .eh-shell-breadcrumb span:last-child {
  color: #4C4218 !important;
}

html[data-level] main [id],
body[data-level] main [id] {
  scroll-margin-top: 210px !important;
}

/* Reiki shared redesign pass: readable video, compact path map, calmer info panels. */
html[data-level] section.reiki-master-video-section.video-section {
  background:
    radial-gradient(circle at 12% 10%, color-mix(in srgb, var(--level-accent) 16%, transparent), transparent 30%),
    linear-gradient(135deg, #FFFDF6 0%, color-mix(in srgb, var(--level-wash) 78%, #FFFFFF) 58%, #FFFFFF 100%) !important;
  color: var(--ink) !important;
  border-block: 1px solid color-mix(in srgb, var(--level-primary) 16%, var(--line)) !important;
}

html[data-level] section.reiki-master-video-section.video-section::before {
  display: none !important;
}

html[data-level] section.reiki-master-video-section.video-section > .container,
html[data-level] .reiki-master-video-layout.video-layout {
  display: grid !important;
  grid-template-columns: minmax(260px, .72fr) minmax(420px, 1.08fr) !important;
  gap: clamp(24px, 4vw, 56px) !important;
  align-items: center !important;
}

html[data-level] section.reiki-master-video-section .eyebrow {
  color: var(--level-deep) !important;
}

html[data-level] section.reiki-master-video-section .section-title,
html[data-level] section.reiki-master-video-section h2,
html[data-level] section.reiki-master-video-section .lead {
  color: var(--ink) !important;
}

html[data-level] section.reiki-master-video-section p,
html[data-level] section.reiki-master-video-section .copy p,
html[data-level] section.reiki-master-video-section .text-stack p {
  color: var(--ink-soft) !important;
}

html[data-level] section.reiki-master-video-section .video-card,
html[data-level] .reiki-master-video-card.video-card {
  padding: clamp(10px, 1.4vw, 14px) !important;
  border: 1px solid color-mix(in srgb, var(--level-primary) 22%, var(--line)) !important;
  border-radius: 22px !important;
  background:
    linear-gradient(145deg, #FFFFFF, color-mix(in srgb, var(--level-wash) 54%, #FFFFFF)) !important;
  color: var(--ink) !important;
  box-shadow: 0 24px 64px color-mix(in srgb, var(--level-deep) 14%, transparent) !important;
}

html[data-level] section.reiki-master-video-section .video-card::before,
html[data-level] .reiki-master-video-card.video-card::before {
  display: none !important;
}

html[data-level] .reiki-master-video-frame.video-frame,
html[data-level] section.reiki-master-video-section .video-frame {
  border-radius: 16px !important;
  background: #17151B !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html[data-level] section.reiki-master-video-section .video-card p,
html[data-level] .reiki-master-video-card.video-card p {
  margin: 12px 4px 2px !important;
  color: var(--ink-soft) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

html[data-level] section.path-navigator {
  position: relative !important;
  padding-block: clamp(42px, 5vw, 72px) !important;
  border-block: 1px solid color-mix(in srgb, var(--level-primary) 16%, var(--line)) !important;
  background:
    radial-gradient(circle at 90% 12%, color-mix(in srgb, var(--level-accent) 10%, transparent), transparent 30%),
    linear-gradient(180deg, #FFFFFF 0%, color-mix(in srgb, var(--level-wash) 68%, #FFFFFF) 100%) !important;
  color: var(--ink) !important;
}

html[data-level] section.path-navigator::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-top: 1px solid rgba(255,255,255,.92);
  border-bottom: 1px solid color-mix(in srgb, var(--level-primary) 18%, transparent);
}

html[data-level] section.path-navigator .path-navigator__intro {
  max-width: none !important;
  display: grid !important;
  grid-template-columns: minmax(240px, .62fr) minmax(0, 1fr) !important;
  gap: clamp(18px, 3vw, 38px) !important;
  align-items: end !important;
}

html[data-level] section.path-navigator .path-navigator__intro .section-title,
html[data-level] section.path-navigator .path-navigator__intro h2 {
  color: var(--ink) !important;
}

html[data-level] section.path-navigator .path-navigator__intro .lead,
html[data-level] section.path-navigator .path-navigator__intro p:not(.eyebrow) {
  max-width: 760px !important;
  color: var(--ink-soft) !important;
}

html[data-level] section.path-navigator .path-navigator__map {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: clamp(22px, 3vw, 34px) !important;
  align-items: stretch !important;
}

html[data-level] section.path-navigator .path-navigator__map::before {
  display: none !important;
}

html[data-level] section.path-navigator .path-step {
  min-height: 176px !important;
  height: auto !important;
  padding: 13px 11px 14px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto 1fr !important;
  gap: 10px !important;
  border: 1px solid color-mix(in srgb, var(--level-primary) 18%, var(--line)) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, #FFFFFF, color-mix(in srgb, var(--level-wash) 52%, #FFFFFF)) !important;
  color: var(--ink) !important;
  box-shadow: 0 12px 32px color-mix(in srgb, var(--level-deep) 7%, transparent) !important;
  overflow: hidden !important;
  transform: none !important;
}

html[data-level] section.path-navigator a.path-step {
  cursor: pointer !important;
  text-decoration: none !important;
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease !important;
}

html[data-level] section.path-navigator a.path-step::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  height: 4px;
  border-radius: 18px 18px 0 0;
  background: linear-gradient(90deg, transparent 0%, var(--level-primary) 14%, var(--level-primary) 86%, transparent 100%);
  opacity: 0;
  pointer-events: none;
  transform: scaleX(.18);
  transform-origin: left center;
  transition: transform .22s ease, opacity .18s ease;
}

html[data-level] section.path-navigator a.path-step:hover,
html[data-level] section.path-navigator a.path-step:focus-visible {
  border-color: color-mix(in srgb, var(--level-primary) 48%, #FFFFFF) !important;
  transform: translate(6px, -8px) !important;
  box-shadow:
    inset 4px 0 0 color-mix(in srgb, var(--level-primary) 78%, transparent),
    0 24px 58px color-mix(in srgb, var(--level-deep) 18%, transparent) !important;
}

html[data-level] section.path-navigator a.path-step:hover::after,
html[data-level] section.path-navigator a.path-step:focus-visible::after {
  opacity: .98;
  transform: scaleX(1);
}

html[data-level] section.path-navigator a.path-step:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--level-primary) 34%, #FFFFFF) !important;
  outline-offset: 4px !important;
}

html[data-level] section.path-navigator .path-step--current:hover,
html[data-level] section.path-navigator .path-step--current:focus-visible {
  transform: none !important;
}

html[data-level] section.path-navigator .path-step__marker {
  width: 34px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid color-mix(in srgb, var(--level-primary) 30%, #FFFFFF) !important;
  border-radius: 999px !important;
  background: #FFFFFF !important;
  color: var(--level-deep) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .04em !important;
}

html[data-level] section.path-navigator .path-step__body {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
}

html[data-level] section.path-navigator .path-step__body strong {
  color: var(--ink) !important;
  font-size: clamp(15px, 1.25vw, 17px) !important;
  line-height: 1.13 !important;
}

html[data-level] section.path-navigator .path-step__body span {
  color: var(--level-deep) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

html[data-level] section.path-navigator .path-step__body em {
  display: -webkit-box !important;
  overflow: hidden !important;
  color: var(--ink-soft) !important;
  font-size: 12px !important;
  font-style: normal !important;
  line-height: 1.35 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

html[data-level] section.path-navigator .path-step--current {
  position: relative !important;
  border-color: color-mix(in srgb, var(--level-primary) 72%, #FFFFFF) !important;
  background:
    linear-gradient(145deg, var(--level-deep), color-mix(in srgb, var(--level-primary) 82%, var(--level-deep))) !important;
  color: #FFFFFF !important;
  box-shadow: 0 18px 44px color-mix(in srgb, var(--level-deep) 24%, transparent) !important;
}

html[data-level] section.path-navigator .path-step--current::after {
  content: "Вы здесь";
  position: absolute;
  top: 12px;
  right: 11px;
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .04em;
  line-height: 1;
  text-transform: uppercase;
}

html[data-level] section.path-navigator .path-step--current .path-step__marker {
  border-color: #FFFFFF !important;
  background: #FFFFFF !important;
  color: var(--level-deep) !important;
  box-shadow: none !important;
}

html[data-level] section.path-navigator .path-step--current .path-step__body strong,
html[data-level] section.path-navigator .path-step--current .path-step__body span {
  color: #FFFFFF !important;
}

html[data-level] section.path-navigator .path-step--current .path-step__body em {
  color: rgba(255,255,255,.78) !important;
}

html[data-level] section.path-navigator .path-navigator__note {
  margin-top: 14px !important;
  padding: 16px 18px !important;
  border: 1px solid color-mix(in srgb, var(--level-primary) 18%, var(--line)) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.88), color-mix(in srgb, var(--level-wash) 64%, #FFFFFF)) !important;
  color: var(--ink) !important;
  box-shadow: 0 12px 32px color-mix(in srgb, var(--level-deep) 7%, transparent) !important;
}

html[data-level] section.path-navigator .path-navigator__note p {
  color: var(--ink-soft) !important;
}

html[data-level] section.path-navigator .path-navigator__note p:first-child {
  color: var(--ink) !important;
  font-weight: 760 !important;
}

html[data-level] .hero-facts,
html[data-level] .hero-trust,
html[data-level] .hero-mentor,
html[data-level] .interview-panel,
html[data-level] .quality-panel,
html[data-level] .mentor-panel,
html[data-level] .format-notes article,
html[data-level] .route-steps article {
  border: 1px solid color-mix(in srgb, var(--level-primary) 18%, var(--line)) !important;
  border-radius: 20px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.92), color-mix(in srgb, var(--level-wash) 58%, #FFFFFF)) !important;
  color: var(--ink) !important;
  box-shadow: 0 16px 42px color-mix(in srgb, var(--level-deep) 9%, transparent) !important;
}

html[data-level] .hero-facts strong,
html[data-level] .hero-trust strong,
html[data-level] .hero-mentor strong,
html[data-level] .interview-panel h3,
html[data-level] .quality-panel h3,
html[data-level] .mentor-panel h3,
html[data-level] .format-notes article strong,
html[data-level] .route-steps article h3 {
  color: var(--ink) !important;
}

html[data-level] .hero-facts span,
html[data-level] .hero-trust span,
html[data-level] .hero-mentor span,
html[data-level] .interview-panel p,
html[data-level] .quality-panel p,
html[data-level] .mentor-panel p,
html[data-level] .format-notes article p,
html[data-level] .route-steps article p {
  color: var(--ink-soft) !important;
}

html[data-level] .route-steps article span {
  width: 34px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--level-primary) 12%, #FFFFFF) !important;
  color: var(--level-deep) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

html[data-level] .format-notes article span {
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin-top: 9px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--ink-soft) !important;
  font-size: 14px !important;
  font-weight: 520 !important;
  letter-spacing: 0 !important;
  line-height: 1.48 !important;
  text-transform: none !important;
}

html[data-level] .hero-trust {
  width: fit-content !important;
  max-width: min(100%, 680px) !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, auto)) !important;
  gap: 8px !important;
  margin-top: 18px !important;
  padding: 13px !important;
}

html[data-level] .hero-trust::before {
  content: "Линия передачи";
  grid-column: 1 / -1;
  color: var(--level-deep);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .1em;
  line-height: 1;
  text-transform: uppercase;
}

html[data-level] .hero-trust span {
  width: auto !important;
  height: auto !important;
  padding: 8px 10px !important;
  border: 1px solid color-mix(in srgb, var(--level-primary) 16%, var(--line)) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.58) !important;
  color: var(--level-deep) !important;
}

html[data-level] .hero-trust span:first-child {
  grid-column: 1 / -1;
  padding: 0 0 3px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--ink) !important;
  font-family: var(--font-serif, Georgia, serif) !important;
  font-size: clamp(20px, 2vw, 25px) !important;
  font-weight: 640 !important;
  line-height: 1.12 !important;
}

html[data-level] .hero-mentor {
  padding: 12px !important;
  display: grid !important;
  grid-template-columns: 44px 1fr !important;
  gap: 10px !important;
  align-items: center !important;
}

html[data-level] .hero-mentor img {
  width: 44px !important;
  height: 44px !important;
  border-radius: 999px !important;
  object-fit: cover !important;
}

html[data-level] .route-steps,
html[data-level] .format-notes {
  gap: 12px !important;
}

html[data-level] .route-layout,
html[data-level] .mentor-layout,
html[data-level] .teacher-roadmap {
  align-items: stretch !important;
}

@media (max-width: 1120px) {
  html[data-level] section.path-navigator .path-navigator__map {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 820px) {
  html[data-level] section.reiki-master-video-section.video-section > .container,
  html[data-level] .reiki-master-video-layout.video-layout,
  html[data-level] section.path-navigator .path-navigator__intro {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  html[data-level] section.path-navigator .path-navigator__map {
    grid-template-columns: 1fr !important;
  }

  html[data-level] section.path-navigator .path-step {
    min-height: 0 !important;
  }

  html[data-level] section.path-navigator .path-step--current::after {
    position: static;
    width: fit-content;
    margin-top: -2px;
  }

  html[data-level] .hero-trust {
    width: 100% !important;
    grid-template-columns: 1fr !important;
  }
}

html[data-level] main > section.teacher-roadmap-section,
body[data-level] main > section.teacher-roadmap-section {
  background:
    radial-gradient(circle at 88% 8%, rgba(255,255,255,.78), transparent 30%),
    linear-gradient(135deg, rgba(255,253,246,.98), color-mix(in srgb, var(--level-wash) 82%, #FFFFFF)) !important;
  color: var(--ink) !important;
}

html[data-level] main > section.teacher-roadmap-section .eyebrow,
body[data-level] main > section.teacher-roadmap-section .eyebrow {
  color: var(--level-deep) !important;
}

html[data-level] main > section.teacher-roadmap-section .section-title,
html[data-level] main > section.teacher-roadmap-section h2,
html[data-level] main > section.teacher-roadmap-section h3,
html[data-level] main > section.teacher-roadmap-section strong,
body[data-level] main > section.teacher-roadmap-section .section-title,
body[data-level] main > section.teacher-roadmap-section h2,
body[data-level] main > section.teacher-roadmap-section h3,
body[data-level] main > section.teacher-roadmap-section strong {
  color: var(--ink) !important;
}

html[data-level] main > section.teacher-roadmap-section p,
html[data-level] main > section.teacher-roadmap-section li,
html[data-level] main > section.teacher-roadmap-section .lead,
html[data-level] main > section.teacher-roadmap-section .format-notes article span,
body[data-level] main > section.teacher-roadmap-section p,
body[data-level] main > section.teacher-roadmap-section li,
body[data-level] main > section.teacher-roadmap-section .lead,
body[data-level] main > section.teacher-roadmap-section .format-notes article span {
  color: var(--ink-soft) !important;
}

html[data-level] main > section.path-navigator.section,
body[data-level] main > section.path-navigator.section {
  position: relative !important;
  margin-block: clamp(14px, 2.2vw, 26px) !important;
  padding-block: clamp(54px, 6vw, 84px) !important;
  border-top: 1px solid color-mix(in srgb, var(--level-primary) 26%, var(--line)) !important;
  border-bottom: 1px solid color-mix(in srgb, var(--level-primary) 24%, var(--line)) !important;
  background:
    radial-gradient(circle at 9% 0%, rgba(255,255,255,.78), transparent 28%),
    radial-gradient(circle at 90% 12%, color-mix(in srgb, var(--level-accent) 12%, transparent), transparent 30%),
    linear-gradient(180deg,
      color-mix(in srgb, var(--level-wash) 52%, #FFFFFF) 0%,
      #FFFFFF 31%,
      color-mix(in srgb, var(--level-wash) 74%, #FFFFFF) 100%) !important;
  color: var(--ink) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.86),
    0 -16px 42px color-mix(in srgb, var(--level-deep) 5%, transparent),
    0 16px 42px color-mix(in srgb, var(--level-deep) 5%, transparent) !important;
}

html[data-level] main > section.path-navigator.section .eyebrow,
body[data-level] main > section.path-navigator.section .eyebrow {
  color: var(--level-deep) !important;
}

html[data-level] main > section.path-navigator.section .section-title,
html[data-level] main > section.path-navigator.section h2,
body[data-level] main > section.path-navigator.section .section-title,
body[data-level] main > section.path-navigator.section h2 {
  color: var(--ink) !important;
}

html[data-level] main > section.path-navigator.section .lead,
html[data-level] main > section.path-navigator.section p,
body[data-level] main > section.path-navigator.section .lead,
body[data-level] main > section.path-navigator.section p {
  color: var(--ink-soft) !important;
}

html[data-level] main > section.path-navigator.section .path-navigator__note p:first-child,
body[data-level] main > section.path-navigator.section .path-navigator__note p:first-child {
  color: var(--ink) !important;
}

html[data-level] main > section .interview-panel h3,
html[data-level] main > section .quality-panel h3,
html[data-level] main > section .mentor-panel h3,
html[data-level] main > section .format-notes article strong,
html[data-level] main > section .route-steps article h3,
body[data-level] main > section .interview-panel h3,
body[data-level] main > section .quality-panel h3,
body[data-level] main > section .mentor-panel h3,
body[data-level] main > section .format-notes article strong,
body[data-level] main > section .route-steps article h3 {
  color: var(--ink) !important;
}

html[data-level] main > section .interview-panel p,
html[data-level] main > section .quality-panel p,
html[data-level] main > section .mentor-panel p,
html[data-level] main > section .format-notes article p,
html[data-level] main > section .route-steps article p,
body[data-level] main > section .interview-panel p,
body[data-level] main > section .quality-panel p,
body[data-level] main > section .mentor-panel p,
body[data-level] main > section .format-notes article p,
body[data-level] main > section .route-steps article p {
  color: var(--ink-soft) !important;
}

html[data-level] main > section.mentor-section .copy .eyebrow,
body[data-level] main > section.mentor-section .copy .eyebrow {
  color: var(--level-deep) !important;
}

html[data-level] main > section.mentor-section .copy .section-title,
html[data-level] main > section.mentor-section .copy h2,
body[data-level] main > section.mentor-section .copy .section-title,
body[data-level] main > section.mentor-section .copy h2 {
  color: var(--ink) !important;
}

html[data-level] main > section.mentor-section .copy .lead,
html[data-level] main > section.mentor-section .copy p,
body[data-level] main > section.mentor-section .copy .lead,
body[data-level] main > section.mentor-section .copy p {
  color: var(--ink-soft) !important;
}

html[data-level] main > section.mentor-section .interview-image,
body[data-level] main > section.mentor-section .interview-image {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
}

html[data-level] main > section.mentor-section .interview-image img,
body[data-level] main > section.mentor-section .interview-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Reiki mentor and author blocks: shared final layout */
html[data-level] main > section.mentor-section,
html[data-level] main > section.svetlana-section,
html[data-level] main > section.master-author-section,
body[data-level] main > section.mentor-section,
body[data-level] main > section.svetlana-section,
body[data-level] main > section.master-author-section {
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--level-accent) 13%, transparent), transparent 32%),
    linear-gradient(180deg,
      color-mix(in srgb, var(--level-wash) 64%, #FFFFFF) 0%,
      #FFFFFF 100%) !important;
  border-top: 1px solid color-mix(in srgb, var(--level-primary) 14%, var(--line)) !important;
  border-bottom: 1px solid color-mix(in srgb, var(--level-primary) 12%, var(--line)) !important;
}

html[data-level] main > section.mentor-section .mentor-grid,
html[data-level] main > section.mentor-section .mentor-layout,
html[data-level] main > section.svetlana-section .svetlana-layout,
html[data-level] main > section.master-author-section .master-author-card,
body[data-level] main > section.mentor-section .mentor-grid,
body[data-level] main > section.mentor-section .mentor-layout,
body[data-level] main > section.svetlana-section .svetlana-layout,
body[data-level] main > section.master-author-section .master-author-card {
  display: grid !important;
  gap: clamp(22px, 4vw, 48px) !important;
  align-items: stretch !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-level] main > section.mentor-section .mentor-photo,
html[data-level] main > section.svetlana-section .svetlana-photo,
html[data-level] main > section.master-author-section .master-author-card__photo,
body[data-level] main > section.mentor-section .mentor-photo,
body[data-level] main > section.svetlana-section .svetlana-photo,
body[data-level] main > section.master-author-section .master-author-card__photo {
  width: 100% !important;
  min-width: 0 !important;
  min-height: clamp(320px, 34vw, 470px) !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid color-mix(in srgb, var(--level-primary) 18%, var(--line)) !important;
  border-radius: 24px !important;
  background: color-mix(in srgb, var(--level-wash) 76%, #FFFFFF) !important;
  box-shadow: 0 22px 62px color-mix(in srgb, var(--level-deep) 11%, transparent) !important;
}

html[data-level] main > section.mentor-section .mentor-photo img,
html[data-level] main > section.svetlana-section .svetlana-photo img,
html[data-level] main > section.master-author-section .master-author-card__photo img,
body[data-level] main > section.mentor-section .mentor-photo img,
body[data-level] main > section.svetlana-section .svetlana-photo img,
body[data-level] main > section.master-author-section .master-author-card__photo img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: clamp(320px, 34vw, 470px) !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center 22% !important;
  filter: saturate(.98) contrast(.99) brightness(1.03) !important;
}

html[data-level] main > section.mentor-section .mentor-layout .mentor-photo,
body[data-level] main > section.mentor-section .mentor-layout .mentor-photo {
  min-height: 100% !important;
}

html[data-level] main > section.mentor-section .mentor-layout .mentor-photo img,
body[data-level] main > section.mentor-section .mentor-layout .mentor-photo img {
  min-height: 100% !important;
}

html[data-level] main > section.mentor-section .copy,
html[data-level] main > section.svetlana-section .copy,
html[data-level] main > section.svetlana-section .svetlana-copy,
html[data-level] main > section.master-author-section .copy,
body[data-level] main > section.mentor-section .copy,
body[data-level] main > section.svetlana-section .copy,
body[data-level] main > section.svetlana-section .svetlana-copy,
body[data-level] main > section.master-author-section .copy {
  align-self: stretch !important;
  display: grid !important;
  align-content: center !important;
  min-width: 0 !important;
  padding: clamp(24px, 3.4vw, 42px) !important;
  border: 1px solid color-mix(in srgb, var(--level-primary) 14%, var(--line)) !important;
  border-left: 5px solid var(--level-primary) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 94% 10%, color-mix(in srgb, var(--level-accent) 10%, transparent), transparent 30%),
    rgba(255, 255, 255, .91) !important;
  box-shadow: 0 20px 58px color-mix(in srgb, var(--level-deep) 9%, transparent) !important;
}

html[data-level] main > section.mentor-section .copy .eyebrow,
html[data-level] main > section.svetlana-section .copy .eyebrow,
html[data-level] main > section.svetlana-section .svetlana-copy .eyebrow,
html[data-level] main > section.master-author-section .copy .eyebrow,
body[data-level] main > section.mentor-section .copy .eyebrow,
body[data-level] main > section.svetlana-section .copy .eyebrow,
body[data-level] main > section.svetlana-section .svetlana-copy .eyebrow,
body[data-level] main > section.master-author-section .copy .eyebrow {
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 0 14px !important;
  padding: 8px 12px !important;
  border: 1px solid color-mix(in srgb, var(--level-primary) 18%, var(--line)) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--level-wash) 78%, #FFFFFF) !important;
  color: var(--level-deep) !important;
}

html[data-level] main > section.mentor-section .copy .section-title,
html[data-level] main > section.svetlana-section .copy .section-title,
html[data-level] main > section.svetlana-section .svetlana-copy .section-title,
html[data-level] main > section.master-author-section .copy .section-title,
body[data-level] main > section.mentor-section .copy .section-title,
body[data-level] main > section.svetlana-section .copy .section-title,
body[data-level] main > section.svetlana-section .svetlana-copy .section-title,
body[data-level] main > section.master-author-section .copy .section-title {
  margin: 0 !important;
  color: var(--ink) !important;
  font-size: clamp(34px, 4vw, 58px) !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
}

html[data-level] main > section.mentor-section .copy .text-stack,
html[data-level] main > section.svetlana-section .copy .text-stack,
html[data-level] main > section.svetlana-section .svetlana-copy .text-stack,
html[data-level] main > section.master-author-section .copy .text-stack,
body[data-level] main > section.mentor-section .copy .text-stack,
body[data-level] main > section.svetlana-section .copy .text-stack,
body[data-level] main > section.svetlana-section .svetlana-copy .text-stack,
body[data-level] main > section.master-author-section .copy .text-stack {
  margin-top: clamp(14px, 2vw, 20px) !important;
}

html[data-level] main > section.mentor-section .mentor-facts,
html[data-level] main > section.svetlana-section .mentor-facts,
body[data-level] main > section.mentor-section .mentor-facts,
body[data-level] main > section.svetlana-section .mentor-facts {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: clamp(18px, 2.4vw, 26px) !important;
}

html[data-level] main > section.mentor-section .mentor-facts span,
html[data-level] main > section.svetlana-section .mentor-facts span,
body[data-level] main > section.mentor-section .mentor-facts span,
body[data-level] main > section.svetlana-section .mentor-facts span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 38px !important;
  padding: 8px 12px !important;
  border: 1px solid color-mix(in srgb, var(--level-primary) 18%, var(--line)) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--level-wash) 74%, #FFFFFF) !important;
  color: var(--level-deep) !important;
  font-size: 13px !important;
  font-weight: 760 !important;
  line-height: 1.25 !important;
}

html[data-level] main > section.mentor-section .interview-panel,
html[data-level] main > section.svetlana-section .quality-panel,
html[data-level] main > section.svetlana-section .mentor-panel,
body[data-level] main > section.mentor-section .interview-panel,
body[data-level] main > section.svetlana-section .quality-panel,
body[data-level] main > section.svetlana-section .mentor-panel {
  align-self: stretch !important;
  display: grid !important;
  align-content: center !important;
  padding: clamp(22px, 3vw, 34px) !important;
  border: 1px solid color-mix(in srgb, var(--level-primary) 18%, transparent) !important;
  border-radius: 24px !important;
  background:
    linear-gradient(135deg, var(--level-deep), color-mix(in srgb, var(--level-primary) 70%, var(--level-deep))) !important;
  color: #FFFFFF !important;
  box-shadow: 0 20px 58px color-mix(in srgb, var(--level-deep) 14%, transparent) !important;
}

html[data-level] main > section.mentor-section .interview-panel h3,
html[data-level] main > section.mentor-section .interview-panel p,
html[data-level] main > section.svetlana-section .quality-panel h3,
html[data-level] main > section.svetlana-section .quality-panel p,
html[data-level] main > section.svetlana-section .mentor-panel h3,
html[data-level] main > section.svetlana-section .mentor-panel p,
body[data-level] main > section.mentor-section .interview-panel h3,
body[data-level] main > section.mentor-section .interview-panel p,
body[data-level] main > section.svetlana-section .quality-panel h3,
body[data-level] main > section.svetlana-section .quality-panel p,
body[data-level] main > section.svetlana-section .mentor-panel h3,
body[data-level] main > section.svetlana-section .mentor-panel p {
  color: #FFFFFF !important;
}

@media (min-width: 920px) {
  html[data-level] main > section.mentor-section .mentor-grid,
  body[data-level] main > section.mentor-section .mentor-grid {
    grid-template-columns: minmax(280px, .42fr) minmax(0, 1fr) !important;
  }

  html[data-level] main > section.master-author-section .master-author-card,
  body[data-level] main > section.master-author-section .master-author-card {
    grid-template-columns: minmax(280px, .42fr) minmax(0, 1fr) !important;
  }

  html[data-level] main > section.svetlana-section .svetlana-layout:has(.svetlana-photo),
  body[data-level] main > section.svetlana-section .svetlana-layout:has(.svetlana-photo) {
    grid-template-columns: minmax(240px, .32fr) minmax(0, 1fr) minmax(260px, .42fr) !important;
  }

  html[data-level] main > section.svetlana-section .svetlana-layout:has(.svetlana-photo) .quality-panel,
  body[data-level] main > section.svetlana-section .svetlana-layout:has(.svetlana-photo) .quality-panel {
    grid-column: auto !important;
    grid-row: auto !important;
  }

  html[data-level] main > section.svetlana-section .svetlana-layout:not(:has(.svetlana-photo)),
  body[data-level] main > section.svetlana-section .svetlana-layout:not(:has(.svetlana-photo)) {
    grid-template-columns: minmax(0, 1fr) minmax(280px, .44fr) !important;
  }
}

@media (max-width: 919px) {
  html[data-level] main > section.mentor-section .mentor-photo,
  html[data-level] main > section.svetlana-section .svetlana-photo,
  html[data-level] main > section.master-author-section .master-author-card__photo,
  html[data-level] main > section.mentor-section .mentor-photo img,
  html[data-level] main > section.svetlana-section .svetlana-photo img,
  html[data-level] main > section.master-author-section .master-author-card__photo img,
  body[data-level] main > section.mentor-section .mentor-photo,
  body[data-level] main > section.svetlana-section .svetlana-photo,
  body[data-level] main > section.master-author-section .master-author-card__photo,
  body[data-level] main > section.mentor-section .mentor-photo img,
  body[data-level] main > section.svetlana-section .svetlana-photo img,
  body[data-level] main > section.master-author-section .master-author-card__photo img {
    min-height: 320px !important;
  }
}

html[data-level] body .page-shell main section.path-navigator.section {
  position: relative !important;
  margin-block: clamp(14px, 2.2vw, 26px) !important;
  padding-block: clamp(54px, 6vw, 84px) !important;
  border-top: 1px solid color-mix(in srgb, var(--level-primary) 26%, var(--line)) !important;
  border-bottom: 1px solid color-mix(in srgb, var(--level-primary) 24%, var(--line)) !important;
  background:
    radial-gradient(circle at 9% 0%, rgba(255,255,255,.78), transparent 28%),
    radial-gradient(circle at 90% 12%, color-mix(in srgb, var(--level-accent) 12%, transparent), transparent 30%),
    linear-gradient(180deg,
      color-mix(in srgb, var(--level-wash) 52%, #FFFFFF) 0%,
      #FFFFFF 31%,
      color-mix(in srgb, var(--level-wash) 74%, #FFFFFF) 100%) !important;
  color: var(--ink) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.86),
    0 -16px 42px color-mix(in srgb, var(--level-deep) 5%, transparent),
    0 16px 42px color-mix(in srgb, var(--level-deep) 5%, transparent) !important;
}

/* Targeted cleanup for Reiki II: calmer hero, no pasted-on yellow trust strip. */
html[data-level="reiki-2"] .hero {
  min-height: auto !important;
  padding-bottom: clamp(44px, 6vw, 76px) !important;
  background:
    radial-gradient(circle at 88% 20%, color-mix(in srgb, var(--level-accent) 16%, transparent), transparent 32%),
    linear-gradient(135deg,
      color-mix(in srgb, var(--level-wash) 74%, #FFFFFF) 0%,
      #FFFFFF 48%,
      color-mix(in srgb, var(--level-soft) 52%, #FFFFFF) 100%) !important;
}

html[data-level="reiki-2"] .hero__grid {
  grid-template-columns: minmax(0, 1.06fr) minmax(320px, .72fr) !important;
  align-items: start !important;
}

html[data-level="reiki-2"] .hero-visual {
  align-self: start !important;
  min-height: 0 !important;
  max-height: 440px !important;
  aspect-ratio: 4 / 3.25 !important;
  margin-top: clamp(34px, 5vw, 82px) !important;
  border-radius: 28px !important;
}

html[data-level="reiki-2"] .hero-visual img {
  min-height: 0 !important;
  height: 100% !important;
  object-position: center 42% !important;
}

html[data-level="reiki-2"] .hero-facts {
  border-left: 0 !important;
  border-top: 3px solid color-mix(in srgb, var(--level-primary) 42%, var(--level-accent)) !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.84) !important;
}

html[data-level="reiki-2"] .hero-trust {
  display: block !important;
  width: min(100%, 620px) !important;
  max-width: 620px !important;
  padding: 17px 19px !important;
  border-left: 3px solid color-mix(in srgb, var(--level-primary) 44%, var(--level-accent)) !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.9) !important;
}

html[data-level="reiki-2"] .hero-trust::before {
  display: block !important;
  margin-bottom: 8px !important;
  color: var(--level-deep) !important;
}

html[data-level="reiki-2"] .hero-trust span {
  display: block !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html[data-level="reiki-2"] .hero-trust span:not(:first-child) {
  margin-top: 5px !important;
  color: var(--ink-soft) !important;
  font-size: 14px !important;
  font-weight: 640 !important;
}

html[data-level="reiki-2"] .hero-trust span:not(:first-child)::before {
  content: "\2022\00a0";
  color: var(--level-deep);
}

html[data-level="reiki-2"] .shift-section .visual-article {
  align-items: center !important;
}

html[data-level="reiki-2"] .shift-section .image-panel--wide {
  align-self: center !important;
  min-height: 0 !important;
  max-height: 330px !important;
  aspect-ratio: 16 / 10 !important;
}

html[data-level="reiki-2"] .shift-section .image-panel--wide img {
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 50% !important;
}

/* Master-Teacher: make the two post-video blocks intentionally different and readable. */
html[data-level="master-teacher"] .direction-section .direction-card {
  border: 1px solid color-mix(in srgb, var(--level-primary) 18%, var(--line)) !important;
  border-top: 4px solid color-mix(in srgb, var(--level-primary) 58%, var(--level-accent)) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.94), color-mix(in srgb, var(--level-wash) 58%, #FFFFFF)) !important;
  color: var(--ink) !important;
}

html[data-level="master-teacher"] .direction-section .direction-card .eyebrow,
html[data-level="master-teacher"] .direction-section .direction-card .section-title,
html[data-level="master-teacher"] .direction-section .direction-card .lead,
html[data-level="master-teacher"] .direction-section .direction-card p {
  color: var(--ink) !important;
}

html[data-level="master-teacher"] .direction-section .direction-card p:not(.lead) {
  color: var(--ink-soft) !important;
}

html[data-level="master-teacher"] main section.direction-section .direction-card .eyebrow,
html[data-level="master-teacher"] main section.direction-section .direction-card .section-title,
html[data-level="master-teacher"] main section.direction-section .direction-card .lead {
  color: var(--ink) !important;
}

html[data-level="master-teacher"] main section.direction-section .direction-card p {
  color: var(--ink-soft) !important;
}

html[data-level="master-teacher"] main section.direction-section .direction-card .eyebrow {
  color: var(--level-deep) !important;
}

html[data-level="master-teacher"] body .page-shell main > section.direction-section.direction-section .direction-card > .eyebrow {
  color: #4C4218 !important;
}

html[data-level="master-teacher"] body .page-shell main > section.direction-section.direction-section .direction-card > .section-title,
html[data-level="master-teacher"] body .page-shell main > section.direction-section.direction-section .direction-card > .lead {
  color: #17151B !important;
}

html[data-level="master-teacher"] body .page-shell main > section.direction-section.direction-section .direction-card > p:not(.eyebrow):not(.lead) {
  color: #5A5661 !important;
}

html[data-level="master-teacher"] .direction-list article {
  border: 1px solid color-mix(in srgb, var(--level-primary) 16%, var(--line)) !important;
  background: rgba(255,255,255,.82) !important;
  color: var(--ink) !important;
}

html[data-level="master-teacher"] .direction-list article span {
  color: var(--level-deep) !important;
}

html[data-level="master-teacher"] .direction-list article p {
  color: var(--ink-soft) !important;
}

html[data-level="master-teacher"] .direction-section .direction-grid {
  grid-template-columns: minmax(0, .9fr) minmax(320px, 1.08fr) !important;
  align-items: stretch !important;
}

html[data-level="master-teacher"] .direction-section .direction-list {
  gap: 14px !important;
}

html[data-level="master-teacher"] .direction-section .direction-list article {
  min-height: 118px !important;
  padding: 22px !important;
  border-radius: 22px !important;
  box-shadow: 0 16px 44px color-mix(in srgb, var(--level-deep) 6%, transparent) !important;
}

html[data-level="master-teacher"] .outcome-section .direction-grid {
  grid-template-columns: minmax(0, 1fr) minmax(320px, .72fr) !important;
}

html[data-level="master-teacher"] .outcome-section .direction-list {
  order: 1 !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html[data-level="master-teacher"] .outcome-section .direction-card {
  order: 2 !important;
  min-height: 100% !important;
  background:
    radial-gradient(circle at 88% 14%, color-mix(in srgb, var(--level-accent) 18%, transparent), transparent 34%),
    linear-gradient(135deg, var(--level-deep), color-mix(in srgb, var(--level-primary) 78%, var(--level-deep))) !important;
  color: #FFFFFF !important;
}

html[data-level="master-teacher"] .outcome-section .direction-list article {
  min-height: 180px !important;
  padding: 26px 24px !important;
  border-radius: 22px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), color-mix(in srgb, var(--level-wash) 44%, #FFFFFF)) !important;
}

html[data-level="master-teacher"] .outcome-section .direction-card .eyebrow,
html[data-level="master-teacher"] .outcome-section .direction-card .section-title,
html[data-level="master-teacher"] .outcome-section .direction-card .lead,
html[data-level="master-teacher"] .outcome-section .direction-card p {
  color: #FFFFFF !important;
}

html[data-level="master-teacher"] main section.outcome-section .direction-card .eyebrow,
html[data-level="master-teacher"] main section.outcome-section .direction-card .section-title,
html[data-level="master-teacher"] main section.outcome-section .direction-card .lead,
html[data-level="master-teacher"] main section.outcome-section .direction-card p {
  color: #FFFFFF !important;
}

.reiki-written-proof {
  max-width: 1160px;
  margin: clamp(30px, 5vw, 54px) auto !important;
  padding: clamp(24px, 4vw, 38px) !important;
  border: 1px solid color-mix(in srgb, var(--level-primary) 20%, #E5DAB5) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 86% 10%, color-mix(in srgb, var(--level-accent) 18%, transparent), transparent 32%),
    linear-gradient(135deg, color-mix(in srgb, var(--level-wash) 86%, #FFFFFF), color-mix(in srgb, var(--level-soft) 42%, #FFFFFF)) !important;
  box-shadow: 0 20px 58px rgba(76,66,24,.08) !important;
}

.reiki-written-proof__head {
  max-width: 760px;
  margin: 0 0 clamp(20px, 3vw, 30px);
}

.reiki-written-proof__head .eyebrow,
.reiki-audio-testimonials__head .eyebrow,
.written-testimonial .proof-card__label {
  display: inline-flex !important;
  width: fit-content !important;
  min-height: 28px !important;
  align-items: center !important;
  margin: 0 0 12px !important;
  padding: 0 10px !important;
  border: 1px solid color-mix(in srgb, var(--level-primary) 18%, transparent) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.72) !important;
  color: var(--level-primary) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 820 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.reiki-written-proof__head h3,
.reiki-audio-testimonials__head h3 {
  margin: 0 !important;
  color: var(--level-deep) !important;
  font-size: clamp(26px, 3vw, 42px) !important;
  line-height: 1.12 !important;
}

.reiki-written-proof__head p:not(.eyebrow),
.reiki-audio-testimonials__head p:not(.eyebrow) {
  margin: 12px 0 0 !important;
  color: var(--muted) !important;
  font-size: 16.5px !important;
  line-height: 1.62 !important;
}

.reiki-written-proof .written-testimonials,
.video-testimonials .reiki-written-proof .written-testimonials,
.student-voices .reiki-written-proof .written-testimonials {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin: 0 !important;
}

.reiki-written-proof .written-testimonial,
.video-testimonials .reiki-written-proof .written-testimonial,
.student-voices .reiki-written-proof .written-testimonial {
  position: relative !important;
  display: flex !important;
  min-height: 100% !important;
  flex-direction: column !important;
  padding: clamp(20px, 2.4vw, 28px) !important;
  border: 1px solid color-mix(in srgb, var(--level-primary) 20%, #E4D6AE) !important;
  border-left: 5px solid var(--level-primary) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), color-mix(in srgb, var(--level-wash) 52%, #FFFFFF)) !important;
  box-shadow: 0 14px 38px rgba(76,66,24,.07) !important;
}

.reiki-written-proof .written-testimonial::before,
.reiki-written-proof .written-testimonial::after {
  display: none !important;
}

.reiki-written-proof .written-testimonial blockquote {
  margin: 0 !important;
  color: var(--ink) !important;
  font-family: Inter, "Segoe UI", system-ui, sans-serif !important;
  font-size: clamp(16.5px, 1.25vw, 18.5px) !important;
  line-height: 1.62 !important;
  font-weight: 470 !important;
}

.reiki-written-proof .written-testimonial .proof-card__author,
.video-testimonials .reiki-written-proof .written-testimonial .proof-card__author,
.student-voices .reiki-written-proof .written-testimonial .proof-card__author {
  margin: auto 0 0 !important;
  padding-top: 18px !important;
  color: var(--level-primary) !important;
  font-size: 13.5px !important;
  line-height: 1.42 !important;
  font-weight: 820 !important;
}

.reiki-audio-section {
  padding: var(--section-y, clamp(44px, 6vw, 76px)) 0 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.72), color-mix(in srgb, var(--level-wash) 70%, #FFFFFF)) !important;
}

.reiki-audio-section .container {
  width: min(100% - 40px, 1160px) !important;
  margin-inline: auto !important;
}

.reiki-audio-testimonials {
  max-width: 1160px !important;
  margin: 0 auto !important;
  padding: clamp(24px, 4vw, 38px) !important;
  border: 1px solid color-mix(in srgb, var(--level-primary) 20%, #E5DAB5) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 88% 8%, color-mix(in srgb, var(--level-accent) 18%, transparent), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.96), color-mix(in srgb, var(--level-wash) 74%, #FFFFFF)) !important;
  box-shadow: 0 20px 58px rgba(76,66,24,.08) !important;
}

.reiki-audio-testimonials__grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin-top: clamp(20px, 3vw, 30px) !important;
}

.reiki-audio-card {
  display: flex !important;
  min-height: 100% !important;
  flex-direction: column !important;
  gap: 16px !important;
  padding: 20px !important;
  border: 1px solid color-mix(in srgb, var(--level-primary) 18%, #E4D6AE) !important;
  border-left: 5px solid var(--level-primary) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 14px 38px rgba(76,66,24,.06) !important;
}

.reiki-audio-card h3 {
  margin: 0 0 8px !important;
  color: var(--level-deep) !important;
  font-size: clamp(20px, 1.7vw, 24px) !important;
  line-height: 1.2 !important;
}

.reiki-audio-card p {
  margin: 0 !important;
  color: var(--muted) !important;
  font-size: 15px !important;
  line-height: 1.54 !important;
}

.reiki-audio-card audio {
  width: 100% !important;
  margin-top: auto !important;
}

@media (max-width: 920px) {
  html[data-level="reiki-2"] .hero__grid,
  html[data-level="master-teacher"] .outcome-section .direction-grid,
  html[data-level="master-teacher"] .outcome-section .direction-list {
    grid-template-columns: 1fr !important;
  }

  html[data-level="reiki-2"] .hero-visual {
    margin-top: 10px !important;
    aspect-ratio: 16 / 10 !important;
  }

  .reiki-written-proof .written-testimonials,
  .video-testimonials .reiki-written-proof .written-testimonials,
  .student-voices .reiki-written-proof .written-testimonials,
  .reiki-audio-testimonials__grid {
    grid-template-columns: 1fr !important;
  }
}

/* Final written-proof card language for Reiki. */
.reiki-written-proof {
  --proof-primary: var(--level-primary, #7E6A22);
  --proof-deep: var(--level-deep, #4C4218);
  --proof-soft: var(--level-soft, #F1E6B5);
  --proof-wash: var(--level-wash, #FFF9E8);
  --proof-accent: var(--level-accent, #D8BF63);
}

.reiki-written-proof .written-testimonials,
.video-testimonials .reiki-written-proof .written-testimonials,
.student-voices .reiki-written-proof .written-testimonials {
  gap: 16px !important;
}

.reiki-written-proof .written-testimonial,
.video-testimonials .reiki-written-proof .written-testimonial,
.student-voices .reiki-written-proof .written-testimonial {
  position: relative !important;
  overflow: hidden !important;
  padding: clamp(22px, 2.8vw, 32px) !important;
  border: 1px solid color-mix(in srgb, var(--proof-primary) 22%, #E4D6AE) !important;
  border-left: 1px solid color-mix(in srgb, var(--proof-primary) 22%, #E4D6AE) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--proof-accent) 16%, transparent), transparent 30%),
    linear-gradient(180deg, color-mix(in srgb, var(--proof-wash) 58%, #fff 42%), color-mix(in srgb, var(--proof-soft) 28%, #fff 72%)) !important;
  box-shadow: 0 18px 54px rgba(76,66,24,.08) !important;
}

.reiki-written-proof .written-testimonial::before,
.video-testimonials .reiki-written-proof .written-testimonial::before,
.student-voices .reiki-written-proof .written-testimonial::before {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  inset: 0 auto 0 0 !important;
  width: 5px !important;
  border-radius: 8px 0 0 8px !important;
  background: var(--proof-primary) !important;
}

.reiki-written-proof .written-testimonial::after,
.video-testimonials .reiki-written-proof .written-testimonial::after,
.student-voices .reiki-written-proof .written-testimonial::after {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  inset: 0 0 auto 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, var(--proof-primary), color-mix(in srgb, var(--proof-accent) 72%, #fff)) !important;
  opacity: .92 !important;
}

.reiki-written-proof .written-testimonial blockquote,
.video-testimonials .reiki-written-proof .written-testimonial blockquote,
.student-voices .reiki-written-proof .written-testimonial blockquote {
  position: relative !important;
  z-index: 1 !important;
  padding-top: 18px !important;
}

.reiki-written-proof .written-testimonial blockquote::before,
.video-testimonials .reiki-written-proof .written-testimonial blockquote::before,
.student-voices .reiki-written-proof .written-testimonial blockquote::before {
  content: "“" !important;
  position: absolute !important;
  z-index: -1 !important;
  top: -20px !important;
  right: 0 !important;
  color: color-mix(in srgb, var(--proof-primary) 16%, transparent) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 84px !important;
  line-height: 1 !important;
}

/* Page-specific Reiki polish: preserve portraits and strengthen pale gold blocks. */
html[data-level="master-teacher"] main > section.svetlana-section .svetlana-photo,
body[data-level="master-teacher"] main > section.svetlana-section .svetlana-photo {
  align-self: center !important;
  height: clamp(360px, 31vw, 430px) !important;
  min-height: clamp(360px, 31vw, 430px) !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(255,255,255,.86), transparent 34%),
    linear-gradient(180deg, #F8EFE1 0%, #E8D3B4 100%) !important;
}

html[data-level="master-teacher"] main > section.svetlana-section .svetlana-photo img,
body[data-level="master-teacher"] main > section.svetlana-section .svetlana-photo img {
  height: 100% !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center 42% !important;
  background: transparent !important;
}

html[data-level="multidimensional-master"] main > section.master-author-section .master-author-card__photo,
body[data-level="multidimensional-master"] main > section.master-author-section .master-author-card__photo {
  align-self: center !important;
  height: clamp(330px, 31vw, 390px) !important;
  min-height: clamp(330px, 31vw, 390px) !important;
  background:
    radial-gradient(circle at 50% 12%, rgba(255,255,255,.82), transparent 32%),
    linear-gradient(180deg, #F6E8D7 0%, #D7A973 100%) !important;
}

html[data-level="multidimensional-master"] main > section.master-author-section .master-author-card__photo img,
body[data-level="multidimensional-master"] main > section.master-author-section .master-author-card__photo img {
  height: 100% !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center bottom !important;
  background: transparent !important;
}

html[data-level="multidimensional-master"] main > section.transition-section .text-stack .lead,
body[data-level="multidimensional-master"] main > section.transition-section .text-stack .lead {
  position: relative !important;
  padding: clamp(18px, 2.2vw, 24px) !important;
  border: 1px solid rgba(142, 82, 54, .22) !important;
  border-left: 5px solid #9A5C3F !important;
  border-radius: 8px !important;
  background:
    linear-gradient(135deg, rgba(255, 244, 232, .96), rgba(250, 232, 214, .82)) !important;
  color: #6D3827 !important;
  box-shadow: 0 16px 42px rgba(109, 56, 39, .08) !important;
}

html[data-level="multidimensional-master"] main > section.not-section .not-list article,
body[data-level="multidimensional-master"] main > section.not-section .not-list article {
  border-color: rgba(142, 82, 54, .18) !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(216, 191, 99, .14), transparent 30%),
    linear-gradient(180deg, rgba(255, 249, 232, .94), rgba(255, 255, 255, .9)) !important;
}

html[data-level="multidimensional-master"] main > section.not-section .not-list strong,
body[data-level="multidimensional-master"] main > section.not-section .not-list strong {
  color: #6D3827 !important;
}

html[data-level="multidimensional-master"] main > section.not-section .not-list span,
body[data-level="multidimensional-master"] main > section.not-section .not-list span {
  color: #46342C !important;
}

html[data-level="multidimensional-master"] main > section.not-section .copy .lead,
body[data-level="multidimensional-master"] main > section.not-section .copy .lead {
  color: #6D3827 !important;
}

html[data-level="multidimensional-master"] main > section.not-section .copy p:not(.eyebrow):not(.lead),
body[data-level="multidimensional-master"] main > section.not-section .copy p:not(.eyebrow):not(.lead) {
  color: #46342C !important;
}

/* Shared Reiki product fact strip: key facts belong under the hero, not inside it. */
html[data-level] main > .reiki-fact-strip-section,
body[data-level] main > .reiki-fact-strip-section {
  padding: clamp(18px, 2.6vw, 30px) 0 !important;
  border-top: 1px solid color-mix(in srgb, var(--level-primary) 16%, rgba(221,216,208,.64)) !important;
  border-bottom: 1px solid color-mix(in srgb, var(--level-primary) 14%, rgba(221,216,208,.6)) !important;
  background:
    radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--level-accent) 12%, transparent), transparent 28%),
    linear-gradient(135deg, color-mix(in srgb, var(--level-wash) 72%, #fff) 0%, #fff 100%) !important;
}

html[data-level] .reiki-fact-strip,
body[data-level] .reiki-fact-strip {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 1px !important;
  overflow: hidden !important;
  border: 1px solid color-mix(in srgb, var(--level-primary) 18%, rgba(221,216,208,.8)) !important;
  border-radius: 8px !important;
  background: color-mix(in srgb, var(--level-primary) 18%, rgba(221,216,208,.72)) !important;
  box-shadow: 0 18px 52px color-mix(in srgb, var(--level-deep) 8%, transparent) !important;
}

html[data-level] .reiki-fact-strip article,
body[data-level] .reiki-fact-strip article {
  min-width: 0 !important;
  padding: clamp(16px, 2vw, 22px) !important;
  background:
    radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--level-accent) 10%, transparent), transparent 32%),
    rgba(255, 255, 255, .92) !important;
}

html[data-level] .reiki-fact-strip span,
body[data-level] .reiki-fact-strip span {
  display: block !important;
  margin-bottom: 8px !important;
  color: color-mix(in srgb, var(--level-primary) 78%, var(--level-deep)) !important;
  font-size: 11px !important;
  font-weight: 860 !important;
  letter-spacing: .08em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

html[data-level] .reiki-fact-strip strong,
body[data-level] .reiki-fact-strip strong {
  display: block !important;
  color: var(--level-deep) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(18px, 1.55vw, 24px) !important;
  font-weight: 500 !important;
  line-height: 1.12 !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 980px) {
  html[data-level] .reiki-fact-strip,
  body[data-level] .reiki-fact-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  html[data-level] main > .reiki-fact-strip-section,
  body[data-level] main > .reiki-fact-strip-section {
    padding: 14px 0 !important;
  }

  html[data-level] .reiki-fact-strip,
  body[data-level] .reiki-fact-strip {
    grid-template-columns: 1fr !important;
  }

  html[data-level] .reiki-fact-strip article,
  body[data-level] .reiki-fact-strip article {
    padding: 15px 16px !important;
  }
}

/* Final Reiki product polish: facts, FAQ and pale-gold choice blocks. */
html[data-level] main > .reiki-fact-strip-section,
body[data-level] main > .reiki-fact-strip-section {
  padding: clamp(22px, 3vw, 38px) 0 !important;
  border-top: 1px solid color-mix(in srgb, var(--level-primary) 14%, rgba(221,216,208,.7)) !important;
  border-bottom: 1px solid color-mix(in srgb, var(--level-primary) 16%, rgba(221,216,208,.72)) !important;
  background:
    radial-gradient(circle at 82% 0%, color-mix(in srgb, var(--level-accent) 24%, transparent), transparent 28%),
    linear-gradient(180deg, color-mix(in srgb, var(--level-wash) 86%, #fff) 0%, color-mix(in srgb, var(--level-soft) 30%, #fff) 100%) !important;
}

html[data-level] .reiki-fact-strip,
body[data-level] .reiki-fact-strip {
  counter-reset: reikiFact !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: clamp(10px, 1.1vw, 14px) !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-level] .reiki-fact-strip article,
body[data-level] .reiki-fact-strip article {
  counter-increment: reikiFact !important;
  position: relative !important;
  isolation: isolate !important;
  min-height: clamp(132px, 10vw, 164px) !important;
  padding: clamp(16px, 1.75vw, 23px) !important;
  overflow: hidden !important;
  border: 1px solid color-mix(in srgb, var(--level-primary) 20%, rgba(221,216,208,.82)) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 92% 10%, color-mix(in srgb, var(--level-accent) 14%, transparent), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.98), color-mix(in srgb, var(--level-wash) 62%, #fff)) !important;
  box-shadow: 0 18px 48px color-mix(in srgb, var(--level-deep) 9%, transparent) !important;
}

html[data-level] .reiki-fact-strip article::before,
body[data-level] .reiki-fact-strip article::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  z-index: 1 !important;
  height: 4px !important;
  background: linear-gradient(90deg, var(--level-primary), color-mix(in srgb, var(--level-accent) 72%, #fff)) !important;
}

html[data-level] .reiki-fact-strip article::after,
body[data-level] .reiki-fact-strip article::after {
  content: counter(reikiFact, decimal-leading-zero) !important;
  position: absolute !important;
  right: 14px !important;
  bottom: 10px !important;
  z-index: -1 !important;
  color: color-mix(in srgb, var(--level-primary) 10%, transparent) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(42px, 4vw, 68px) !important;
  line-height: 1 !important;
}

html[data-level] .reiki-fact-strip span,
body[data-level] .reiki-fact-strip span {
  margin-bottom: 10px !important;
  color: color-mix(in srgb, var(--level-primary) 86%, var(--level-deep)) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .09em !important;
}

html[data-level] .reiki-fact-strip strong,
body[data-level] .reiki-fact-strip strong {
  color: var(--ink) !important;
  font-size: clamp(15px, 1.02vw, 19px) !important;
  line-height: 1.18 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
  text-wrap: balance !important;
}

html[data-level="multidimensional-master"] .reiki-fact-strip strong,
body[data-level="multidimensional-master"] .reiki-fact-strip strong {
  font-size: clamp(15px, 1.05vw, 19px) !important;
}

html[data-level] main > section.faq-section,
body[data-level] main > section.faq-section {
  background:
    radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--level-accent) 14%, transparent), transparent 32%),
    linear-gradient(180deg, color-mix(in srgb, var(--level-wash) 78%, #fff), color-mix(in srgb, var(--level-soft) 22%, #fff)) !important;
  color: var(--ink) !important;
}

html[data-level] main > section.faq-section .faq-grid > div:first-child,
body[data-level] main > section.faq-section .faq-grid > div:first-child {
  row-gap: 14px !important;
  column-gap: clamp(18px, 3vw, 42px) !important;
  border: 1px solid color-mix(in srgb, var(--level-primary) 18%, rgba(221,216,208,.76)) !important;
  background:
    radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--level-accent) 18%, transparent), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.96), color-mix(in srgb, var(--level-wash) 66%, #fff)) !important;
  box-shadow: 0 22px 58px color-mix(in srgb, var(--level-deep) 8%, transparent) !important;
}

html[data-level] main > section.faq-section .eyebrow,
html[data-level] main > section.faq-section .section-title,
html[data-level] main > section.faq-section .section-note,
html[data-level] main > section.faq-section .faq-side-note,
html[data-level] main > section.faq-section .faq-note,
html[data-level] main > section.faq-section .faq__button,
html[data-level] main > section.faq-section .faq__question,
html[data-level] main > section.faq-section .faq__panel,
html[data-level] main > section.faq-section .faq__panel p,
body[data-level] main > section.faq-section .eyebrow,
body[data-level] main > section.faq-section .section-title,
body[data-level] main > section.faq-section .section-note,
body[data-level] main > section.faq-section .faq-side-note,
body[data-level] main > section.faq-section .faq-note,
body[data-level] main > section.faq-section .faq__button,
body[data-level] main > section.faq-section .faq__question,
body[data-level] main > section.faq-section .faq__panel,
body[data-level] main > section.faq-section .faq__panel p {
  color: var(--ink) !important;
}

html[data-level] main > section.faq-section .section-note,
html[data-level] main > section.faq-section .faq-side-note,
html[data-level] main > section.faq-section .faq-note,
html[data-level] main > section.faq-section .faq__panel,
html[data-level] main > section.faq-section .faq__panel p,
body[data-level] main > section.faq-section .section-note,
body[data-level] main > section.faq-section .faq-side-note,
body[data-level] main > section.faq-section .faq-note,
body[data-level] main > section.faq-section .faq__panel,
body[data-level] main > section.faq-section .faq__panel p {
  color: var(--ink-soft) !important;
}

html[data-level] main > section.faq-section .faq__item,
body[data-level] main > section.faq-section .faq__item {
  border: 1px solid color-mix(in srgb, var(--level-primary) 18%, rgba(221,216,208,.78)) !important;
  background: rgba(255,255,255,.9) !important;
  box-shadow: 0 14px 42px color-mix(in srgb, var(--level-deep) 7%, transparent) !important;
}

html[data-level] main > section.faq-section .faq__icon,
body[data-level] main > section.faq-section .faq__icon {
  border-color: color-mix(in srgb, var(--level-primary) 36%, transparent) !important;
}

html[data-level] main > section.faq-section .faq__icon::before,
html[data-level] main > section.faq-section .faq__icon::after,
body[data-level] main > section.faq-section .faq__icon::before,
body[data-level] main > section.faq-section .faq__icon::after {
  background: var(--level-primary) !important;
}

html[data-level] main > section.faq-section .faq-grid > div:first-child .faq-side-note span,
html[data-level] main > section.faq-section .faq-grid > div:first-child .faq-note span,
body[data-level] main > section.faq-section .faq-grid > div:first-child .faq-side-note span,
body[data-level] main > section.faq-section .faq-grid > div:first-child .faq-note span {
  color: color-mix(in srgb, var(--level-primary) 88%, var(--level-deep)) !important;
}

html[data-level] main > section.faq-section .faq-grid > div:first-child .faq-side-note p,
html[data-level] main > section.faq-section .faq-grid > div:first-child .faq-note p,
body[data-level] main > section.faq-section .faq-grid > div:first-child .faq-side-note p,
body[data-level] main > section.faq-section .faq-grid > div:first-child .faq-note p {
  color: var(--ink-soft) !important;
}

html[data-level="master-life"] main > section.freedom-section,
body[data-level="master-life"] main > section.freedom-section {
  background:
    radial-gradient(circle at 16% 10%, rgba(255,255,255,.62), transparent 28%),
    linear-gradient(135deg, #E7C765 0%, #F4E6B1 48%, #FBF6E4 100%) !important;
  color: var(--ink) !important;
}

html[data-level="master-life"] main > section.freedom-section .copy,
html[data-level="master-life"] main > section.freedom-section .copy p,
html[data-level="master-life"] main > section.freedom-section .section-title,
html[data-level="master-life"] main > section.freedom-section .lead,
body[data-level="master-life"] main > section.freedom-section .copy,
body[data-level="master-life"] main > section.freedom-section .copy p,
body[data-level="master-life"] main > section.freedom-section .section-title,
body[data-level="master-life"] main > section.freedom-section .lead {
  color: var(--ink) !important;
}

html[data-level="master-life"] main > section.freedom-section .eyebrow,
body[data-level="master-life"] main > section.freedom-section .eyebrow {
  color: var(--level-deep) !important;
}

html[data-level="master-life"] .fork-map,
body[data-level="master-life"] .fork-map {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-level="master-life"] .fork-map__center,
body[data-level="master-life"] .fork-map__center {
  grid-column: 1 / -1 !important;
  padding: clamp(22px, 3vw, 34px) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(255,255,255,.18), transparent 30%),
    linear-gradient(135deg, var(--level-deep), color-mix(in srgb, var(--level-deep) 72%, #1C1609)) !important;
  color: #fff !important;
  box-shadow: 0 24px 60px rgba(64,48,12,.22) !important;
}

html[data-level="master-life"] .fork-map__center span,
html[data-level="master-life"] .fork-map__center strong,
body[data-level="master-life"] .fork-map__center span,
body[data-level="master-life"] .fork-map__center strong {
  color: #fff !important;
}

html[data-level="master-life"] .fork-map__branch,
body[data-level="master-life"] .fork-map__branch {
  position: relative !important;
  overflow: hidden !important;
  padding: clamp(18px, 2.2vw, 24px) !important;
  border: 1px solid rgba(116,89,20,.24) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.9) !important;
  color: var(--ink) !important;
  box-shadow: 0 16px 42px rgba(91,67,14,.12) !important;
}

html[data-level="master-life"] .fork-map__branch::before,
body[data-level="master-life"] .fork-map__branch::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: 4px !important;
  background: linear-gradient(90deg, var(--level-primary), var(--level-accent)) !important;
}

html[data-level="master-life"] .fork-map__branch span,
body[data-level="master-life"] .fork-map__branch span {
  color: var(--level-deep) !important;
}

html[data-level="master-life"] .fork-map__branch p,
body[data-level="master-life"] .fork-map__branch p {
  color: var(--ink-soft) !important;
}

html[data-level="master-life"] main > section.freedom-section .fork-map .fork-map__branch span,
body[data-level="master-life"] main > section.freedom-section .fork-map .fork-map__branch span {
  color: var(--level-deep) !important;
}

html[data-level="master-life"] main > section.freedom-section .fork-map .fork-map__branch p,
body[data-level="master-life"] main > section.freedom-section .fork-map .fork-map__branch p {
  color: var(--ink-soft) !important;
}

@media (max-width: 760px) {
  html[data-level="master-life"] .fork-map,
  body[data-level="master-life"] .fork-map {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 1180px) {
  html[data-level] .reiki-fact-strip,
  body[data-level] .reiki-fact-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  html[data-level] .reiki-fact-strip,
  body[data-level] .reiki-fact-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 520px) {
  html[data-level] .reiki-fact-strip,
  body[data-level] .reiki-fact-strip {
    grid-template-columns: 1fr !important;
  }
}

html[data-level="master-teacher"] main > section.not-section .not-layout,
body[data-level="master-teacher"] main > section.not-section .not-layout {
  align-items: stretch !important;
  grid-template-columns: minmax(0, .95fr) minmax(220px, .62fr) minmax(0, 1fr) !important;
  gap: clamp(18px, 2vw, 30px) !important;
}

html[data-level="master-teacher"] main > section.not-section .copy,
body[data-level="master-teacher"] main > section.not-section .copy {
  position: relative !important;
  overflow: hidden !important;
  padding: clamp(24px, 3vw, 42px) !important;
  border: 1px solid color-mix(in srgb, var(--level-primary) 22%, rgba(221,216,208,.82)) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 94% 6%, color-mix(in srgb, var(--level-accent) 18%, transparent), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.97), color-mix(in srgb, var(--level-wash) 66%, #fff)) !important;
  box-shadow: 0 22px 58px color-mix(in srgb, var(--level-deep) 10%, transparent) !important;
}

html[data-level="master-teacher"] main > section.not-section .copy::before,
body[data-level="master-teacher"] main > section.not-section .copy::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: 5px !important;
  background: linear-gradient(90deg, var(--level-primary), color-mix(in srgb, var(--level-accent) 76%, #fff)) !important;
}

html[data-level="master-teacher"] main > section.not-section .copy .eyebrow,
body[data-level="master-teacher"] main > section.not-section .copy .eyebrow {
  color: color-mix(in srgb, var(--level-primary) 88%, var(--level-deep)) !important;
}

html[data-level="master-teacher"] main > section.not-section .copy .section-title,
body[data-level="master-teacher"] main > section.not-section .copy .section-title {
  color: var(--ink) !important;
}

html[data-level="master-teacher"] main > section.not-section .copy p,
html[data-level="master-teacher"] main > section.not-section .copy .lead,
body[data-level="master-teacher"] main > section.not-section .copy p,
body[data-level="master-teacher"] main > section.not-section .copy .lead {
  color: var(--ink-soft) !important;
}

html[data-level="master-teacher"] .teacher-support-photo,
body[data-level="master-teacher"] .teacher-support-photo {
  position: relative !important;
  min-height: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid color-mix(in srgb, var(--level-primary) 22%, rgba(221,216,208,.8)) !important;
  border-radius: 8px !important;
  background: color-mix(in srgb, var(--level-wash) 72%, #fff) !important;
  box-shadow: 0 22px 58px color-mix(in srgb, var(--level-deep) 11%, transparent) !important;
}

html[data-level="master-teacher"] .teacher-support-photo::before,
body[data-level="master-teacher"] .teacher-support-photo::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  z-index: 1 !important;
  height: 5px !important;
  background: linear-gradient(90deg, var(--level-primary), color-mix(in srgb, var(--level-accent) 76%, #fff)) !important;
}

html[data-level="master-teacher"] .teacher-support-photo img,
body[data-level="master-teacher"] .teacher-support-photo img {
  width: 100% !important;
  height: 100% !important;
  min-height: clamp(360px, 38vw, 520px) !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center 26% !important;
}

@media (max-width: 1020px) {
  html[data-level="master-teacher"] main > section.not-section .not-layout,
  body[data-level="master-teacher"] main > section.not-section .not-layout {
    grid-template-columns: 1fr 1fr !important;
  }

  html[data-level="master-teacher"] main > section.not-section .not-layout .copy,
  body[data-level="master-teacher"] main > section.not-section .not-layout .copy {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 720px) {
  html[data-level="master-teacher"] main > section.not-section .not-layout,
  body[data-level="master-teacher"] main > section.not-section .not-layout {
    grid-template-columns: 1fr !important;
  }

  html[data-level="master-teacher"] .teacher-support-photo img,
  body[data-level="master-teacher"] .teacher-support-photo img {
    min-height: 420px !important;
    object-position: center 20% !important;
  }
}

/* 2026-07-07 Reiki stability pass: repair shifted product blocks without touching copy. */
html[data-level="reiki-1"] main > section.offer,
body[data-level="reiki-1"] main > section.offer {
  padding-block: clamp(52px, 6vw, 86px) !important;
  background:
    radial-gradient(circle at 88% 8%, color-mix(in srgb, var(--level-accent) 18%, transparent), transparent 28%),
    linear-gradient(180deg, #fffaf0 0%, color-mix(in srgb, var(--level-wash) 68%, #fff) 100%) !important;
  color: var(--ink) !important;
}

html[data-level="reiki-1"] main > section.offer .offer-grid,
body[data-level="reiki-1"] main > section.offer .offer-grid {
  align-items: start !important;
  gap: clamp(24px, 4vw, 52px) !important;
}

html[data-level="reiki-1"] main > section.offer .offer-main,
body[data-level="reiki-1"] main > section.offer .offer-main {
  max-width: none !important;
  padding: clamp(26px, 3.4vw, 44px) !important;
  overflow: hidden !important;
  border: 1px solid color-mix(in srgb, var(--level-primary) 18%, rgba(221,216,208,.82)) !important;
  border-left: 5px solid var(--level-primary) !important;
  border-radius: 14px !important;
  background:
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--level-accent) 12%, transparent), transparent 30%),
    rgba(255,255,255,.92) !important;
  box-shadow: 0 22px 62px color-mix(in srgb, var(--level-deep) 9%, transparent) !important;
}

html[data-level="reiki-1"] main > section.offer .offer-main .eyebrow,
html[data-level="reiki-1"] main > section.offer .offer-main .section-title,
html[data-level="reiki-1"] main > section.offer .offer-main .offer-price-line strong,
html[data-level="reiki-1"] main > section.offer .product-path h3,
html[data-level="reiki-1"] main > section.offer .initiation-steps h3,
body[data-level="reiki-1"] main > section.offer .offer-main .eyebrow,
body[data-level="reiki-1"] main > section.offer .offer-main .section-title,
body[data-level="reiki-1"] main > section.offer .offer-main .offer-price-line strong,
body[data-level="reiki-1"] main > section.offer .product-path h3,
body[data-level="reiki-1"] main > section.offer .initiation-steps h3 {
  color: var(--ink) !important;
}

html[data-level="reiki-1"] main > section.offer .product-path h3,
body[data-level="reiki-1"] main > section.offer .product-path h3 {
  overflow-wrap: anywhere !important;
  font-size: clamp(19px, 1.5vw, 22px) !important;
}

html[data-level="reiki-1"] main > section.offer .offer-price-line span,
html[data-level="reiki-1"] main > section.offer .check-list li,
html[data-level="reiki-1"] main > section.offer .product-path p,
html[data-level="reiki-1"] main > section.offer .initiation-steps span,
body[data-level="reiki-1"] main > section.offer .offer-price-line span,
body[data-level="reiki-1"] main > section.offer .check-list li,
body[data-level="reiki-1"] main > section.offer .product-path p,
body[data-level="reiki-1"] main > section.offer .initiation-steps span {
  color: var(--ink-soft) !important;
}

html[data-level="reiki-1"] main > section.offer .product-paths,
body[data-level="reiki-1"] main > section.offer .product-paths {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-top: clamp(22px, 3vw, 34px) !important;
  border: 0 !important;
}

html[data-level="reiki-1"] main > section.offer .product-path,
body[data-level="reiki-1"] main > section.offer .product-path {
  position: relative !important;
  min-height: 100% !important;
  padding: clamp(16px, 2vw, 22px) !important;
  border: 1px solid color-mix(in srgb, var(--level-primary) 16%, rgba(221,216,208,.8)) !important;
  border-radius: 10px !important;
  background: color-mix(in srgb, var(--level-wash) 50%, #fff) !important;
  box-shadow: none !important;
}

html[data-level="reiki-1"] main > section.offer .product-path::before,
body[data-level="reiki-1"] main > section.offer .product-path::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, var(--level-primary), color-mix(in srgb, var(--level-accent) 70%, #fff)) !important;
}

html[data-level="reiki-1"] main > section.offer .initiation-steps,
body[data-level="reiki-1"] main > section.offer .initiation-steps {
  margin-top: clamp(22px, 3vw, 34px) !important;
  padding-top: clamp(18px, 2vw, 24px) !important;
  border-top: 1px solid color-mix(in srgb, var(--level-primary) 16%, rgba(221,216,208,.8)) !important;
}

html[data-level="reiki-1"] main > section.offer .initiation-steps ol,
body[data-level="reiki-1"] main > section.offer .initiation-steps ol {
  gap: 12px !important;
}

html[data-level="reiki-1"] main > section.offer .initiation-steps li,
body[data-level="reiki-1"] main > section.offer .initiation-steps li {
  min-height: 100% !important;
  padding: 14px 14px 14px 52px !important;
  border: 1px solid color-mix(in srgb, var(--level-primary) 14%, rgba(221,216,208,.76)) !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.72) !important;
}

html[data-level="reiki-1"] main > section.offer .initiation-steps li::before,
body[data-level="reiki-1"] main > section.offer .initiation-steps li::before {
  left: 14px !important;
  top: 15px !important;
  background: var(--level-primary) !important;
  color: #fff !important;
}

html[data-level="reiki-1"] main > section.offer .summary-card,
body[data-level="reiki-1"] main > section.offer .summary-card {
  top: 128px !important;
  padding: clamp(22px, 2.6vw, 32px) !important;
  border: 1px solid color-mix(in srgb, var(--level-primary) 22%, rgba(221,216,208,.82)) !important;
  border-radius: 14px !important;
  background:
    radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--level-accent) 18%, transparent), transparent 34%),
    linear-gradient(145deg, color-mix(in srgb, var(--level-wash) 74%, #fff), rgba(255,255,255,.9)) !important;
  box-shadow: 0 22px 62px color-mix(in srgb, var(--level-deep) 10%, transparent) !important;
}

html[data-level="reiki-1"] main > section.offer .summary-card__kicker,
body[data-level="reiki-1"] main > section.offer .summary-card__kicker {
  color: var(--level-deep) !important;
}

html[data-level="reiki-1"] main > section.offer .summary-card,
html[data-level="reiki-1"] main > section.offer .summary-card p,
html[data-level="reiki-1"] main > section.offer .summary-card strong,
body[data-level="reiki-1"] main > section.offer .summary-card,
body[data-level="reiki-1"] main > section.offer .summary-card p,
body[data-level="reiki-1"] main > section.offer .summary-card strong {
  color: var(--ink) !important;
}

html[data-level="reiki-1"] main > section.offer .summary-card p:not(:has(strong)),
body[data-level="reiki-1"] main > section.offer .summary-card p:not(:has(strong)) {
  color: var(--ink-soft) !important;
}

html[data-level="reiki-1"] main > section.process-section,
body[data-level="reiki-1"] main > section.process-section {
  padding-block: clamp(50px, 6vw, 82px) !important;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--level-wash) 62%, #fff), #fff) !important;
}

html[data-level="reiki-1"] main > section.process-section .timeline,
body[data-level="reiki-1"] main > section.process-section .timeline {
  gap: 12px !important;
  border: 0 !important;
  background: transparent !important;
}

html[data-level="reiki-1"] main > section.process-section .timeline-step,
body[data-level="reiki-1"] main > section.process-section .timeline-step {
  overflow: hidden !important;
  padding: clamp(18px, 2vw, 24px) !important;
  border: 1px solid color-mix(in srgb, var(--level-primary) 16%, rgba(221,216,208,.8)) !important;
  border-radius: 10px !important;
  background:
    radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--level-accent) 12%, transparent), transparent 34%),
    rgba(255,255,255,.9) !important;
  box-shadow: 0 14px 38px color-mix(in srgb, var(--level-deep) 7%, transparent) !important;
}

html[data-level="reiki-1"] main > section.process-section .timeline-step__number,
body[data-level="reiki-1"] main > section.process-section .timeline-step__number {
  width: 42px !important;
  height: 42px !important;
  background: var(--level-deep) !important;
  color: #fff !important;
}

html[data-level="reiki-1"] main > section.process-section .timeline-step h3,
body[data-level="reiki-1"] main > section.process-section .timeline-step h3 {
  color: var(--ink) !important;
  font-size: clamp(19px, 1.6vw, 23px) !important;
}

html[data-level="reiki-1"] main > section.process-section .timeline-step p,
body[data-level="reiki-1"] main > section.process-section .timeline-step p {
  color: var(--ink-soft) !important;
}

html[data-level="reiki-2"] main > section.level-map,
body[data-level="reiki-2"] main > section.level-map {
  padding-block: clamp(50px, 6vw, 78px) !important;
  background:
    radial-gradient(circle at 92% 10%, color-mix(in srgb, var(--level-accent) 16%, transparent), transparent 30%),
    linear-gradient(180deg, #fff, color-mix(in srgb, var(--level-wash) 56%, #fff)) !important;
}

html[data-level="reiki-2"] main > section.level-map .level-map-grid,
body[data-level="reiki-2"] main > section.level-map .level-map-grid {
  gap: clamp(18px, 3vw, 34px) !important;
  align-items: stretch !important;
}

html[data-level="reiki-2"] main > section.level-map .level-map-grid > div:first-child,
body[data-level="reiki-2"] main > section.level-map .level-map-grid > div:first-child {
  display: grid !important;
  align-content: center !important;
  padding: clamp(24px, 3.4vw, 42px) !important;
  border: 1px solid color-mix(in srgb, var(--level-primary) 16%, rgba(221,216,208,.82)) !important;
  border-left: 5px solid var(--level-primary) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.9) !important;
  box-shadow: 0 18px 50px color-mix(in srgb, var(--level-deep) 7%, transparent) !important;
}

html[data-level="reiki-2"] main > section.level-map .level-map-grid > div:first-child .section-title,
body[data-level="reiki-2"] main > section.level-map .level-map-grid > div:first-child .section-title {
  font-size: clamp(34px, 4.3vw, 56px) !important;
  line-height: 1.05 !important;
}

html[data-level="reiki-2"] main > section.level-map .level-compare,
body[data-level="reiki-2"] main > section.level-map .level-compare {
  display: grid !important;
  gap: 12px !important;
}

html[data-level="reiki-2"] main > section.level-map .level-compare article,
body[data-level="reiki-2"] main > section.level-map .level-compare article {
  padding: clamp(20px, 2.4vw, 30px) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 16px 44px color-mix(in srgb, var(--level-deep) 6%, transparent) !important;
}

html[data-level="reiki-2"] main > section.level-map .level-compare__current,
body[data-level="reiki-2"] main > section.level-map .level-compare__current {
  background:
    radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--level-accent) 18%, transparent), transparent 30%),
    color-mix(in srgb, var(--level-wash) 78%, #fff) !important;
}

html[data-level="reiki-2"] main > section.level-map .level-openings,
body[data-level="reiki-2"] main > section.level-map .level-openings {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  padding: clamp(20px, 2.6vw, 32px) !important;
  border: 1px solid color-mix(in srgb, var(--level-primary) 18%, rgba(221,216,208,.82)) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(135deg, var(--level-deep), color-mix(in srgb, var(--level-primary) 76%, var(--level-deep))) !important;
  box-shadow: 0 20px 54px color-mix(in srgb, var(--level-deep) 14%, transparent) !important;
}

html[data-level="reiki-2"] main > section.level-map .level-openings,
html[data-level="reiki-2"] main > section.level-map .level-openings strong,
html[data-level="reiki-2"] main > section.level-map .level-openings p,
body[data-level="reiki-2"] main > section.level-map .level-openings,
body[data-level="reiki-2"] main > section.level-map .level-openings strong,
body[data-level="reiki-2"] main > section.level-map .level-openings p {
  color: #fffaf0 !important;
}

html[data-level="master-life"] main > section.mentor-section,
body[data-level="master-life"] main > section.mentor-section {
  padding-block: clamp(44px, 5vw, 72px) !important;
}

html[data-level="master-life"] main > section.mentor-section .mentor-layout,
body[data-level="master-life"] main > section.mentor-section .mentor-layout {
  gap: clamp(16px, 2vw, 26px) !important;
  align-items: stretch !important;
}

html[data-level="master-life"] main > section.mentor-section .copy,
body[data-level="master-life"] main > section.mentor-section .copy {
  padding: clamp(22px, 3vw, 34px) !important;
  border-radius: 14px !important;
  border-left-width: 5px !important;
}

html[data-level="master-life"] main > section.mentor-section .copy .section-title,
body[data-level="master-life"] main > section.mentor-section .copy .section-title {
  font-size: clamp(32px, 3.7vw, 52px) !important;
}

html[data-level="master-life"] main > section.mentor-section .mentor-photo,
body[data-level="master-life"] main > section.mentor-section .mentor-photo {
  min-height: 0 !important;
  border-radius: 14px !important;
}

html[data-level="master-life"] main > section.mentor-section .mentor-photo img,
body[data-level="master-life"] main > section.mentor-section .mentor-photo img {
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center 18% !important;
}

html[data-level="master-life"] main > section.mentor-section .interview-image,
body[data-level="master-life"] main > section.mentor-section .interview-image {
  min-height: 0 !important;
  max-height: 520px !important;
  border-radius: 14px !important;
}

html[data-level="master-life"] main > section.mentor-section .interview-image img,
body[data-level="master-life"] main > section.mentor-section .interview-image img {
  min-height: 0 !important;
  height: 100% !important;
  object-fit: cover !important;
}

html[data-level="master-life"] main > section.mentor-section .interview-panel,
body[data-level="master-life"] main > section.mentor-section .interview-panel {
  padding: clamp(18px, 2.2vw, 26px) !important;
  border-radius: 14px !important;
}

html[data-level="master-life"] main > section.freedom-section,
body[data-level="master-life"] main > section.freedom-section {
  padding-block: clamp(46px, 5.4vw, 74px) !important;
  background:
    radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--level-accent) 22%, transparent), transparent 28%),
    linear-gradient(180deg, color-mix(in srgb, var(--level-wash) 78%, #fff), #fffaf0) !important;
}

html[data-level="master-life"] main > section.freedom-section .copy,
body[data-level="master-life"] main > section.freedom-section .copy {
  padding: clamp(24px, 3vw, 38px) !important;
  border: 1px solid color-mix(in srgb, var(--level-primary) 18%, rgba(221,216,208,.82)) !important;
  border-left: 5px solid var(--level-primary) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.86) !important;
  box-shadow: 0 18px 48px color-mix(in srgb, var(--level-deep) 8%, transparent) !important;
}

html[data-level="master-life"] main > section.freedom-section .fork-map__center,
body[data-level="master-life"] main > section.freedom-section .fork-map__center {
  border-radius: 14px !important;
}

html[data-level] main > section.reiki-master-video-section,
body[data-level] main > section.reiki-master-video-section {
  padding-block: clamp(42px, 5vw, 68px) !important;
}

html[data-level] main > section.reiki-master-video-section .reiki-master-video-layout,
body[data-level] main > section.reiki-master-video-section .reiki-master-video-layout {
  gap: clamp(22px, 3vw, 42px) !important;
  align-items: center !important;
}

html[data-level] main > section.reiki-master-video-section .copy,
body[data-level] main > section.reiki-master-video-section .copy {
  max-width: 560px !important;
}

html[data-level] main > section.reiki-master-video-section .section-title,
body[data-level] main > section.reiki-master-video-section .section-title {
  font-size: clamp(34px, 4vw, 56px) !important;
  line-height: 1.05 !important;
}

html[data-level] main > section.reiki-master-video-section .reiki-master-video-card,
body[data-level] main > section.reiki-master-video-section .reiki-master-video-card {
  border-radius: 14px !important;
}

html[data-level="reiki-method"] main > section[aria-labelledby="days-title"],
body.reiki-method-page main > section[aria-labelledby="days-title"] {
  padding-block: clamp(50px, 6vw, 82px) !important;
  background:
    radial-gradient(circle at 12% 10%, color-mix(in srgb, var(--level-accent) 16%, transparent), transparent 28%),
    linear-gradient(180deg, color-mix(in srgb, var(--level-wash) 68%, #fff), #fff) !important;
}

html[data-level="reiki-method"] main > section[aria-labelledby="days-title"] .method-split,
body.reiki-method-page main > section[aria-labelledby="days-title"] .method-split {
  align-items: stretch !important;
}

html[data-level="reiki-method"] main > section[aria-labelledby="days-title"] .copy,
body.reiki-method-page main > section[aria-labelledby="days-title"] .copy {
  display: grid !important;
  align-content: center !important;
  min-width: 0 !important;
  padding: clamp(24px, 3.2vw, 42px) !important;
  border: 1px solid color-mix(in srgb, var(--level-primary) 18%, rgba(221,216,208,.82)) !important;
  border-left: 5px solid var(--level-primary) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 20px 56px color-mix(in srgb, var(--level-deep) 8%, transparent) !important;
}

html[data-level="reiki-method"] main > section[aria-labelledby="days-title"] .copy .eyebrow,
html[data-level="reiki-method"] main > section[aria-labelledby="days-title"] .copy .section-title,
html[data-level="reiki-method"] main > section[aria-labelledby="days-title"] .copy .lead,
html[data-level="reiki-method"] main > section[aria-labelledby="days-title"] .copy p,
body.reiki-method-page main > section[aria-labelledby="days-title"] .copy .eyebrow,
body.reiki-method-page main > section[aria-labelledby="days-title"] .copy .section-title,
body.reiki-method-page main > section[aria-labelledby="days-title"] .copy .lead,
body.reiki-method-page main > section[aria-labelledby="days-title"] .copy p {
  color: var(--ink) !important;
}

html[data-level="reiki-method"] main > section[aria-labelledby="days-title"] .copy p:not(.lead):not(.eyebrow),
body.reiki-method-page main > section[aria-labelledby="days-title"] .copy p:not(.lead):not(.eyebrow) {
  color: var(--ink-soft) !important;
}

html[data-level="reiki-method"] main > section[aria-labelledby="days-title"] .method-image-card,
body.reiki-method-page main > section[aria-labelledby="days-title"] .method-image-card {
  border-radius: 14px !important;
  box-shadow: 0 20px 56px color-mix(in srgb, var(--level-deep) 9%, transparent) !important;
}

html[data-level="reiki-method"] main > section.faq-section .faq-grid > div:first-child,
body.reiki-method-page main > section.faq-section .faq-grid > div:first-child {
  padding: clamp(24px, 3vw, 38px) !important;
  border-radius: 14px !important;
}

html[data-level="reiki-method"] main > section.faq-section .faq-grid,
body.reiki-method-page main > section.faq-section .faq-grid {
  gap: 14px !important;
}

@media (min-width: 920px) {
  html[data-level="reiki-1"] main > section.offer .offer-grid,
  body[data-level="reiki-1"] main > section.offer .offer-grid {
    grid-template-columns: minmax(0, 1fr) minmax(320px, .48fr) !important;
  }

  html[data-level="reiki-1"] main > section.process-section .timeline,
  body[data-level="reiki-1"] main > section.process-section .timeline {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  html[data-level="reiki-2"] main > section.level-map .level-map-grid,
  body[data-level="reiki-2"] main > section.level-map .level-map-grid {
    grid-template-columns: minmax(0, .86fr) minmax(360px, .86fr) !important;
  }

  html[data-level="master-life"] main > section.mentor-section .mentor-layout,
  body[data-level="master-life"] main > section.mentor-section .mentor-layout {
    grid-template-columns: minmax(180px, .34fr) minmax(0, .9fr) minmax(340px, .86fr) !important;
    grid-template-areas:
      "photo copy image"
      "panel panel image" !important;
  }

  html[data-level="master-life"] main > section.mentor-section .mentor-photo,
  body[data-level="master-life"] main > section.mentor-section .mentor-photo {
    grid-area: photo !important;
    width: 100% !important;
    align-self: stretch !important;
  }

  html[data-level="master-life"] main > section.mentor-section .copy,
  body[data-level="master-life"] main > section.mentor-section .copy {
    grid-area: copy !important;
  }

  html[data-level="master-life"] main > section.mentor-section .interview-image,
  body[data-level="master-life"] main > section.mentor-section .interview-image {
    grid-area: image !important;
  }

  html[data-level="master-life"] main > section.mentor-section .interview-panel,
  body[data-level="master-life"] main > section.mentor-section .interview-panel {
    grid-area: panel !important;
  }

  html[data-level] main > section.reiki-master-video-section .reiki-master-video-layout,
  body[data-level] main > section.reiki-master-video-section .reiki-master-video-layout {
    grid-template-columns: minmax(0, .82fr) minmax(420px, 1.08fr) !important;
  }
}

@media (max-width: 980px) {
  html[data-level="reiki-1"] main > section.offer .product-paths,
  body[data-level="reiki-1"] main > section.offer .product-paths,
  html[data-level="reiki-1"] main > section.offer .initiation-steps ol,
  body[data-level="reiki-1"] main > section.offer .initiation-steps ol {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  html[data-level="reiki-1"] main > section.offer .summary-card,
  body[data-level="reiki-1"] main > section.offer .summary-card {
    position: static !important;
  }

  html[data-level="reiki-1"] main > section.process-section .timeline,
  body[data-level="reiki-1"] main > section.process-section .timeline {
    grid-template-columns: 1fr !important;
  }

  html[data-level="reiki-2"] main > section.level-map .level-map-grid,
  body[data-level="reiki-2"] main > section.level-map .level-map-grid,
  html[data-level="master-life"] main > section.mentor-section .mentor-layout,
  body[data-level="master-life"] main > section.mentor-section .mentor-layout {
    grid-template-columns: 1fr !important;
  }

  html[data-level="master-life"] main > section.mentor-section .interview-image,
  body[data-level="master-life"] main > section.mentor-section .interview-image {
    max-height: 280px !important;
  }

  html[data-level="reiki-method"] main > section[aria-labelledby="days-title"] .method-split,
  body.reiki-method-page main > section[aria-labelledby="days-title"] .method-split {
    grid-template-columns: 1fr !important;
  }

  /* Let the FAQ title card breathe before the first question on mobile. */
  html[data-level="reiki-method"] main > section.faq-section .faq,
  body.reiki-method-page main > section.faq-section .faq {
    margin-top: 20px !important;
  }

  /* Reiki I: the hero photo remains clean on mobile. */
  html[data-level="reiki-1"] main .hero .hero-mentor,
  body[data-level="reiki-1"] main .hero .hero-mentor {
    display: none !important;
  }

  /* Master-Teacher: undo the desktop roadmap grids that were collapsing at phone widths. */
  html[data-level="master-teacher"] main > section.teacher-roadmap-section .teacher-roadmap,
  body[data-level="master-teacher"] main > section.teacher-roadmap-section .teacher-roadmap {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "copy"
      "image"
      "notes" !important;
    gap: 16px !important;
    align-items: start !important;
  }

  html[data-level="master-teacher"] main > section.teacher-roadmap-section .teacher-roadmap__intro,
  body[data-level="master-teacher"] main > section.teacher-roadmap-section .teacher-roadmap__intro {
    grid-area: copy !important;
  }

  html[data-level="master-teacher"] main > section.teacher-roadmap-section .teacher-roadmap__image,
  body[data-level="master-teacher"] main > section.teacher-roadmap-section .teacher-roadmap__image {
    grid-area: image !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 4 / 3 !important;
  }

  html[data-level="master-teacher"] main > section.teacher-roadmap-section .teacher-roadmap__image img,
  body[data-level="master-teacher"] main > section.teacher-roadmap-section .teacher-roadmap__image img {
    min-height: 0 !important;
    height: 100% !important;
  }

  html[data-level="master-teacher"] main > section.teacher-roadmap-section .teacher-roadmap__notes,
  body[data-level="master-teacher"] main > section.teacher-roadmap-section .teacher-roadmap__notes {
    grid-area: notes !important;
    grid-template-columns: minmax(0, 1fr) !important;
    margin-top: 0 !important;
  }

  /* Put the teacher's explanation between the route photo and her portrait. */
  html[data-level="master-teacher"] main > section.svetlana-section .svetlana-layout,
  body[data-level="master-teacher"] main > section.svetlana-section .svetlana-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-level="master-teacher"] main > section.svetlana-section .copy,
  body[data-level="master-teacher"] main > section.svetlana-section .copy {
    order: -1 !important;
  }

  /* The later repeat of Svetlana's portrait adds no information on a phone. */
  html[data-level="master-teacher"] main > section.not-section .teacher-support-photo,
  body[data-level="master-teacher"] main > section.not-section .teacher-support-photo {
    display: none !important;
  }

  /* After the video each column becomes a complete card, not a squeezed strip. */
  html[data-level="master-teacher"] main > section.direction-section .direction-grid,
  body[data-level="master-teacher"] main > section.direction-section .direction-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  /* Multidimensional Master: a mobile portrait, not a wide scenic crop. */
  html[data-level="multidimensional-master"] main > section.master-author-section .master-author-card__photo img,
  body[data-level="multidimensional-master"] main > section.master-author-section .master-author-card__photo img {
    transform: scale(1.34) !important;
    transform-origin: 50% 80% !important;
  }

  /* Keep the spoken introduction inside its existing video-section card on mobile. */
  html[data-level="multidimensional-master"] main > section.reiki-master-video-section .reiki-master-video-layout > .copy,
  body[data-level="multidimensional-master"] main > section.reiki-master-video-section .reiki-master-video-layout > .copy {
    padding-inline: 20px !important;
  }
}

/* This stylesheet is loaded after the shared shell: retain its compact phone
   footer after level-specific footer styles declared above. */
@media (max-width: 760px) {
  html[data-level] .eh-global-footer,
  body[data-level] .eh-global-footer { padding-block: 22px 18px !important; }

  html[data-level] .eh-global-footer__grid,
  body[data-level] .eh-global-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px 16px !important;
  }

  html[data-level] .eh-global-footer__brand,
  body[data-level] .eh-global-footer__brand {
    grid-column: 1 / -1 !important;
    gap: 7px !important;
  }

  html[data-level] .eh-global-footer__logo,
  body[data-level] .eh-global-footer__logo {
    width: 150px !important;
    max-height: 32px !important;
    margin: 0 !important;
  }

  html[data-level] .eh-global-footer__brand p,
  body[data-level] .eh-global-footer__brand p {
    max-width: 31rem !important;
    font-size: 11px !important;
    line-height: 1.42 !important;
  }

  html[data-level] .eh-global-footer__nav,
  body[data-level] .eh-global-footer__nav {
    gap: 5px !important;
    font-size: 12px !important;
    line-height: 1.28 !important;
  }

  html[data-level] .eh-global-footer__nav strong,
  body[data-level] .eh-global-footer__nav strong {
    margin-bottom: 2px !important;
    font-size: 10px !important;
    letter-spacing: .08em !important;
    color: var(--eh-context-primary, #315a3d) !important;
  }

  html[data-level] .eh-global-footer__nav a,
body[data-level] .eh-global-footer__nav a {
    color: var(--eh-context-primary, #315a3d) !important;
    font-weight: 550 !important;
  }

  html[data-level] .gc-payment-choice__primary,
  body[data-level] .gc-payment-choice__primary {
    border-color: var(--level-deep) !important;
    background: var(--level-deep) !important;
    color: #FFFFFF !important;
  }

  html[data-level] .gc-payment-choice__primary:hover,
  html[data-level] .gc-payment-choice__primary:focus-visible,
  body[data-level] .gc-payment-choice__primary:hover,
  body[data-level] .gc-payment-choice__primary:focus-visible {
    border-color: var(--level-primary-hover, var(--level-deep)) !important;
    background: var(--level-primary-hover, var(--level-deep)) !important;
    color: #FFFFFF !important;
  }

  html[data-level] .eh-global-footer__bottom,
  body[data-level] .eh-global-footer__bottom {
    gap: 4px !important;
    margin-top: 18px !important;
  }

  html[data-level] .eh-global-footer__bottom p,
  html[data-level] .eh-global-footer__legal,
  html[data-level] .eh-global-footer__privacy,
  body[data-level] .eh-global-footer__bottom p,
  body[data-level] .eh-global-footer__legal,
  body[data-level] .eh-global-footer__privacy {
    font-size: 10.5px !important;
    line-height: 1.38 !important;
  }
}