/* MEV 2.0 — P02 consolidated composition candidate.
 * Chosen law: horizontal reciprocal tonal dissolve for short doctrinal fields;
 * Karrik only for genuine hinge phrases; resolution stays attached to preceding prose.
 */
body.mev-p02-composition-candidate{
  --p02c-red:#FD0600;
  --p02c-grey:#EFF0E9;
  --p02c-beige:#F9F9EF;
}

/* Opening: the rejected two-column object is dissolved. Long reading remains prose;
   the MEV formulation is a doctrinal field, automatically density-optimised from rendered text. */
body.mev-p02-composition-candidate .mev-p02h-intention-pair{
  display:block!important;
  margin-top:42px!important;
}
body.mev-p02-composition-candidate .mev-p02h-intention-pair .mev-p02h-field{
  padding:0!important;
  margin:0!important;
}
body.mev-p02-composition-candidate .mev-p02h-intention-pair .mev-p02h-field+.mev-p02h-field{
  padding:0!important;
  margin:0!important;
}
body.mev-p02-composition-candidate .mev-p02h-intention-pair .mev-p02h-field+.mev-p02h-field:before{
  display:none!important;
}
body.mev-p02-composition-candidate .mev-p02h-intention-pair .mev-p02h-field--compact{
  display:block!important;
}
body.mev-p02-composition-candidate .mev-p02h-intention-pair .mev-p02h-field--compact p{
  max-width:none!important;
  margin-left:0!important;
}

/* Doctrinal fields: 2–3 sentence or substantial single-sentence propositions.
   No vertical rail. Two red 1px rules frame an inverse tonal mass that dissolves horizontally
   into the native section background. */
body.mev-p02-composition-candidate .mev-p02c-field{
  position:relative;
  box-sizing:border-box;
  width:100%!important;
  max-width:none!important;
  margin:40px 0 0!important;
  padding:14px 0!important;
  border:0!important;
  font-family:'General Sans',sans-serif!important;
  font-size:1.18rem!important;
  font-weight:400!important;
  line-height:1.46!important;
  letter-spacing:0!important;
  text-wrap:wrap!important;
  white-space:normal!important;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}
body.mev-p02-composition-candidate .mev-p02c-field:before,
body.mev-p02-composition-candidate .mev-p02c-field:after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  height:1px;
  background:linear-gradient(to right,
    rgba(253,6,0,0) 0%,
    rgba(253,6,0,.42) 8%,
    var(--p02c-red) 14%,
    var(--p02c-red) 86%,
    rgba(253,6,0,.42) 92%,
    rgba(253,6,0,0) 100%);
  pointer-events:none;
}
body.mev-p02-composition-candidate .mev-p02c-field:before{top:0}
body.mev-p02-composition-candidate .mev-p02c-field:after{bottom:0}

/* Optional A/B motion lab for the two faded red doctrinal rules.
   The final gradient is unchanged: only its reveal is kinetic, centre → edges. */
html.mev-p02-line-motion-js body.mev-p02-line-motion .mev-p02c-field:before,
html.mev-p02-line-motion-js body.mev-p02-line-motion .mev-p02c-field:after{
  clip-path:inset(0 50% 0 50%);
  transition:clip-path var(--mev-p02-line-ms,760ms) cubic-bezier(.18,.72,.22,1);
  will-change:clip-path;
}
html.mev-p02-line-motion-js body.mev-p02-line-motion .mev-p02c-field.is-lines-built:before,
html.mev-p02-line-motion-js body.mev-p02-line-motion .mev-p02c-field.is-lines-built:after{
  clip-path:inset(0 0 0 0);
}
html.mev-p02-line-motion-js body.mev-p02-line-motion-b .mev-p02c-field:after{
  transition-delay:var(--mev-p02-line-delay,80ms);
}
html.mev-p02-line-motion-js body.mev-p02-line-motion .mev-p02c-field.is-lines-instant:before,
html.mev-p02-line-motion-js body.mev-p02-line-motion .mev-p02c-field.is-lines-instant:after{
  transition:none!important;
}

/* Reciprocal bilateral horizontal dissolve — inverse tone in the centre,
   dissolving symmetrically back into the native section background on both sides. */
body.mev-p02-composition-candidate .mev-p02c-field--grey-to-beige{
  background:linear-gradient(to right,
    var(--p02c-beige) 0%,
    #f1f2e9 8%,
    var(--p02c-grey) 14%,
    var(--p02c-grey) 86%,
    #f1f2e9 92%,
    var(--p02c-beige) 100%);
}
body.mev-p02-composition-candidate .mev-p02c-field--beige-to-grey{
  background:linear-gradient(to right,
    var(--p02c-grey) 0%,
    #f5f6ef 8%,
    var(--p02c-beige) 14%,
    var(--p02c-beige) 86%,
    #f5f6ef 92%,
    var(--p02c-grey) 100%);
}
body.mev-p02-composition-candidate .mev-p02c-br{display:block}
body.mev-p02-composition-candidate .mev-p02c-break-mobile-space{display:none}

/* Genuine hinge: short, autonomous and semantic. Karrik gives it editorial authority
   without introducing a rail or a large tonal block. */
body.mev-p02-composition-candidate .mev-p02c-short-hinge{
  max-width:760px!important;
  margin:54px 0 50px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  font-family:'Karrik',sans-serif!important;
  font-size:1.72rem!important;
  font-weight:400!important;
  line-height:1.08!important;
  letter-spacing:-.018em!important;
  text-wrap:balance;
}
body.mev-p02-composition-candidate .mev-p02c-short-hinge:before,
body.mev-p02-composition-candidate .mev-p02c-short-hinge:after{display:none!important}

/* Keep existing relationship pairs native. Their desktop vertical axis can be revealed by
   the Phase 03B resistance engine; mobile retains the frozen stacked geometry. */
body.mev-p02-composition-candidate .mev-p02h-identity-pair,
body.mev-p02-composition-candidate .mev-p02h-grammar-pair,
body.mev-p02-composition-candidate .mev-p02h-onward-pair{
  margin-top:46px;
}
body.mev-p02-composition-candidate .mev-p02h-identity-pair .mev-p02h-field+.mev-p02h-field:before,
body.mev-p02-composition-candidate .mev-p02h-grammar-pair .mev-p02h-field+.mev-p02h-field:before,
body.mev-p02-composition-candidate .mev-p02h-onward-pair .mev-p02h-onward+.mev-p02h-onward:before{
  top:var(--p02c-axis-top,0)!important;
  bottom:var(--p02c-axis-bottom,0)!important;
}

@media(max-width:780px){
  body.mev-p02-composition-candidate .mev-p02h-intention-pair{margin-top:34px!important}
  body.mev-p02-composition-candidate .mev-p02c-field{
    width:100%!important;
    max-width:none!important;
    margin:32px 0 0!important;
    padding:12px 0!important;
    font-size:1rem!important;
    line-height:1.48!important;
    text-wrap:wrap!important;
    white-space:normal!important;
  }
  body.mev-p02-composition-candidate .mev-p02c-field--grey-to-beige{
    background:linear-gradient(to right,var(--p02c-beige) 0%,#f1f2e9 8%,var(--p02c-grey) 14%,var(--p02c-grey) 86%,#f1f2e9 92%,var(--p02c-beige) 100%);
  }
  body.mev-p02-composition-candidate .mev-p02c-field--beige-to-grey{
    background:linear-gradient(to right,var(--p02c-grey) 0%,#f5f6ef 8%,var(--p02c-beige) 14%,var(--p02c-beige) 86%,#f5f6ef 92%,var(--p02c-grey) 100%);
  }
  body.mev-p02-composition-candidate .mev-p02c-short-hinge{
    margin:44px 0 42px!important;
    font-size:1.5rem!important;
    line-height:1.08!important;
  }
  body.mev-p02-composition-candidate .mev-p02c-br--desktop-optional{display:none!important}
  body.mev-p02-composition-candidate .mev-p02c-break-desktop{display:none!important}
  body.mev-p02-composition-candidate .mev-p02c-break-mobile-space{display:inline!important}
}