/* V39 — MATCH EDITION / PLAN EDITION origin-first system */
.editionV39{
  --accent:#f39a4c;
  --accent-soft:#ffc17f;
  --ink:#070608;
  --paper:#0c0a0d;
  position:fixed;inset:0;z-index:10040;
  background:#050406;color:#fff;overflow:hidden;
  font-family:Inter,system-ui,-apple-system,sans-serif;
}
.editionV39.akelarre{
  --accent:#b67cff;
  --accent-soft:#dfc6ff;
}
.editionV39:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 78% 14%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 28%),
    linear-gradient(180deg,#080609 0%,#030204 100%);
}
.ed39Close{
  position:absolute;z-index:20;top:calc(14px + env(safe-area-inset-top));right:14px;
  width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.15);
  background:rgba(8,6,9,.48);color:#fff;display:grid;place-items:center;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
.ed39Book{position:absolute;inset:0;overflow:hidden}
.ed39Inside{position:absolute;inset:0;background:#050406}
.ed39Pane{
  position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(18px) scale(1.01);
  transition:opacity .46s ease,transform .58s cubic-bezier(.16,.82,.2,1),visibility 0s linear .48s;
}
.ed39Pane.isActive{
  opacity:1;visibility:visible;transform:none;
  transition:opacity .46s ease,transform .58s cubic-bezier(.16,.82,.2,1),visibility 0s;
}
.ed39PersonPhoto,.ed39PlanMedia{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
}
.ed39PersonPhoto{object-position:center 26%;transform:scale(1.02);animation:ed39Push 8s ease-out both}
.ed39PersonFallback{
  position:absolute;inset:0;display:grid;place-items:center;
  font:500 31vw/1 Georgia,serif;color:rgba(255,255,255,.12);
  background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 38%),#09070b;
}
.ed39Shade,.ed39PlanShade{
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(2,2,3,.12),rgba(2,2,3,.02) 34%,rgba(2,2,3,.20) 54%,rgba(2,2,3,.91) 82%,#050406 100%);
}
.ed39PlanShade{
  background:linear-gradient(180deg,rgba(2,2,3,.20),rgba(2,2,3,.05) 36%,rgba(2,2,3,.44) 62%,rgba(2,2,3,.95) 100%);
}
.ed39PaneTop{
  position:absolute;top:calc(72px + env(safe-area-inset-top));left:22px;right:22px;
  display:flex;justify-content:space-between;align-items:center;gap:14px;z-index:3;
}
.ed39Brand{
  color:var(--accent);font:800 13px/1 Georgia,serif;letter-spacing:.13em;
}
.ed39Issue{
  color:rgba(255,255,255,.58);font:800 8px/1 system-ui;letter-spacing:.15em;
}
.ed39PersonCopy,.ed39PlanCopy{
  position:absolute;z-index:3;left:22px;right:22px;bottom:calc(150px + env(safe-area-inset-bottom));
}
.ed39Kicker{
  display:inline-flex;color:var(--accent);font:900 9px/1 system-ui;letter-spacing:.16em;margin-bottom:12px;
}
.ed39PersonCopy h2{
  margin:0 0 8px;font:500 clamp(38px,11vw,64px)/.92 Georgia,serif;letter-spacing:-.045em;
}
.ed39PersonCopy h1{
  margin:0;font:800 clamp(50px,14vw,78px)/.82 Georgia,serif;letter-spacing:-.055em;text-transform:uppercase;
}
.ed39PersonCopy p{
  margin:12px 0 0;color:rgba(255,255,255,.68);font:italic 16px/1.25 Georgia,serif;
}
.ed39PlanCopy h1{
  margin:0 0 14px;font:700 clamp(58px,17vw,94px)/.80 Georgia,serif;letter-spacing:-.055em;text-transform:uppercase;
}
.ed39Meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.ed39Meta span{
  min-height:30px;padding:0 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;
  display:inline-flex;align-items:center;background:rgba(6,5,8,.28);
  color:rgba(255,255,255,.82);font:800 9px/1 system-ui;letter-spacing:.04em;
}
.ed39PlanNote{
  max-width:330px;margin:0 0 14px;color:rgba(255,255,255,.70);font:italic 15px/1.28 Georgia,serif;
}
.ed39PlanPerson{display:flex;align-items:center;gap:10px}
.ed39PlanPerson img,.ed39PlanPerson b{
  width:38px;height:38px;border-radius:50%;object-fit:cover;border:1px solid color-mix(in srgb,var(--accent) 60%,white 8%);
}
.ed39PlanPerson b{display:grid;place-items:center;background:#151019}
.ed39PlanPerson span{font-size:11px;color:rgba(255,255,255,.72)}
.ed39Actions{
  position:absolute;z-index:5;left:22px;right:22px;bottom:calc(24px + env(safe-area-inset-bottom));
  display:grid;gap:6px;
}
.ed39Actions button{border:0;font-weight:900;letter-spacing:.10em}
.ed39Primary{
  min-height:56px;border-radius:999px!important;background:var(--accent)!important;color:#09070a!important;
  box-shadow:0 16px 42px color-mix(in srgb,var(--accent) 24%,transparent);
}
.ed39Secondary{
  min-height:38px;background:transparent!important;color:rgba(255,255,255,.68)!important;
}
.ed39Peek{
  position:absolute;z-index:8;top:47%;transform:translateY(-50%);
  width:45px;height:72px;border:1px solid rgba(255,255,255,.14);
  background:rgba(7,5,9,.44);color:#fff;
  display:grid;place-items:center;gap:2px;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
.ed39PeekRight{right:0;border-radius:18px 0 0 18px;border-right:0}
.ed39PeekLeft{left:0;border-radius:0 18px 18px 0;border-left:0}
.ed39Peek i{font-style:normal;color:var(--accent);font-size:13px}
.ed39Peek span{
  writing-mode:vertical-rl;text-orientation:mixed;
  font:900 6px/1 system-ui;letter-spacing:.12em;color:rgba(255,255,255,.52);
}
.ed39Cover{
  position:absolute;z-index:10;inset:0;width:100%;height:100%;border:0;text-align:left;color:#fff;overflow:hidden;
  padding:calc(92px + env(safe-area-inset-top)) 28px calc(70px + env(safe-area-inset-bottom));
  background:
    radial-gradient(circle at 92% 52%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 29%),
    linear-gradient(152deg,#100d11 0%,#080608 48%,#030204 100%);
  transform:translateX(0);transition:transform .92s cubic-bezier(.16,.82,.2,1),box-shadow .4s ease;
  box-shadow:0 0 0 rgba(0,0,0,0);
}
.ed39Cover:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--accent);
  box-shadow:0 0 24px color-mix(in srgb,var(--accent) 45%,transparent);
}
.ed39Cover:after{
  content:"";position:absolute;width:62vw;height:62vw;border-radius:50%;
  right:-28vw;bottom:7vh;border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);
  box-shadow:inset 0 0 60px color-mix(in srgb,var(--accent) 5%,transparent);
}
.isOpen .ed39Cover{
  transform:translateX(-102%);box-shadow:28px 0 70px rgba(0,0,0,.48);
}
.ed39CoverBrand{
  position:relative;z-index:2;color:var(--accent);font:700 14px/1 Georgia,serif;letter-spacing:.16em;
}
.ed39Cover strong{
  position:relative;z-index:2;display:block;margin-top:18vh;
  max-width:86%;font:500 clamp(62px,18vw,112px)/.78 Georgia,serif;letter-spacing:-.055em;
}
.ed39CoverIssue{
  position:relative;z-index:2;display:block;margin-top:18px;color:rgba(255,255,255,.56);
  font:800 9px/1 system-ui;letter-spacing:.18em;
}
.ed39CoverRule{
  position:relative;z-index:2;display:block;width:74px;height:1px;background:var(--accent);margin:26px 0;
}
.ed39Cover small{
  position:relative;z-index:2;display:block;color:rgba(255,255,255,.55);
  font:900 8px/1 system-ui;letter-spacing:.15em;
}
.ed39Cover em{
  position:absolute;z-index:2;left:28px;bottom:calc(92px + env(safe-area-inset-bottom));
  max-width:250px;color:rgba(255,255,255,.76);font:italic 14px/1.25 Georgia,serif;
}
.ed39OpenCue{
  position:absolute;z-index:2;right:24px;bottom:calc(36px + env(safe-area-inset-bottom));
  color:var(--accent);font:900 8px/1 system-ui;letter-spacing:.14em;
}
@keyframes ed39Push{from{transform:scale(1.02)}to{transform:scale(1.07)}}
@media(max-width:390px){
  .ed39PaneTop,.ed39PersonCopy,.ed39PlanCopy,.ed39Actions{left:18px;right:18px}
  .ed39Cover{padding-left:22px;padding-right:22px}
  .ed39Cover em{left:22px}
}
@media(prefers-reduced-motion:reduce){
  .ed39Cover,.ed39Pane,.ed39PersonPhoto{transition:none!important;animation:none!important}
}


/* V40 — physical MATCH / PLAN EDITION book reveal, storyboard-locked */
.editionV39{
  display:grid!important;
  place-items:center!important;
  background:
    radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 28%),
    radial-gradient(circle at 22% 82%,rgba(255,255,255,.025),transparent 30%),
    linear-gradient(180deg,#070507 0%,#030203 100%)!important;
  perspective:1600px!important;
}
.editionV39:after{
  content:"";
  position:absolute;
  left:-12vw;right:-12vw;bottom:-8vh;height:34vh;
  background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 13%,transparent),transparent 64%);
  filter:blur(24px);
  pointer-events:none;
}
.ed39Book{
  position:relative!important;
  inset:auto!important;
  width:min(78vw,370px)!important;
  height:min(69dvh,620px)!important;
  overflow:visible!important;
  transform-style:preserve-3d!important;
  perspective:1500px!important;
  filter:drop-shadow(0 34px 48px rgba(0,0,0,.58))!important;
}
.isClosed .ed39Book{
  transform:translateY(2vh) rotateX(.8deg)!important;
}
.ed39Book::before,
.ed39Book::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:20px 11px 11px 20px;
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--accent) 46%,#130d12) 0 7px,#0a080b 7px 100%);
  border:1px solid rgba(255,255,255,.07);
  box-shadow:
    inset 7px 0 0 rgba(0,0,0,.34),
    inset -1px 0 0 color-mix(in srgb,var(--accent) 34%,transparent),
    0 20px 50px rgba(0,0,0,.32);
  pointer-events:none;
  transition:opacity .5s ease,transform .85s cubic-bezier(.16,.82,.2,1);
}
.ed39Book::before{
  z-index:-3;
  transform:translate3d(-44px,14px,-90px) rotateY(-18deg) rotateZ(-1.7deg) scale(.96);
  opacity:.58;
}
.ed39Book::after{
  z-index:-2;
  transform:translate3d(-24px,8px,-46px) rotateY(-11deg) rotateZ(-.9deg) scale(.985);
  opacity:.80;
}
.isOpen .ed39Book::before,
.isOpen .ed39Book::after{
  opacity:0!important;
  transform:translate3d(-12px,4px,-20px) rotateY(-4deg) scale(.995)!important;
}
.ed39Inside{
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
  border-radius:19px 11px 11px 19px!important;
  background:#050406!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:
    inset 8px 0 14px rgba(0,0,0,.44),
    inset -1px 0 0 color-mix(in srgb,var(--accent) 30%,transparent),
    0 26px 64px rgba(0,0,0,.42)!important;
  transform:translateZ(0)!important;
}
.ed39Inside:before{
  content:"";
  position:absolute;z-index:9;left:0;top:0;bottom:0;width:9px;
  background:linear-gradient(90deg,#020102,color-mix(in srgb,var(--accent) 36%,#080608),#050406);
  box-shadow:4px 0 10px rgba(0,0,0,.5),6px 0 14px color-mix(in srgb,var(--accent) 8%,transparent);
  pointer-events:none;
}
.ed39Pane{
  border-radius:18px 10px 10px 18px!important;
  overflow:hidden!important;
}
.ed39PersonPhoto{
  object-position:center 24%!important;
}
.ed39PaneTop{
  top:22px!important;
  left:23px!important;
  right:18px!important;
}
.ed39Brand{
  font-size:12px!important;
}
.ed39Issue{
  font-size:7px!important;
}
.ed39PersonCopy,
.ed39PlanCopy{
  left:23px!important;
  right:18px!important;
  bottom:122px!important;
}
.ed39PersonCopy h2{
  font-size:clamp(34px,9vw,47px)!important;
}
.ed39PersonCopy h1{
  font-size:clamp(42px,11vw,59px)!important;
  line-height:.84!important;
}
.ed39PersonCopy p,
.ed39PlanNote{
  font-size:13px!important;
}
.ed39PlanCopy h1{
  font-size:clamp(46px,12.5vw,66px)!important;
}
.ed39Actions{
  left:22px!important;
  right:18px!important;
  bottom:20px!important;
}
.ed39Actions .ed39Primary{
  min-height:48px!important;
}
.ed39Actions .ed39Secondary{
  min-height:32px!important;
}
.ed39Peek{
  top:48%!important;
  width:42px!important;
  height:66px!important;
}
.ed39Cover{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  padding:34px 28px 34px 35px!important;
  overflow:hidden!important;
  border-radius:20px 11px 11px 20px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:
    radial-gradient(circle at 94% 48%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 27%),
    linear-gradient(158deg,#121014 0%,#0b090c 44%,#050406 100%)!important;
  transform-origin:3% 50%!important;
  transform-style:preserve-3d!important;
  transform:translate3d(7px,0,48px) rotateY(-11deg) rotateZ(-.6deg) scale(.99)!important;
  transition:
    transform 1.08s cubic-bezier(.16,.82,.2,1),
    box-shadow .7s ease,
    filter .5s ease!important;
  box-shadow:
    -11px 20px 38px rgba(0,0,0,.44),
    inset 11px 0 18px rgba(0,0,0,.45),
    inset 1px 0 0 color-mix(in srgb,var(--accent) 42%,transparent),
    inset -1px 0 0 rgba(255,255,255,.05)!important;
}
.ed39Cover:before{
  content:""!important;
  position:absolute!important;
  left:0!important;top:0!important;bottom:0!important;width:13px!important;
  background:
    linear-gradient(90deg,#030204 0 22%,color-mix(in srgb,var(--accent) 58%,#1a0c12) 23% 35%,#09070a 36% 72%,color-mix(in srgb,var(--accent) 38%,#09070a) 73% 100%)!important;
  box-shadow:
    5px 0 13px rgba(0,0,0,.48),
    7px 0 18px color-mix(in srgb,var(--accent) 10%,transparent)!important;
}
.ed39Cover:after{
  content:""!important;
  position:absolute!important;
  width:48vw!important;height:48vw!important;
  max-width:230px!important;max-height:230px!important;
  right:-30%!important;bottom:10%!important;
  border-radius:50%!important;
  border:1px solid color-mix(in srgb,var(--accent) 22%,transparent)!important;
  box-shadow:
    inset 0 0 55px color-mix(in srgb,var(--accent) 4%,transparent),
    0 0 22px color-mix(in srgb,var(--accent) 5%,transparent)!important;
}
.ed39CoverBrand{
  font-size:12px!important;
  letter-spacing:.12em!important;
}
.ed39Cover strong{
  margin-top:18vh!important;
  max-width:88%!important;
  font-size:clamp(46px,12.3vw,66px)!important;
  line-height:.79!important;
  letter-spacing:-.047em!important;
}
.ed39CoverIssue{
  margin-top:14px!important;
  font-size:7px!important;
}
.ed39CoverRule{
  width:54px!important;
  margin:19px 0!important;
}
.ed39Cover small{
  font-size:7px!important;
}
.ed39Cover em{
  left:35px!important;
  right:26px!important;
  bottom:60px!important;
  max-width:230px!important;
  font-size:11px!important;
  line-height:1.25!important;
}
.ed39OpenCue{
  right:20px!important;
  bottom:22px!important;
  font-size:6.8px!important;
}
.isOpen .ed39Cover{
  transform:translate3d(-86%,0,34px) rotateY(-22deg) rotateZ(-.8deg) scale(.985)!important;
  box-shadow:
    26px 24px 52px rgba(0,0,0,.48),
    inset 10px 0 18px rgba(0,0,0,.46),
    inset 1px 0 0 color-mix(in srgb,var(--accent) 45%,transparent)!important;
}
.isOpen .ed39Cover:hover{
  transform:translate3d(-86%,0,34px) rotateY(-22deg) rotateZ(-.8deg) scale(.985)!important;
}
.editionV39.akelarre .ed39Cover,
.editionV39.akelarre .ed39Inside{
  box-shadow:
    -10px 20px 40px rgba(0,0,0,.46),
    inset 10px 0 18px rgba(0,0,0,.44),
    inset 1px 0 0 color-mix(in srgb,var(--accent) 42%,transparent),
    0 0 26px color-mix(in srgb,var(--accent) 4%,transparent)!important;
}
@media(max-width:390px){
  .ed39Book{
    width:min(80vw,340px)!important;
    height:min(67dvh,570px)!important;
  }
  .ed39Cover{
    padding-left:31px!important;
    padding-right:22px!important;
  }
  .ed39Cover em{
    left:31px!important;
  }
  .ed39PersonCopy,.ed39PlanCopy{
    left:21px!important;
    right:16px!important;
  }
}
@media(max-height:720px){
  .ed39Book{
    height:min(66dvh,535px)!important;
  }
  .ed39Cover strong{
    margin-top:15vh!important;
  }
  .ed39Cover em{
    bottom:50px!important;
  }
}

/* 5.12.46 — V42 physical editorial volume
   Locks the closed state to the approved storyboard: a real premium publication,
   not a flat UI card. No new media / no Runway credits. */
.editionV39{
  --book-ink:#080709;
  --book-black:#030304;
}
.ed39Book{
  width:min(76vw,358px)!important;
  height:min(67dvh,600px)!important;
  perspective:1900px!important;
  filter:
    drop-shadow(-7px 19px 19px rgba(0,0,0,.30))
    drop-shadow(0 38px 54px rgba(0,0,0,.64))!important;
}
.isClosed .ed39Book{
  transform:translate3d(10px,1.4vh,0) rotateX(.7deg) rotateZ(-.18deg)!important;
}

/* Two complete volumes behind the active cover: this is the silhouette seen in the storyboard. */
.ed39Book::before,
.ed39Book::after{
  border-radius:22px 12px 12px 22px!important;
  background:
    repeating-radial-gradient(circle at 27% 19%,rgba(255,255,255,.022) 0 .55px,transparent .7px 2.7px),
    linear-gradient(90deg,
      #020203 0 3px,
      color-mix(in srgb,var(--accent) 72%,#321512) 3px 5px,
      #09080a 5px 16px,
      #050406 16px 100%)!important;
  background-size:11px 13px,100% 100%!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:
    inset 8px 0 14px rgba(0,0,0,.78),
    inset 12px 0 0 rgba(255,255,255,.012),
    inset -1px 0 0 color-mix(in srgb,var(--accent) 32%,transparent),
    0 17px 35px rgba(0,0,0,.34)!important;
}
.ed39Book::before{
  transform:translate3d(-52px,17px,-105px) rotateY(-21deg) rotateZ(-1.9deg) scale(.952)!important;
  opacity:.62!important;
}
.ed39Book::after{
  transform:translate3d(-29px,9px,-52px) rotateY(-12deg) rotateZ(-.95deg) scale(.981)!important;
  opacity:.86!important;
}

/* The front cover: soft-touch black, fine leather/paper grain, copper/orange binding. */
.ed39Cover{
  border-radius:22px 12px 12px 22px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  padding:35px 27px 34px 38px!important;
  background:
    radial-gradient(ellipse at 76% 14%,rgba(255,255,255,.034),transparent 29%),
    radial-gradient(ellipse at 22% 76%,color-mix(in srgb,var(--accent) 4%,transparent),transparent 32%),
    repeating-radial-gradient(circle at 31% 27%,rgba(255,255,255,.025) 0 .48px,transparent .65px 2.45px),
    repeating-linear-gradient(118deg,rgba(255,255,255,.010) 0 1px,transparent 1px 5px),
    linear-gradient(150deg,#111012 0%,#09080a 44%,#050406 72%,#020203 100%)!important;
  background-size:auto,auto,10px 12px,19px 19px,auto!important;
  background-blend-mode:screen,normal,normal,soft-light,normal!important;
  transform-origin:2.5% 50%!important;
  transform:translate3d(7px,0,56px) rotateY(-9.5deg) rotateZ(-.35deg) scale(.992)!important;
  box-shadow:
    -16px 24px 42px rgba(0,0,0,.50),
    0 3px 0 rgba(255,255,255,.018),
    inset 15px 0 20px rgba(0,0,0,.67),
    inset 20px 0 0 rgba(255,255,255,.010),
    inset 1px 0 0 color-mix(in srgb,var(--accent) 54%,transparent),
    inset -1px 0 0 rgba(255,255,255,.055),
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 -1px 0 rgba(0,0,0,.72)!important;
}

/* Binding / glowing fore-edge. */
.ed39Cover:before{
  left:0!important;
  width:18px!important;
  background:
    linear-gradient(90deg,
      #010102 0 16%,
      rgba(255,255,255,.035) 17% 20%,
      color-mix(in srgb,var(--accent) 70%,#35170f) 21% 31%,
      color-mix(in srgb,var(--accent) 30%,#090709) 32% 40%,
      #080709 41% 67%,
      color-mix(in srgb,var(--accent) 46%,#090709) 68% 78%,
      #050406 79% 100%)!important;
  box-shadow:
    4px 0 8px rgba(0,0,0,.65),
    8px 0 20px rgba(0,0,0,.28),
    5px 0 17px color-mix(in srgb,var(--accent) 13%,transparent),
    inset -1px 0 0 rgba(255,255,255,.045)!important;
}

/* Replace the old decorative circle with tactile micro-grain and a very subtle pressed edge. */
.ed39Cover:after{
  content:""!important;
  position:absolute!important;
  inset:8px!important;
  width:auto!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  right:8px!important;
  bottom:8px!important;
  border-radius:17px 8px 8px 17px!important;
  border:1px solid rgba(255,255,255,.025)!important;
  background:
    repeating-radial-gradient(circle at 18% 22%,rgba(255,255,255,.020) 0 .38px,transparent .52px 2.15px),
    radial-gradient(ellipse at 50% 3%,rgba(255,255,255,.020),transparent 24%),
    linear-gradient(90deg,color-mix(in srgb,var(--accent) 11%,transparent),transparent 7%,transparent 93%,rgba(255,255,255,.012))!important;
  background-size:9px 11px,100% 100%,100% 100%!important;
  box-shadow:
    inset 1px 0 0 color-mix(in srgb,var(--accent) 11%,transparent),
    inset 0 1px 0 rgba(255,255,255,.012),
    inset 0 -1px 0 rgba(0,0,0,.45)!important;
  opacity:.78!important;
  pointer-events:none!important;
}

/* Keep all cover typography above the tactile overlay. */
.ed39CoverBrand,
.ed39Cover strong,
.ed39CoverIssue,
.ed39CoverRule,
.ed39Cover small,
.ed39Cover em,
.ed39OpenCue{
  z-index:3!important;
}
.ed39CoverBrand{
  text-shadow:0 0 18px color-mix(in srgb,var(--accent) 15%,transparent)!important;
}
.ed39Cover strong{
  margin-top:17.2vh!important;
  font-size:clamp(45px,11.9vw,64px)!important;
  line-height:.80!important;
}
.ed39CoverRule{
  height:1px!important;
  opacity:.78!important;
}
.ed39Cover em{
  max-width:238px!important;
  color:rgba(255,255,255,.78)!important;
  letter-spacing:-.015em!important;
}
.ed39OpenCue{
  color:color-mix(in srgb,var(--accent) 86%,white)!important;
  text-shadow:0 0 16px color-mix(in srgb,var(--accent) 18%,transparent)!important;
}

/* The inside is also a physical page block, so opening feels like a publication rather than a modal. */
.ed39Inside{
  border-radius:21px 11px 11px 21px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:
    inset 13px 0 20px rgba(0,0,0,.61),
    inset 1px 0 0 color-mix(in srgb,var(--accent) 34%,transparent),
    inset -1px 0 0 rgba(255,255,255,.035),
    0 25px 62px rgba(0,0,0,.48)!important;
}
.ed39Inside:before{
  width:15px!important;
  background:
    linear-gradient(90deg,
      #010102 0 24%,
      color-mix(in srgb,var(--accent) 44%,#090709) 25% 36%,
      #070608 37% 73%,
      color-mix(in srgb,var(--accent) 22%,#070608) 74% 100%)!important;
  box-shadow:
    5px 0 11px rgba(0,0,0,.62),
    7px 0 15px color-mix(in srgb,var(--accent) 8%,transparent)!important;
}

/* Opening motion: hinge first, then the cover leaves frame. */
.isOpen .ed39Cover{
  transform:translate3d(-90%,1px,34px) rotateY(-28deg) rotateZ(-.65deg) scale(.982)!important;
  box-shadow:
    34px 25px 58px rgba(0,0,0,.52),
    inset 14px 0 20px rgba(0,0,0,.64),
    inset 1px 0 0 color-mix(in srgb,var(--accent) 47%,transparent)!important;
}
.isOpen .ed39Book::before,
.isOpen .ed39Book::after{
  opacity:0!important;
  transform:translate3d(-14px,4px,-20px) rotateY(-4deg) scale(.995)!important;
}

@media(max-width:390px){
  .ed39Book{
    width:min(78vw,334px)!important;
    height:min(65.5dvh,558px)!important;
  }
  .ed39Cover{
    padding-left:35px!important;
  }
}
@media(max-height:720px){
  .ed39Book{height:min(64.5dvh,520px)!important}
  .ed39Cover strong{margin-top:14.4vh!important}
}

/* 5.12.46b — V42 QA correction: make the stacked volumes and tactile cover unmistakable. */
.ed39Book::before{z-index:0!important}
.ed39Book::after{z-index:1!important}
.ed39Inside{z-index:3!important}
.ed39Cover{z-index:10!important}

/* Pull the rear volumes far enough out from the front object to read on a phone. */
.isClosed .ed39Book::before{
  transform:translate3d(-60px,18px,-110px) rotateY(-20deg) rotateZ(-2.1deg) scale(.948)!important;
  opacity:.78!important;
}
.isClosed .ed39Book::after{
  transform:translate3d(-34px,9px,-54px) rotateY(-12deg) rotateZ(-1deg) scale(.982)!important;
  opacity:.94!important;
}
.isClosed .ed39Book::before,
.isClosed .ed39Book::after{
  background:
    linear-gradient(90deg,
      #020203 0 4px,
      color-mix(in srgb,var(--accent) 78%,#321610) 4px 7px,
      #060507 7px 17px,
      rgba(255,255,255,.028) 18px 19px,
      #09080a 20px 100%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.032) 0 1px,rgba(0,0,0,.025) 1px 3px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px)!important;
  background-blend-mode:normal,soft-light,soft-light!important;
}

/* Stronger soft-touch leather/paper grain: still subtle, but now visible at mobile screenshot scale. */
.ed39Cover{
  background:
    radial-gradient(ellipse at 72% 13%,rgba(255,255,255,.045),transparent 27%),
    radial-gradient(ellipse at 20% 78%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 36%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.026) 0 1px,rgba(0,0,0,.020) 1px 3px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px),
    repeating-radial-gradient(circle at 25% 25%,rgba(255,255,255,.028) 0 .55px,transparent .72px 2.5px),
    linear-gradient(148deg,#121114 0%,#0a090b 43%,#050406 73%,#020203 100%)!important;
  background-size:auto,auto,100% 100%,100% 100%,10px 12px,auto!important;
  background-blend-mode:screen,normal,soft-light,soft-light,normal,normal!important;
}
.ed39Cover:after{
  inset:7px!important;
  border:1px solid rgba(255,255,255,.032)!important;
  background:
    repeating-linear-gradient(112deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px),
    repeating-linear-gradient(22deg,rgba(0,0,0,.030) 0 1px,transparent 1px 6px),
    repeating-radial-gradient(circle at 30% 36%,rgba(255,255,255,.027) 0 .46px,transparent .60px 2.3px)!important;
  background-size:17px 17px,19px 19px,9px 11px!important;
  opacity:.96!important;
  mix-blend-mode:screen!important;
}

/* A shallow pressed line close to the perimeter, like a bound editorial cover, not decorative filigree. */
.ed39Cover{
  outline:1px solid rgba(0,0,0,.30)!important;
  outline-offset:-10px!important;
}

/* Hinge-led open: rotate the cover in perspective instead of reading like a sliding side panel. */
.isOpen .ed39Cover,
.isOpen .ed39Cover:hover{
  transform:translate3d(-72%,1px,38px) rotateY(-67deg) rotateZ(-.55deg) scale(.982)!important;
  box-shadow:
    38px 26px 62px rgba(0,0,0,.56),
    inset 16px 0 22px rgba(0,0,0,.66),
    inset 1px 0 0 color-mix(in srgb,var(--accent) 49%,transparent)!important;
}

/* 5.12.49 — V45: V42 interior remains byte-for-byte visually intact.
   This is the only new UI: a compact previous-page control outside the content. */
.ed45Back{
  position:absolute;
  z-index:14;
  left:-18px;
  top:50%;
  width:40px;
  height:58px;
  padding:0;
  border:1px solid rgba(255,255,255,.13);
  border-radius:18px;
  background:rgba(8,7,10,.88);
  color:var(--accent);
  display:grid;
  place-items:center;
  box-shadow:0 12px 26px rgba(0,0,0,.28),inset 1px 0 0 color-mix(in srgb,var(--accent) 30%,transparent);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  opacity:0;
  pointer-events:none;
  transform:translate(-7px,-50%);
  transition:opacity .24s ease,transform .32s cubic-bezier(.16,.82,.2,1);
}
.ed45Back span{
  display:block;
  font:300 31px/.8 Georgia,serif;
  transform:translateY(-1px);
}
.isOpen .ed45Back{
  opacity:1;
  pointer-events:auto;
  transform:translate(0,-50%);
}
.isClosed .ed45Back{
  opacity:0;
  pointer-events:none;
}

/* 5.12.50 — V46 person editorial lock:
   keep Valentina's face completely clean, move copy lower, and show ENCONTRARON in full.
   PLAN layout and V42 physical cover are untouched. */
.isOpen .ed39PersonPane .ed39PersonCopy{
  left:23px!important;
  right:18px!important;
  bottom:104px!important;
}
.isOpen .ed39PersonPane .ed39Kicker{
  margin-bottom:8px!important;
}
.isOpen .ed39PersonPane .ed39PersonCopy h2{
  margin:0 0 5px!important;
  font-size:clamp(31px,8.1vw,39px)!important;
  line-height:.94!important;
  letter-spacing:-.04em!important;
}
.isOpen .ed39PersonPane .ed39PersonCopy h1{
  max-width:100%!important;
  margin:0!important;
  font-size:clamp(34px,8.9vw,43px)!important;
  line-height:.86!important;
  letter-spacing:-.065em!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.isOpen .ed39PersonPane .ed39PersonCopy p{
  margin-top:8px!important;
  font-size:12.5px!important;
  line-height:1.18!important;
}
@media(max-width:390px){
  .isOpen .ed39PersonPane .ed39PersonCopy{
    left:21px!important;
    right:16px!important;
    bottom:101px!important;
  }
  .isOpen .ed39PersonPane .ed39PersonCopy h2{
    font-size:clamp(30px,8vw,36px)!important;
  }
  .isOpen .ed39PersonPane .ed39PersonCopy h1{
    font-size:clamp(33px,8.7vw,39px)!important;
  }
}

/* 5.12.51 — V47 requested micro-fix.
   PLAN: move the back control to the right so it never covers time/copy.
   PERSON: make SE ENCONTRARON slightly smaller while keeping the face clear. */
.isOpen .ed39Inside.showPlan + .ed45Back{
  left:auto!important;
  right:-18px!important;
  transform:translate(7px,-50%)!important;
}
.isOpen .ed39Inside.showPlan + .ed45Back span{
  transform:translateY(-1px) rotate(180deg)!important;
}
.isOpen .ed39PersonPane .ed39PersonCopy h1{
  font-size:clamp(31px,8.05vw,39px)!important;
  line-height:.88!important;
}
@media(max-width:390px){
  .isOpen .ed39PersonPane .ed39PersonCopy h1{
    font-size:clamp(30px,7.9vw,36px)!important;
  }
}

/* 5.12.52 — V48 requested polish.
   MATCH PERSONAL moves into the top masthead beside ARGILORE.
   Person CTA moves slightly lower to give the italic line more breathing room. */
.ed39PersonPane .ed39PaneTop{
  justify-content:flex-start!important;
}
.ed39PersonPane .ed39PaneTop .ed39Brand{
  flex:0 0 auto;
}
.ed39TopMatch{
  flex:0 0 auto;
  margin-left:10px;
  color:var(--accent);
  font:900 7px/1 system-ui;
  letter-spacing:.15em;
  opacity:.78;
  white-space:nowrap;
}
.ed39PersonPane .ed39PaneTop .ed39Issue{
  margin-left:auto;
}
.isOpen .ed39PersonPane .ed39Actions{
  bottom:12px!important;
}
@media(max-width:390px){
  .ed39TopMatch{
    margin-left:8px;
    font-size:6.6px;
    letter-spacing:.13em;
  }
  .isOpen .ed39PersonPane .ed39Actions{
    bottom:11px!important;
  }
}

/* 5.12.53 — V49 person masthead hierarchy.
   Remove ISSUE/number from PERSON and give MATCH PERSONAL the upper-right editorial weight. */
.ed39PersonPane .ed39PaneTop{
  justify-content:space-between!important;
  align-items:center!important;
}
.ed39PersonPane .ed39PaneTop .ed39Brand{
  flex:0 0 auto!important;
}
.ed39PersonPane .ed39TopMatch{
  margin-left:auto!important;
  color:var(--accent)!important;
  font:900 10px/1 system-ui!important;
  letter-spacing:.14em!important;
  opacity:.98!important;
  text-shadow:0 0 18px color-mix(in srgb,var(--accent) 18%,transparent)!important;
  white-space:nowrap!important;
}
@media(max-width:390px){
  .ed39PersonPane .ed39TopMatch{
    font-size:9.4px!important;
    letter-spacing:.12em!important;
  }
}

/* 5.12.54 — V50 PLAN side navigation.
   Remove the left tab that covered time/copy. The right control becomes the only
   page-return affordance and lives outside the editorial content. */
.ed39PlanPane .ed39PeekLeft{
  display:none!important;
}
.ed45BackLabel{
  display:none;
}
.isOpen .ed39Inside.showPlan + .ed45Back{
  left:auto!important;
  right:-24px!important;
  top:50%!important;
  width:48px!important;
  height:86px!important;
  padding:8px 4px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:
    linear-gradient(180deg,rgba(15,12,17,.96),rgba(7,6,9,.90))!important;
  box-shadow:
    0 16px 34px rgba(0,0,0,.34),
    inset 1px 0 0 color-mix(in srgb,var(--accent) 34%,transparent),
    inset 0 1px 0 rgba(255,255,255,.035)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  -webkit-backdrop-filter:blur(16px)!important;
  backdrop-filter:blur(16px)!important;
  transform:translate(0,-50%)!important;
}
.isOpen .ed39Inside.showPlan + .ed45Back .ed45BackArrow{
  font:300 26px/.75 Georgia,serif!important;
  color:var(--accent)!important;
  transform:rotate(180deg)!important;
  margin:0!important;
}
.isOpen .ed39Inside.showPlan + .ed45Back .ed45BackLabel{
  display:block!important;
  writing-mode:vertical-rl!important;
  text-orientation:mixed!important;
  color:rgba(255,255,255,.70)!important;
  font:900 6.5px/1 system-ui!important;
  letter-spacing:.15em!important;
  white-space:nowrap!important;
}
.isOpen .ed39Inside.showPlan + .ed45Back:active{
  transform:translate(1px,-50%) scale(.97)!important;
}
@media(max-width:390px){
  .isOpen .ed39Inside.showPlan + .ed45Back{
    right:-22px!important;
    width:45px!important;
    height:82px!important;
  }
}

/* 5.12.55 — V51 PLAN description hierarchy.
   The plan statement carries more editorial weight without disturbing metadata or CTA. */
.isOpen .ed39PlanPane .ed39PlanNote{
  max-width:345px!important;
  margin:2px 0 16px!important;
  color:rgba(255,255,255,.92)!important;
  font:600 italic clamp(16.5px,4.25vw,18.5px)/1.25 Georgia,serif!important;
  letter-spacing:-.012em!important;
  text-shadow:0 2px 14px rgba(0,0,0,.38)!important;
}
@media(max-width:390px){
  .isOpen .ed39PlanPane .ed39PlanNote{
    max-width:320px!important;
    font-size:16.5px!important;
    line-height:1.26!important;
    margin-bottom:15px!important;
  }
}

/* 5.12.56 — V52 cover brand as a real editorial title.
   Only ARGILORE / AKELARRE changes: larger, centered and more important.
   The rest of the approved cover composition stays untouched. */
.isClosed .ed39Cover .ed39CoverBrand{
  position:absolute!important;
  top:13.5%!important;
  left:18px!important;
  right:18px!important;
  width:auto!important;
  margin:0!important;
  display:block!important;
  text-align:center!important;
  color:var(--accent)!important;
  font:700 clamp(25px,7.4vw,36px)/.95 Georgia,serif!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  text-shadow:
    0 0 22px color-mix(in srgb,var(--accent) 22%,transparent),
    0 2px 18px rgba(0,0,0,.30)!important;
}
@media(max-width:390px){
  .isClosed .ed39Cover .ed39CoverBrand{
    top:13.2%!important;
    font-size:clamp(24px,7.1vw,30px)!important;
    letter-spacing:.12em!important;
  }
}
@media(max-height:720px){
  .isClosed .ed39Cover .ed39CoverBrand{
    top:12.4%!important;
  }
}

/* 5.12.57 — V53 remove the interfering right-side mini menu.
   Preserve page-back functionality as a minimal top-left chevron. */
.isOpen .ed45Back,
.isOpen .ed39Inside.showPlan + .ed45Back{
  left:14px!important;
  right:auto!important;
  top:14px!important;
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  padding:0!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:rgba(8,6,10,.56)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.24)!important;
  display:grid!important;
  place-items:center!important;
  -webkit-backdrop-filter:blur(14px)!important;
  backdrop-filter:blur(14px)!important;
  opacity:.78!important;
  transform:none!important;
}
.isOpen .ed45Back .ed45BackLabel,
.isOpen .ed39Inside.showPlan + .ed45Back .ed45BackLabel{
  display:none!important;
}
.isOpen .ed45Back .ed45BackArrow,
.isOpen .ed39Inside.showPlan + .ed45Back .ed45BackArrow{
  display:block!important;
  margin:0!important;
  transform:none!important;
  color:var(--accent)!important;
  font:300 27px/.8 Georgia,serif!important;
}
.isOpen .ed45Back:active,
.isOpen .ed39Inside.showPlan + .ed45Back:active{
  transform:scale(.94)!important;
}
@media(max-width:390px){
  .isOpen .ed45Back,
  .isOpen .ed39Inside.showPlan + .ed45Back{
    left:12px!important;
    right:auto!important;
    top:12px!important;
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
  }
}

/* 5.12.58 — V54 symmetric page navigation.
   Back and forward controls share the same vertical axis and visual weight.
   PLAN-origin now always has a forward control to PERSONA. */
.ed39Pane .ed39Peek{
  display:none!important;
}
.isOpen .ed45Back{
  left:-19px!important;
  right:auto!important;
  top:50%!important;
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  padding:0!important;
  border-radius:50%!important;
  border:1px solid color-mix(in srgb,var(--accent) 62%,white 12%)!important;
  background:rgba(10,8,12,.94)!important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 20px color-mix(in srgb,var(--accent) 18%,transparent),
    inset 0 0 0 1px rgba(255,255,255,.035)!important;
  display:grid!important;
  place-items:center!important;
  opacity:1!important;
  transform:translateY(-50%)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  backdrop-filter:blur(16px)!important;
}
.isOpen .ed45Back .ed45BackArrow{
  display:block!important;
  margin:0!important;
  transform:translateX(-1px)!important;
  color:color-mix(in srgb,var(--accent) 90%,white)!important;
  font:400 30px/.72 Georgia,serif!important;
  text-shadow:0 0 12px color-mix(in srgb,var(--accent) 24%,transparent)!important;
}
.isOpen .ed45Back .ed45BackLabel{display:none!important}

.ed54Next{
  position:absolute;
  z-index:14;
  right:-19px;
  top:50%;
  width:44px;
  height:44px;
  padding:0;
  border-radius:50%;
  border:1px solid color-mix(in srgb,var(--accent) 62%,white 12%);
  background:rgba(10,8,12,.94);
  color:color-mix(in srgb,var(--accent) 90%,white);
  display:grid;
  place-items:center;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 20px color-mix(in srgb,var(--accent) 18%,transparent),
    inset 0 0 0 1px rgba(255,255,255,.035);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  transform:translateY(-50%);
}
.ed54Next span{
  display:block;
  transform:translateX(1px);
  font:400 30px/.72 Georgia,serif;
  text-shadow:0 0 12px color-mix(in srgb,var(--accent) 24%,transparent);
}
.ed54Next:active,
.isOpen .ed45Back:active{
  transform:translateY(-50%) scale(.94)!important;
}
@media(max-width:390px){
  .isOpen .ed45Back{
    left:-17px!important;
    top:50%!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
  }
  .ed54Next{
    right:-17px!important;
    width:42px!important;
    height:42px!important;
  }
}

/* 5.12.58b — Direct-preview compatibility and symmetric edge controls.
   In the preview page, reuse its existing PLAN/VER PERSONA controls as the same
   right-side arrow used by the real component. */
.ed39PersonPane .ed39PeekRight{
  display:grid!important;
  right:-19px!important;
  top:50%!important;
  width:44px!important;
  height:44px!important;
  border-radius:50%!important;
  border:1px solid color-mix(in srgb,var(--accent) 62%,white 12%)!important;
  background:rgba(10,8,12,.94)!important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 20px color-mix(in srgb,var(--accent) 18%,transparent),
    inset 0 0 0 1px rgba(255,255,255,.035)!important;
  transform:translateY(-50%)!important;
}
.ed39PersonPane .ed39PeekRight i{
  color:color-mix(in srgb,var(--accent) 90%,white)!important;
  font-size:0!important;
}
.ed39PersonPane .ed39PeekRight i:before{
  content:"›";
  font:400 30px/.72 Georgia,serif;
}
.ed39PersonPane .ed39PeekRight span{display:none!important}

/* Preview-only PLAN origin: turn its existing VER PERSONA button into the forward edge arrow.
   The real app uses .ed54Next, so this selector does not affect production UI. */
.origin-plan.isOpen .ed39PlanPane.isActive #personSecondary{
  position:fixed!important;
  z-index:14!important;
  top:50%!important;
  right:calc((100vw - min(76vw,358px))/2 - 19px)!important;
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0!important;
  border-radius:50%!important;
  border:1px solid color-mix(in srgb,var(--accent) 62%,white 12%)!important;
  background:rgba(10,8,12,.94)!important;
  color:transparent!important;
  font-size:0!important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 20px color-mix(in srgb,var(--accent) 18%,transparent),
    inset 0 0 0 1px rgba(255,255,255,.035)!important;
  transform:translateY(-50%)!important;
}
.origin-plan.isOpen .ed39PlanPane.isActive #personSecondary:before{
  content:"›";
  color:color-mix(in srgb,var(--accent) 90%,white);
  font:400 30px/.72 Georgia,serif;
}
@media(max-width:390px){
  .ed39PersonPane .ed39PeekRight{
    right:-17px!important;
    width:42px!important;
    height:42px!important;
  }
  .origin-plan.isOpen .ed39PlanPane.isActive #personSecondary{
    right:calc((100vw - min(78vw,334px))/2 - 17px)!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
  }
}

/* 5.12.58c — visibility pass after mobile QA.
   Make both arrows unmistakable; keep preview PLAN forward control inside the book edge
   so it is never clipped by the physical-volume container. */
.isOpen .ed45Back{
  width:48px!important;
  min-width:48px!important;
  height:48px!important;
  border-width:1.5px!important;
  background:rgba(8,6,10,.98)!important;
  box-shadow:
    0 14px 32px rgba(0,0,0,.46),
    0 0 24px color-mix(in srgb,var(--accent) 30%,transparent),
    inset 0 0 0 1px rgba(255,255,255,.05)!important;
}
.isOpen .ed45Back .ed45BackArrow{
  font-size:34px!important;
  font-weight:500!important;
}
.ed54Next,
.ed39PersonPane .ed39PeekRight{
  width:48px!important;
  min-width:48px!important;
  height:48px!important;
  border-width:1.5px!important;
  background:rgba(8,6,10,.98)!important;
  box-shadow:
    0 14px 32px rgba(0,0,0,.46),
    0 0 24px color-mix(in srgb,var(--accent) 30%,transparent),
    inset 0 0 0 1px rgba(255,255,255,.05)!important;
}
.ed54Next span,
.ed39PersonPane .ed39PeekRight i:before{
  font-size:34px!important;
  font-weight:500!important;
}

/* Static direct preview only: its existing VER PERSONA button becomes the right arrow.
   Keep it just inside the book boundary to avoid overflow clipping. */
.origin-plan.isOpen .ed39PlanPane.isActive #personSecondary{
  position:absolute!important;
  z-index:14!important;
  top:50%!important;
  right:6px!important;
  left:auto!important;
  bottom:auto!important;
  width:48px!important;
  min-width:48px!important;
  height:48px!important;
  min-height:48px!important;
  padding:0!important;
  border-width:1.5px!important;
  border-radius:50%!important;
  background:rgba(8,6,10,.98)!important;
  box-shadow:
    0 14px 32px rgba(0,0,0,.46),
    0 0 24px color-mix(in srgb,var(--accent) 30%,transparent),
    inset 0 0 0 1px rgba(255,255,255,.05)!important;
  transform:translateY(-50%)!important;
}
.origin-plan.isOpen .ed39PlanPane.isActive #personSecondary:before{
  font-size:34px!important;
  font-weight:500!important;
}
@media(max-width:390px){
  .isOpen .ed45Back,
  .ed54Next,
  .ed39PersonPane .ed39PeekRight{
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
  }
  .origin-plan.isOpen .ed39PlanPane.isActive #personSecondary{
    right:5px!important;
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    min-height:46px!important;
  }
}

/* 5.12.59 — V55 unified navigation for both MATCH EDITION and PLAN EDITION.
   One left back button + one right forward button, same size/height/style everywhere. */
.isOpen .ed45Back,
.ed54Next{
  top:50%!important;
  width:48px!important;
  min-width:48px!important;
  height:48px!important;
  min-height:48px!important;
  border-radius:50%!important;
  border:1.5px solid color-mix(in srgb,var(--accent) 62%,white 12%)!important;
  background:rgba(8,6,10,.98)!important;
  box-shadow:
    0 14px 32px rgba(0,0,0,.46),
    0 0 24px color-mix(in srgb,var(--accent) 30%,transparent),
    inset 0 0 0 1px rgba(255,255,255,.05)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  backdrop-filter:blur(16px)!important;
  transform:translateY(-50%)!important;
}
.isOpen .ed45Back{
  left:-19px!important;
  right:auto!important;
}
.ed54Next{
  left:auto!important;
  right:-19px!important;
}
.isOpen .ed45Back .ed45BackArrow,
.ed54Next span{
  margin:0!important;
  color:color-mix(in srgb,var(--accent) 92%,white)!important;
  font:500 34px/.72 Georgia,serif!important;
  text-shadow:0 0 12px color-mix(in srgb,var(--accent) 24%,transparent)!important;
}
.isOpen .ed45Back .ed45BackArrow{transform:translateX(-1px)!important}
.ed54Next span{transform:translateX(1px)!important}

/* Restore the ordinary bottom VER PERSONA button in the static preview now that
   the real forward arrow is global and symmetric. */
.origin-plan.isOpen .ed39PlanPane.isActive #personSecondary{
  position:static!important;
  z-index:auto!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:38px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.68)!important;
  font-size:12px!important;
  box-shadow:none!important;
  transform:none!important;
}
.origin-plan.isOpen .ed39PlanPane.isActive #personSecondary:before{
  content:none!important;
}

@media(max-width:390px){
  .isOpen .ed45Back{
    left:-17px!important;
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    min-height:46px!important;
  }
  .ed54Next{
    right:-17px!important;
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    min-height:46px!important;
  }
}



/* 5.12.60 — V56 final symmetric navigation.
   Override the older high-specificity PLAN-page back rule so PERSON and PLAN
   use the exact same edge control geometry in both MATCH and PLAN editions. */
.isOpen .ed45Back,
.isOpen .ed39Inside.showPlan + .ed45Back{
  position:absolute!important;
  z-index:14!important;
  left:-19px!important;
  right:auto!important;
  top:50%!important;
  width:48px!important;
  min-width:48px!important;
  height:48px!important;
  min-height:48px!important;
  padding:0!important;
  border-radius:50%!important;
  border:1.5px solid color-mix(in srgb,var(--accent) 62%,white 12%)!important;
  background:rgba(8,6,10,.98)!important;
  box-shadow:
    0 14px 32px rgba(0,0,0,.46),
    0 0 24px color-mix(in srgb,var(--accent) 30%,transparent),
    inset 0 0 0 1px rgba(255,255,255,.05)!important;
  display:grid!important;
  place-items:center!important;
  opacity:1!important;
  transform:translateY(-50%)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  backdrop-filter:blur(16px)!important;
}
.isOpen .ed45Back .ed45BackArrow,
.isOpen .ed39Inside.showPlan + .ed45Back .ed45BackArrow{
  display:block!important;
  margin:0!important;
  transform:translateX(-1px)!important;
  color:color-mix(in srgb,var(--accent) 92%,white)!important;
  font:500 34px/.72 Georgia,serif!important;
  text-shadow:0 0 12px color-mix(in srgb,var(--accent) 24%,transparent)!important;
}
.isOpen .ed45Back .ed45BackLabel,
.isOpen .ed39Inside.showPlan + .ed45Back .ed45BackLabel{
  display:none!important;
}
.isOpen .ed45Back:active,
.isOpen .ed39Inside.showPlan + .ed45Back:active{
  transform:translateY(-50%) scale(.94)!important;
}

.isOpen .ed54Next{
  position:absolute!important;
  z-index:14!important;
  left:auto!important;
  right:-19px!important;
  top:50%!important;
  width:48px!important;
  min-width:48px!important;
  height:48px!important;
  min-height:48px!important;
  padding:0!important;
  border-radius:50%!important;
  border:1.5px solid color-mix(in srgb,var(--accent) 62%,white 12%)!important;
  background:rgba(8,6,10,.98)!important;
  color:color-mix(in srgb,var(--accent) 92%,white)!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:
    0 14px 32px rgba(0,0,0,.46),
    0 0 24px color-mix(in srgb,var(--accent) 30%,transparent),
    inset 0 0 0 1px rgba(255,255,255,.05)!important;
  transform:translateY(-50%)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  backdrop-filter:blur(16px)!important;
}
.isOpen .ed54Next span{
  display:block!important;
  margin:0!important;
  transform:translateX(1px)!important;
  color:color-mix(in srgb,var(--accent) 92%,white)!important;
  font:500 34px/.72 Georgia,serif!important;
  text-shadow:0 0 12px color-mix(in srgb,var(--accent) 24%,transparent)!important;
}
.isOpen .ed54Next:active{
  transform:translateY(-50%) scale(.94)!important;
}
.ed54Next[hidden]{
  display:none!important;
}

@media(max-width:390px){
  .isOpen .ed45Back,
  .isOpen .ed39Inside.showPlan + .ed45Back{
    left:-17px!important;
    top:50%!important;
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    min-height:46px!important;
  }
  .isOpen .ed54Next{
    right:-17px!important;
    top:50%!important;
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    min-height:46px!important;
  }
}