/* Mio&Gem Personal Edit result — corrected hierarchy and four-pillar layout. */

/* ---------- Result hero ---------- */
body.mio-personal-edit .mio-result-overview{
  position:relative!important;
  isolation:isolate!important;
  display:block!important;
  min-height:360px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.92)!important;
  border-radius:22px!important;
  background:#f8f3fa!important;
  box-shadow:var(--mg-shadow)!important;
}
body.mio-personal-edit .mio-result-overview__bg{
  position:absolute!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:auto!important;
  z-index:-2!important;
  display:block!important;
  width:50%!important;
  height:100%!important;
  min-height:0!important;
  border-radius:0!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  opacity:.95!important;
}
body.mio-personal-edit .mio-result-overview:after{
  position:absolute;
  inset:0;
  z-index:-1;
  content:"";
  background:linear-gradient(90deg,rgba(252,249,253,.98) 0%,rgba(252,249,253,.95) 42%,rgba(252,249,253,.66) 62%,rgba(252,249,253,.08) 100%);
}
body.mio-personal-edit .mio-result-overview__content{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  width:58%!important;
  min-height:360px!important;
  padding:32px 34px!important;
}
body.mio-personal-edit .mio-result-overview h2{
  max-width:560px!important;
  margin:8px 0 10px!important;
  font:500 clamp(44px,5vw,64px)/.96 var(--mg-serif)!important;
  letter-spacing:-.04em!important;
}
body.mio-personal-edit .mio-result-overview h2 i{
  color:#987caf!important;
  font-style:normal!important;
}
body.mio-personal-edit .mio-result-overview p:not(.mio-step-label){
  max-width:500px!important;
  margin:0 0 16px!important;
  color:#6e6276!important;
  font:400 14px/1.52 var(--mg-serif)!important;
}
body.mio-personal-edit .mio-result-fast-read,
body.mio-personal-edit .mio-result-triplet{
  display:none!important;
}

/* ---------- 01 · Your chart right now ---------- */
body.mio-personal-edit .mio-chart-section{
  padding:24px 26px 28px!important;
}
body.mio-personal-edit .mio-distribution{
  margin:18px 0 24px!important;
  padding:20px 20px 18px!important;
  border:1px solid rgba(145,113,177,.24)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#faf6fc,#fff)!important;
  box-shadow:0 12px 30px rgba(111,78,137,.06)!important;
}
body.mio-personal-edit .mio-distribution-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-bottom:14px!important;
}
body.mio-personal-edit .mio-distribution-head h3{
  margin:0!important;
  color:var(--mg-ink)!important;
  font:500 23px/1.05 var(--mg-serif)!important;
}
body.mio-personal-edit .mio-distribution-head p{
  margin:0!important;
  padding:6px 9px!important;
  border-radius:999px!important;
  background:#f1e8f7!important;
  color:#79638d!important;
  font-size:8px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
body.mio-personal-edit .mio-distribution-head p b{
  color:#5f457c!important;
  font-weight:900!important;
}
body.mio-personal-edit .mio-distribution>div:not(.mio-distribution-head){
  margin:10px 0!important;
}
body.mio-personal-edit .mio-distribution>div:not(.mio-distribution-head)>span{
  display:flex!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  gap:12px!important;
}
body.mio-personal-edit .mio-distribution>div:not(.mio-distribution-head) b{
  font-size:10px!important;
}
body.mio-personal-edit .mio-distribution>div:not(.mio-distribution-head) small{
  font-size:8px!important;
}
body.mio-personal-edit .mio-distribution>div:not(.mio-distribution-head)>i{
  display:block!important;
  height:8px!important;
  margin-top:5px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:#eee8f1!important;
}
body.mio-personal-edit .mio-distribution em{
  display:block!important;
  height:100%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#ac91c9,#d4a7c6)!important;
}
body.mio-personal-edit .mio-distribution .is-useful{
  padding:8px 10px!important;
  border-radius:11px!important;
  background:#f6eef9!important;
}
body.mio-personal-edit .mio-distribution .is-useful b,
body.mio-personal-edit .mio-distribution .is-useful small{
  color:#654a83!important;
  font-weight:900!important;
}

/* Strict four-pillar presentation: four columns; heavenly stems above earthly branches. */
body.mio-personal-edit .mio-pillars{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0 18px!important;
  margin:0!important;
  padding:0 0 18px!important;
  overflow:visible!important;
  border:0!important;
  border-bottom:1px solid rgba(138,113,153,.17)!important;
  border-radius:0!important;
  background:transparent!important;
}
body.mio-personal-edit .mio-pillars-label{
  grid-column:1/-1!important;
  margin:0 0 11px!important;
  color:#998da0!important;
  font-size:7px!important;
  font-weight:800!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}
body.mio-personal-edit .mio-pillar-column{
  position:relative!important;
  display:grid!important;
  grid-template-rows:auto auto auto!important;
  gap:7px!important;
  justify-items:center!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  text-align:center!important;
}
body.mio-personal-edit .mio-pillar-column small{
  display:block!important;
  margin:0 0 2px!important;
  color:#9b8fa1!important;
  font-size:7px!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
body.mio-personal-edit .mio-pillar-column b{
  display:block!important;
  margin:0!important;
  color:#2f2734!important;
  font:500 28px/1 var(--mg-serif)!important;
}
body.mio-personal-edit .mio-pillar-column .mio-pillar-branch{
  padding-top:7px!important;
  border-top:1px solid #ded3e5!important;
}
body.mio-personal-edit .mio-pillar-column.is-day-pillar:after{
  position:absolute;
  left:25%;
  right:25%;
  bottom:-19px;
  height:2px;
  border-radius:999px;
  background:#9b7ab8;
  content:"";
}
body.mio-personal-edit .mio-chart-facts{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  margin:17px 0 0!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
body.mio-personal-edit .mio-chart-facts span{
  display:block!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
body.mio-personal-edit .mio-chart-facts small{
  display:block!important;
  margin:0 0 4px!important;
  color:#9a8da0!important;
  font-size:7px!important;
  font-weight:700!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
body.mio-personal-edit .mio-chart-facts b{
  display:block!important;
  margin:0!important;
  color:#352d3a!important;
  font-size:10px!important;
  font-weight:650!important;
  line-height:1.35!important;
}

/* ---------- 02 · What your chart needs ---------- */
body.mio-personal-edit #mio-why-element>.mio-decision-note{
  max-width:720px!important;
  margin:8px 0 18px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#82778a!important;
  font-size:9px!important;
  line-height:1.55!important;
}
body.mio-personal-edit .mio-daymaster-note{
  max-width:760px!important;
  margin:0 0 14px!important;
  padding:11px 13px!important;
  border:0!important;
  border-left:2px solid #a98bc4!important;
  border-radius:0!important;
  background:#faf7fb!important;
  color:#615667!important;
  font-size:9.5px!important;
  line-height:1.55!important;
}
body.mio-personal-edit .mio-daymaster-note>span{
  display:block!important;
  margin-bottom:3px!important;
  color:#8d789d!important;
  font-size:7px!important;
  font-weight:800!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
body.mio-personal-edit .mio-priority-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
}
body.mio-personal-edit .mio-priority-grid article{
  padding:11px 12px!important;
  border:1px solid rgba(136,112,151,.14)!important;
  border-radius:13px!important;
  background:#fff!important;
}
body.mio-personal-edit .mio-priority-grid article small{
  font-size:7px!important;
}
body.mio-personal-edit .mio-priority-grid article b{
  display:block!important;
  margin:4px 0 4px!important;
  font:600 16px/1.05 var(--mg-serif)!important;
}
body.mio-personal-edit .mio-priority-grid article p{
  margin:0!important;
  font-size:8px!important;
  line-height:1.45!important;
}
body.mio-personal-edit .mio-priority-grid article.is-primary{
  grid-column:1/-1!important;
  order:-1!important;
  padding:18px 20px!important;
  border:1px solid #c9b3d9!important;
  border-radius:17px!important;
  background:linear-gradient(135deg,#f6eef9,#fff8fb)!important;
}
body.mio-personal-edit .mio-priority-grid article.is-primary small{
  color:#62467f!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
}
body.mio-personal-edit .mio-priority-grid article.is-primary b{
  margin:5px 0!important;
  color:#2d2332!important;
  font:700 30px/1 var(--mg-serif)!important;
}
body.mio-personal-edit .mio-priority-grid article.is-primary p{
  color:#665b6d!important;
  font-size:9.5px!important;
}

/* ---------- 03 · Your stone: (1 + 2) -> 3 ---------- */
body.mio-personal-edit .mio-selection-result{
  display:block!important;
  padding:26px!important;
}
body.mio-personal-edit .mio-stone-heading{
  position:static!important;
  max-width:720px!important;
  margin:0 0 18px!important;
}
body.mio-personal-edit .mio-stone-heading h2{
  margin:6px 0 8px!important;
  font:500 38px/1 var(--mg-serif)!important;
}
body.mio-personal-edit .mio-stone-heading>p:not(.mio-step-label){
  margin:0!important;
  color:#7c7183!important;
  font-size:10px!important;
  line-height:1.55!important;
}
body.mio-personal-edit .mio-stone-path{
  display:block!important;
  margin:0!important;
  padding:0!important;
}
body.mio-personal-edit .mio-stone-inputs{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  gap:12px!important;
  align-items:stretch!important;
}
body.mio-personal-edit .mio-stone-inputs>span{
  display:block!important;
  min-width:0!important;
  padding:15px 16px!important;
  border:1px solid rgba(139,111,158,.18)!important;
  border-radius:14px!important;
  background:#fff!important;
}
body.mio-personal-edit .mio-stone-inputs>i{
  align-self:center!important;
  color:#9b7fb0!important;
  font:500 24px/1 var(--mg-serif)!important;
  font-style:normal!important;
}
body.mio-personal-edit .mio-stone-path small{
  display:block!important;
  color:#998ca0!important;
  font-size:7px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
body.mio-personal-edit .mio-stone-path b{
  display:block!important;
  margin-top:5px!important;
  color:#302735!important;
  font:600 21px/1.1 var(--mg-serif)!important;
}
body.mio-personal-edit .mio-stone-path em{
  display:block!important;
  margin-top:5px!important;
  color:#837788!important;
  font-size:8.5px!important;
  font-style:normal!important;
  line-height:1.45!important;
}
body.mio-personal-edit .mio-stone-arrow{
  margin:8px 0!important;
  color:#9b7fb0!important;
  font:500 25px/1 var(--mg-serif)!important;
  text-align:center!important;
}
body.mio-personal-edit .mio-stone-path>span.is-result{
  display:block!important;
  width:100%!important;
  padding:20px!important;
  border:1px solid #cbb7da!important;
  border-radius:17px!important;
  background:linear-gradient(135deg,#f6eef9,#fff9fb)!important;
  text-align:center!important;
}
body.mio-personal-edit .mio-stone-path>span.is-result b{
  margin-top:6px!important;
  color:#2c2231!important;
  font:700 31px/1 var(--mg-serif)!important;
}
body.mio-personal-edit .mio-stone-rationale{
  margin-top:15px!important;
  padding-top:13px!important;
  border-top:1px solid rgba(138,113,153,.17)!important;
}
body.mio-personal-edit .mio-stone-rationale small{
  display:block!important;
  color:#8f7c9e!important;
  font-size:7px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
body.mio-personal-edit .mio-stone-rationale p{
  margin:6px 0 0!important;
  max-width:760px!important;
  color:#756a7c!important;
  font-size:9.5px!important;
  line-height:1.58!important;
}

/* ---------- 04 · Calculation details: restore the full section treatment ---------- */
body.mio-personal-edit .mio-calculation-section{
  display:block!important;
  min-height:0!important;
  margin-top:8px!important;
  padding:22px!important;
  border:1px solid rgba(255,255,255,.92)!important;
  border-radius:22px!important;
  background:var(--mg-card)!important;
  box-shadow:var(--mg-shadow)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
body.mio-personal-edit .mio-calculation-section>.mio-step-label,
body.mio-personal-edit .mio-calculation-section>h2,
body.mio-personal-edit .mio-calculation-section>p{
  display:block!important;
}
body.mio-personal-edit .mio-calculation-section>h2{
  margin:6px 0 9px!important;
  font:500 32px/1.03 var(--mg-serif)!important;
}
body.mio-personal-edit .mio-calculation-section>p:not(.mio-step-label){
  max-width:760px!important;
  color:var(--mg-sub)!important;
  font-size:10px!important;
  line-height:1.6!important;
}
body.mio-personal-edit .mio-calculation-section>.mio-formula{
  display:grid!important;
  grid-template-columns:repeat(7,auto)!important;
  gap:6px!important;
  align-items:center!important;
  margin-top:10px!important;
}
body.mio-personal-edit .mio-calculation-section details{
  margin-top:10px!important;
  overflow:hidden!important;
  border:1px solid var(--mg-line)!important;
  border-radius:13px!important;
  background:#fff!important;
}
body.mio-personal-edit .mio-calculation-section summary{
  display:block!important;
  min-height:0!important;
  padding:12px!important;
  list-style:revert!important;
  cursor:pointer!important;
}
body.mio-personal-edit .mio-calculation-section summary>span small{
  display:block!important;
  color:#91799e!important;
  font-size:7px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
body.mio-personal-edit .mio-calculation-section summary>span b{
  display:block!important;
  margin-top:4px!important;
  color:#2e2633!important;
  font:500 16px/1.2 var(--mg-serif)!important;
}
body.mio-personal-edit .mio-calculation-body{
  padding:0 12px 14px!important;
}

/* ---------- Responsive ---------- */
@media(max-width:1023px){
  body.mio-personal-edit .mio-result-overview{
    min-height:340px!important;
  }
  body.mio-personal-edit .mio-result-overview__bg{
    width:48%!important;
  }
  body.mio-personal-edit .mio-result-overview__content{
    width:62%!important;
    min-height:340px!important;
    padding:26px 24px!important;
  }
  body.mio-personal-edit .mio-result-overview h2{
    font-size:48px!important;
  }
  body.mio-personal-edit .mio-priority-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:767px){
  body.mio-personal-edit .mio-result-overview{
    min-height:410px!important;
  }
  body.mio-personal-edit .mio-result-overview__bg{
    top:auto!important;
    right:-3%!important;
    bottom:0!important;
    width:68%!important;
    height:64%!important;
    object-fit:contain!important;
    object-position:right bottom!important;
  }
  body.mio-personal-edit .mio-result-overview:after{
    background:linear-gradient(180deg,rgba(252,249,253,.98) 0%,rgba(252,249,253,.92) 58%,rgba(252,249,253,.5) 78%,rgba(252,249,253,.08) 100%);
  }
  body.mio-personal-edit .mio-result-overview__content{
    justify-content:flex-start!important;
    width:100%!important;
    min-height:410px!important;
    padding:22px 18px 145px!important;
  }
  body.mio-personal-edit .mio-result-overview h2{
    font-size:42px!important;
  }

  body.mio-personal-edit .mio-chart-section{
    padding:19px 17px 21px!important;
  }
  body.mio-personal-edit .mio-distribution{
    margin:15px 0 20px!important;
    padding:17px 15px!important;
  }
  body.mio-personal-edit .mio-distribution-head{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:8px!important;
  }
  body.mio-personal-edit .mio-pillars{
    gap:0 8px!important;
  }
  body.mio-personal-edit .mio-pillar-column b{
    font-size:22px!important;
  }
  body.mio-personal-edit .mio-chart-facts{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:13px 16px!important;
  }

  body.mio-personal-edit .mio-priority-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.mio-personal-edit .mio-priority-grid article.is-primary{
    grid-column:1/-1!important;
  }

  body.mio-personal-edit .mio-selection-result{
    padding:20px 17px!important;
  }
  body.mio-personal-edit .mio-stone-heading h2{
    font-size:34px!important;
  }
  body.mio-personal-edit .mio-stone-inputs{
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
    gap:7px!important;
  }
  body.mio-personal-edit .mio-stone-inputs>span{
    padding:12px 10px!important;
  }
  body.mio-personal-edit .mio-stone-inputs>i{
    font-size:20px!important;
  }
  body.mio-personal-edit .mio-stone-path b{
    font-size:17px!important;
  }
  body.mio-personal-edit .mio-stone-path em{
    font-size:7.5px!important;
  }
  body.mio-personal-edit .mio-stone-path>span.is-result b{
    font-size:27px!important;
  }

  body.mio-personal-edit .mio-calculation-section{
    padding:18px!important;
  }
  body.mio-personal-edit .mio-calculation-section>h2{
    font-size:27px!important;
  }
  body.mio-personal-edit .mio-calculation-section>.mio-formula{
    grid-template-columns:1fr!important;
    gap:5px!important;
  }
  body.mio-personal-edit .mio-calculation-section>.mio-formula>i{
    text-align:center!important;
    transform:rotate(90deg)!important;
  }
}


/* v18 — restore Personal Edit summary + hard-reset legacy mobile priority cards. */
body.mio-personal-edit .mio-result-fast-read{
  display:block!important;
  max-width:520px!important;
  margin:10px 0 8px!important;
  padding:8px 0!important;
  border:0!important;
  border-top:1px solid rgba(138,113,153,.18)!important;
  border-radius:0!important;
  background:transparent!important;
}
body.mio-personal-edit .mio-result-fast-read small{
  display:block!important;
  color:#866c99!important;
  font-size:7px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
body.mio-personal-edit .mio-result-fast-read b{
  display:block!important;
  margin-top:3px!important;
  color:#312936!important;
  font-size:9.5px!important;
  line-height:1.42!important;
}
body.mio-personal-edit .mio-result-triplet{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  max-width:520px!important;
  margin:0 0 12px!important;
  border-top:1px solid rgba(138,113,153,.18)!important;
  border-bottom:1px solid rgba(138,113,153,.18)!important;
}
body.mio-personal-edit .mio-result-triplet span{
  display:block!important;
  min-width:0!important;
  padding:8px 9px!important;
  border:0!important;
  border-right:1px solid rgba(138,113,153,.16)!important;
  border-radius:0!important;
  background:transparent!important;
}
body.mio-personal-edit .mio-result-triplet span:last-child{
  border-right:0!important;
}
body.mio-personal-edit .mio-result-triplet small{
  display:block!important;
  color:#9a8da0!important;
  font-size:6.5px!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
body.mio-personal-edit .mio-result-triplet b{
  display:block!important;
  margin-top:3px!important;
  color:#302735!important;
  font:600 11px/1.2 var(--mg-serif)!important;
}

/* Section 02 — clear the old mobile 74px/56px internal-grid rule. */
body.mio-personal-edit .mio-priority-grid{
  grid-auto-rows:max-content!important;
  align-items:start!important;
  align-content:start!important;
}
body.mio-personal-edit .mio-priority-grid article,
body.mio-personal-edit .mio-priority-grid article.is-primary{
  display:block!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  grid-auto-flow:row!important;
  position:static!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  align-self:start!important;
  justify-self:stretch!important;
  overflow:visible!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
body.mio-personal-edit .mio-priority-grid article small,
body.mio-personal-edit .mio-priority-grid article b,
body.mio-personal-edit .mio-priority-grid article p{
  display:block!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  writing-mode:horizontal-tb!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  text-align:left!important;
}
body.mio-personal-edit .mio-priority-grid article small{
  margin:0!important;
}
body.mio-personal-edit .mio-priority-grid article:not(.is-primary) b{
  margin:5px 0 4px!important;
}
body.mio-personal-edit .mio-priority-grid article:not(.is-primary) p{
  margin:0!important;
}

@media(max-width:767px){
  body.mio-personal-edit .mio-result-overview{
    min-height:500px!important;
  }
  body.mio-personal-edit .mio-result-overview__content{
    min-height:500px!important;
    padding:20px 16px 150px!important;
  }
  body.mio-personal-edit .mio-result-overview h2{
    font-size:39px!important;
  }
  body.mio-personal-edit .mio-result-overview p:not(.mio-step-label){
    font-size:12.5px!important;
    line-height:1.45!important;
    margin-bottom:10px!important;
  }
  body.mio-personal-edit .mio-result-fast-read{
    margin:7px 0 6px!important;
    padding:6px 0!important;
  }
  body.mio-personal-edit .mio-result-fast-read b{
    font-size:8.5px!important;
  }
  body.mio-personal-edit .mio-result-triplet{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    margin-bottom:10px!important;
  }
  body.mio-personal-edit .mio-result-triplet span{
    display:block!important;
    padding:7px 6px!important;
  }
  body.mio-personal-edit .mio-result-triplet small{
    font-size:6px!important;
  }
  body.mio-personal-edit .mio-result-triplet b{
    font-size:9.5px!important;
  }

  body.mio-personal-edit .mio-priority-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    grid-auto-rows:max-content!important;
    gap:7px!important;
  }
  body.mio-personal-edit .mio-priority-grid article,
  body.mio-personal-edit .mio-priority-grid article.is-primary{
    display:block!important;
    grid-template-columns:none!important;
    min-height:0!important;
    height:auto!important;
    padding:11px!important;
    text-align:left!important;
  }
  body.mio-personal-edit .mio-priority-grid article.is-primary{
    grid-column:1/-1!important;
    padding:16px!important;
  }
  body.mio-personal-edit .mio-priority-grid article small{
    text-align:left!important;
  }
  body.mio-personal-edit .mio-priority-grid article:not(.is-primary) b{
    font-size:15px!important;
  }
  body.mio-personal-edit .mio-priority-grid article:not(.is-primary) p{
    font-size:7.5px!important;
    line-height:1.4!important;
  }
  body.mio-personal-edit .mio-priority-grid article.is-primary b{
    font-size:27px!important;
  }
}


/* v19 — Personal Edit hero: embedded product image, not background artwork. */
body.mio-personal-edit .mio-result-overview{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)!important;
  gap:10px!important;
  align-items:stretch!important;
  min-height:0!important;
  padding:10px!important;
  overflow:visible!important;
  background:var(--mg-card)!important;
}
body.mio-personal-edit .mio-result-overview:after{
  display:none!important;
  content:none!important;
}
body.mio-personal-edit .mio-result-overview__content{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  width:auto!important;
  min-height:0!important;
  padding:24px 26px!important;
}
body.mio-personal-edit .mio-result-overview__media{
  display:block!important;
  align-self:stretch!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:#f5eff7!important;
}
body.mio-personal-edit .mio-result-overview__media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:360px!important;
  aspect-ratio:1/1!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  border-radius:0!important;
  background:#f8f4fa!important;
}
body.mio-personal-edit .mio-result-overview h2{
  font-size:clamp(42px,4.7vw,60px)!important;
}
body.mio-personal-edit .mio-result-fast-read{
  max-width:none!important;
}
body.mio-personal-edit .mio-result-triplet{
  max-width:none!important;
}

@media(min-width:768px) and (max-width:1023px){
  body.mio-personal-edit .mio-result-overview{
    grid-template-columns:minmax(0,1fr) minmax(280px,.9fr)!important;
  }
  body.mio-personal-edit .mio-result-overview__content{
    width:auto!important;
    min-height:0!important;
    padding:22px!important;
  }
  body.mio-personal-edit .mio-result-overview__media img{
    min-height:330px!important;
  }
}

@media(max-width:767px){
  body.mio-personal-edit .mio-result-overview{
    display:block!important;
    min-height:0!important;
    padding:8px!important;
  }
  body.mio-personal-edit .mio-result-overview__content{
    width:100%!important;
    min-height:0!important;
    padding:18px 14px 16px!important;
  }
  body.mio-personal-edit .mio-result-overview h2{
    font-size:39px!important;
  }
  body.mio-personal-edit .mio-result-overview__media{
    margin-top:4px!important;
    border-radius:16px!important;
  }
  body.mio-personal-edit .mio-result-overview__media img{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1/1!important;
    object-fit:contain!important;
  }
}


/* v20 — Personal Edit bottom image + collapsible BaZi details + calculation density. */

/* Personal Edit: one editorial column with a full-width product image at the bottom. */
body.mio-personal-edit .mio-result-overview{
  display:block!important;
  padding:10px!important;
  overflow:hidden!important;
}
body.mio-personal-edit .mio-result-overview__content{
  width:100%!important;
  min-height:0!important;
  padding:24px 26px 18px!important;
}
body.mio-personal-edit .mio-result-overview__media{
  width:100%!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:#f7f2f8!important;
}
body.mio-personal-edit .mio-result-overview__media img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:16/7!important;
  object-fit:cover!important;
  object-position:center 62%!important;
  border-radius:0!important;
  transform:scale(1.08)!important;
}
body.mio-personal-edit .mio-result-overview h2{
  max-width:none!important;
}
body.mio-personal-edit .mio-result-overview p:not(.mio-step-label){
  max-width:760px!important;
}

/* Five Elements: useful direction keeps the same row design; emphasis is typography only. */
body.mio-personal-edit .mio-distribution .is-useful{
  margin:10px 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.mio-personal-edit .mio-distribution .is-useful b{
  color:#4f3d62!important;
  font-weight:900!important;
  text-decoration:underline!important;
  text-decoration-thickness:1.5px!important;
  text-underline-offset:3px!important;
}
body.mio-personal-edit .mio-distribution .is-useful small{
  color:#4f3d62!important;
  font-weight:800!important;
}
body.mio-personal-edit .mio-distribution .is-useful>i{
  background:#eee8f1!important;
}
body.mio-personal-edit .mio-distribution .is-useful>i>em{
  background:linear-gradient(90deg,#ac91c9,#d4a7c6)!important;
}

/* Your BaZi Details — default-collapsed disclosure for pillars + four context facts. */
body.mio-personal-edit .mio-bazi-details{
  margin-top:4px!important;
  border-top:1px solid rgba(138,113,153,.18)!important;
  border-bottom:1px solid rgba(138,113,153,.18)!important;
}
body.mio-personal-edit .mio-bazi-details summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-height:54px!important;
  padding:11px 2px!important;
  list-style:none!important;
  cursor:pointer!important;
}
body.mio-personal-edit .mio-bazi-details summary::-webkit-details-marker{
  display:none!important;
}
body.mio-personal-edit .mio-bazi-details summary>span{
  color:#342b39!important;
  font:600 16px/1.15 var(--mg-serif)!important;
}
body.mio-personal-edit .mio-bazi-details summary>i{
  position:relative!important;
  flex:0 0 24px!important;
  width:24px!important;
  height:24px!important;
  border:1px solid #d9cde2!important;
  border-radius:50%!important;
}
body.mio-personal-edit .mio-bazi-details summary>i:before{
  position:absolute;
  left:7px;
  top:6px;
  width:7px;
  height:7px;
  border-right:1.5px solid #6e5d79;
  border-bottom:1.5px solid #6e5d79;
  content:"";
  transform:rotate(45deg);
  transition:transform .2s ease,top .2s ease;
}
body.mio-personal-edit .mio-bazi-details[open] summary>i:before{
  top:9px;
  transform:rotate(225deg);
}
body.mio-personal-edit .mio-bazi-details__body{
  padding:8px 2px 16px!important;
}
body.mio-personal-edit .mio-bazi-details .mio-pillars{
  margin:0!important;
}
body.mio-personal-edit .mio-bazi-details .mio-chart-facts{
  margin-top:16px!important;
}

/* Calculation details: keep Output visually close to Calculation model. */
body.mio-personal-edit .mio-calculation-section>.mio-formula{
  margin-top:10px!important;
  margin-bottom:0!important;
}
body.mio-personal-edit .mio-calculation-section>.mio-calculation{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  margin:3px 0 0!important;
  padding:0!important;
}
body.mio-personal-edit .mio-calculation-section>.mio-calculation>details{
  min-height:0!important;
  height:auto!important;
  margin:0!important;
}
body.mio-personal-edit .mio-calculation-section>.mio-calculation>details>summary{
  min-height:0!important;
  margin:0!important;
  padding:10px 12px!important;
}
body.mio-personal-edit .mio-calculation-section>.mio-formula>span:last-of-type{
  margin-bottom:0!important;
}

@media(max-width:767px){
  body.mio-personal-edit .mio-result-overview__content{
    padding:18px 14px 14px!important;
  }
  body.mio-personal-edit .mio-result-overview__media{
    border-radius:15px!important;
  }
  body.mio-personal-edit .mio-result-overview__media img{
    aspect-ratio:4/2.15!important;
    object-position:center 64%!important;
    transform:scale(1.12)!important;
  }

  body.mio-personal-edit .mio-bazi-details summary{
    min-height:50px!important;
    padding:10px 0!important;
  }
  body.mio-personal-edit .mio-bazi-details summary>span{
    font-size:15px!important;
  }
  body.mio-personal-edit .mio-bazi-details__body{
    padding:7px 0 13px!important;
  }
  body.mio-personal-edit .mio-bazi-details .mio-pillars{
    gap:0 8px!important;
    padding-bottom:16px!important;
  }
  body.mio-personal-edit .mio-bazi-details .mio-chart-facts{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px 16px!important;
    margin-top:14px!important;
  }

  body.mio-personal-edit .mio-calculation-section>.mio-calculation{
    margin-top:2px!important;
  }
  body.mio-personal-edit .mio-calculation-section>.mio-calculation>details>summary{
    padding:9px 10px!important;
  }
}


/* v21 — final all-viewport Personal Edit media placement. */
body.mio-personal-edit .mio-result-overview{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  padding:10px!important;
  overflow:hidden!important;
}
body.mio-personal-edit .mio-result-overview__content{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  padding:24px 26px!important;
}
body.mio-personal-edit .mio-result-overview__content>p:not(.mio-step-label){
  max-width:760px!important;
  margin-bottom:16px!important;
}
body.mio-personal-edit .mio-result-overview__media{
  display:block!important;
  width:100%!important;
  aspect-ratio:1/1!important;
  margin:0 0 14px!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:#f7f3f8!important;
}
body.mio-personal-edit .mio-result-overview__media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
  object-position:center bottom!important;
  transform:none!important;
  border:0!important;
  border-radius:0!important;
}
body.mio-personal-edit .mio-result-overview .mio-result-fast-read{
  margin-top:8px!important;
}
body.mio-personal-edit .mio-result-overview .mio-button{
  width:100%!important;
  margin-top:12px!important;
}

@media(max-width:767px){
  body.mio-personal-edit .mio-result-overview{
    padding:8px!important;
  }
  body.mio-personal-edit .mio-result-overview__content{
    padding:18px 14px 14px!important;
  }
  body.mio-personal-edit .mio-result-overview__media{
    width:100%!important;
    aspect-ratio:1/1!important;
    margin-bottom:11px!important;
    border-radius:15px!important;
  }
  body.mio-personal-edit .mio-result-overview__media img{
    width:100%!important;
    height:100%!important;
    aspect-ratio:1/1!important;
    object-fit:cover!important;
    object-position:center bottom!important;
  }
}

@media(min-width:768px) and (max-width:1199px){
  body.mio-personal-edit .mio-result-overview__content{
    padding:22px!important;
  }
  body.mio-personal-edit .mio-result-overview__media{
    aspect-ratio:1/1!important;
  }
}

@media(min-width:1200px){
  body.mio-personal-edit .mio-result-overview__content{
    padding:28px 30px!important;
  }
  body.mio-personal-edit .mio-result-overview__media{
    aspect-ratio:1/1!important;
  }
}


/* v23 — make Calculation model visually distinct from the four calculation blocks. */
body.mio-personal-edit .mio-calculation-section>.mio-calculation{
  margin-top:8px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.mio-personal-edit .mio-calculation-section>.mio-calculation>details{
  margin:0!important;
  border:0!important;
  border-top:1px solid rgba(126,104,141,.22)!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:visible!important;
}
body.mio-personal-edit .mio-calculation-section>.mio-calculation>details>summary{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  min-height:62px!important;
  margin:0!important;
  padding:12px 2px!important;
  list-style:none!important;
  background:transparent!important;
  cursor:pointer!important;
}
body.mio-personal-edit .mio-calculation-section>.mio-calculation>details>summary::-webkit-details-marker{
  display:none!important;
}
body.mio-personal-edit .mio-calculation-section>.mio-calculation>details>summary>span{
  display:block!important;
  min-width:0!important;
}
body.mio-personal-edit .mio-calculation-section>.mio-calculation>details>summary>span>small{
  display:block!important;
  margin:0 0 3px!important;
  color:#91839a!important;
  font:800 7px/1.2 var(--mg-sans)!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}
body.mio-personal-edit .mio-calculation-section>.mio-calculation>details>summary>span>b{
  display:block!important;
  margin:0!important;
  color:#6c5f73!important;
  font:700 10px/1.35 var(--mg-sans)!important;
  letter-spacing:.01em!important;
}
body.mio-personal-edit .mio-calculation-section>.mio-calculation>details>summary:after{
  position:relative!important;
  flex:0 0 26px!important;
  width:26px!important;
  height:26px!important;
  border:1px solid #d8cce0!important;
  border-radius:50%!important;
  background:#fbf9fc!important;
  content:""!important;
}
body.mio-personal-edit .mio-calculation-section>.mio-calculation>details>summary:before{
  position:absolute!important;
  right:9px!important;
  top:50%!important;
  z-index:1!important;
  width:7px!important;
  height:7px!important;
  margin-top:-5px!important;
  border-right:1.4px solid #776680!important;
  border-bottom:1.4px solid #776680!important;
  content:""!important;
  transform:rotate(45deg)!important;
  transition:transform .2s ease,margin-top .2s ease!important;
  pointer-events:none!important;
}
body.mio-personal-edit .mio-calculation-section>.mio-calculation>details[open]>summary:before{
  margin-top:-1px!important;
  transform:rotate(225deg)!important;
}
body.mio-personal-edit .mio-calculation-section>.mio-calculation>details[open]>summary{
  border-bottom:1px solid rgba(126,104,141,.16)!important;
}
body.mio-personal-edit .mio-calculation-section>.mio-calculation>details>.mio-calculation-body{
  margin:0!important;
  padding:14px!important;
  border:0!important;
  border-radius:0 0 14px 14px!important;
  background:rgba(248,245,250,.78)!important;
}
body.mio-personal-edit .mio-calculation-section>.mio-calculation>details>.mio-calculation-body .mio-calc-steps article,
body.mio-personal-edit .mio-calculation-section>.mio-calculation>details>.mio-calculation-body .mio-math-grid article{
  background:#fff!important;
}

@media(max-width:767px){
  body.mio-personal-edit .mio-calculation-section>.mio-calculation>details>summary{
    min-height:56px!important;
    padding:10px 0!important;
  }
  body.mio-personal-edit .mio-calculation-section>.mio-calculation>details>.mio-calculation-body{
    padding:11px!important;
  }
}