*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--ei-bg);color:var(--ei-text);font-family:"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;transition:background .55s,color .55s}body:before{content:"";position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}img{display:block;width:100%;height:100%;object-fit:cover}.eiSerif{font-family:Didot,"Bodoni MT","Times New Roman",serif}.eiItalic{font-style:italic}.eiMeta{color:var(--ei-muted);font-size:10px;line-height:1.5;letter-spacing:.25em;text-transform:uppercase}.eiContainer{width:100%;max-width:1440px;margin:auto;padding-inline:4vw}.eiHairlineTop{border-top:1px solid var(--ei-line)}.eiHairlineBottom{border-bottom:1px solid var(--ei-line)}.eiCover{min-height:100svh;display:flex;flex-direction:column;padding:max(24px,env(safe-area-inset-top)) 4vw 4vw}.eiMasthead{text-align:center;border-bottom:2px solid var(--ei-text);padding-bottom:12px;margin-bottom:20px}.eiMastheadKicker{margin-bottom:10px}.eiMasthead h1{margin:0;font-size:clamp(72px,15vw,210px);font-weight:400;line-height:.75;letter-spacing:-.045em}.eiMastheadMeta{display:flex;justify-content:space-between;gap:20px;margin-top:18px}.eiCoverImageWrap{position:relative;flex-grow:1;min-height:580px;overflow:hidden;background:var(--ei-paper-strong)}.eiCoverImageWrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.14),transparent 42%,rgba(0,0,0,.34));pointer-events:none}.eiPhotoPlaceholder{height:100%;display:grid;place-items:center;color:var(--ei-muted);border:1px dashed var(--ei-line)}.eiCoverLines{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(22px,3vw,48px);color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.35);pointer-events:none}.eiIssueBadge{align-self:flex-end;display:inline-flex;min-width:clamp(118px,13vw,190px);flex-direction:column;align-items:center;padding:clamp(16px,2vw,26px);border:1px solid rgba(255,255,255,.72);background:rgba(0,0,0,.12);backdrop-filter:blur(8px)}.eiIssueNumber{font-size:clamp(72px,9vw,142px);font-weight:400;line-height:.72;letter-spacing:-.08em}.eiIssueSmall{font-size:9px;letter-spacing:.22em;text-transform:uppercase;opacity:.82}.eiCoverCopy{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.eiCoverLead{max-width:430px;font-size:clamp(18px,2.1vw,30px);line-height:1.18}.eiCoverRight{max-width:420px;text-align:right}.eiCoverRight h2{margin:0 0 12px;font-size:clamp(34px,5vw,70px);font-weight:400;line-height:.84}.eiMetaWhite{color:#fff;opacity:.86}.eiMusicBtn{position:fixed;right:18px;bottom:18px;z-index:900;display:flex;gap:10px;align-items:center;padding:12px 16px;border:1px solid var(--ei-line);background:var(--ei-paper);color:var(--ei-text);border-radius:999px}.eiEditorsLetter{display:grid;grid-template-columns:.8fr 2fr;gap:clamp(50px,7vw,110px);padding-block:clamp(100px,11vw,160px)}.eiBlockKicker{margin-bottom:22px}.eiEdTitle{margin:0;font-size:clamp(48px,7vw,96px);font-weight:400;line-height:.86;letter-spacing:-.04em}.eiLead{font-size:clamp(21px,2.2vw,31px);line-height:1.45;margin:0 0 1em}.eiEdText{font-size:clamp(18px,1.8vw,25px);font-weight:300;line-height:1.6}.eiEdText p{margin:0 0 1.15em}.eiEdText p:first-child:first-letter{float:left;margin:.05em .12em 0 0;font-size:3.6em;line-height:.72;color:var(--ei-accent)}.eiSignature{margin-top:32px;color:var(--ei-accent);font-size:52px}.eiContents,.eiTrend,.eiEditorial,.eiVenue,.eiGifts{padding-block:clamp(100px,11vw,160px)}.eiSectionHeading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:60px;padding-bottom:22px;border-bottom:2px solid var(--ei-text)}.eiSectionHeading h2{margin:0;font-size:clamp(48px,7vw,100px);font-weight:400;line-height:.78;letter-spacing:-.04em;text-transform:uppercase}.eiTocItem{--toc-color:var(--ei-accent);display:grid;grid-template-columns:minmax(110px,160px) 1fr;gap:32px;padding:clamp(34px,4vw,56px) 0;border-bottom:1px solid var(--ei-line);transition:.55s}.eiTocItem.is-active{padding-left:24px;background:var(--ei-paper)}.eiTocPage{color:transparent;-webkit-text-stroke:1px var(--ei-text);font-size:clamp(42px,6vw,76px);line-height:.8;transition:.65s}.eiTocItem.is-active .eiTocPage{color:var(--toc-color);-webkit-text-stroke-color:var(--toc-color);transform:translateX(8px)}.eiTocInfo h3{margin:0 0 12px;font-size:clamp(28px,4vw,52px);font-weight:400;line-height:.95;text-transform:uppercase;transition:color .65s}.eiTocItem.is-active .eiTocInfo h3{color:var(--toc-color)}.eiTocInfo p{max-width:650px;margin:0;color:var(--ei-muted);font-size:clamp(16px,1.8vw,20px);line-height:1.6}.eiTrendShell{position:relative;overflow:hidden;padding:clamp(34px,6vw,86px);background:var(--ei-paper);border:1px solid var(--ei-line)}.eiTrendShell:before{content:"STYLE";position:absolute;top:50%;right:-.08em;transform:translateY(-52%);font-family:Didot,serif;font-size:clamp(130px,24vw,360px);line-height:.8;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px var(--ei-line);opacity:.55}.eiTrendHeader{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:clamp(40px,7vw,110px);align-items:end;padding-bottom:clamp(44px,6vw,72px);border-bottom:1px solid var(--ei-line)}.eiTrendKicker{margin-bottom:22px}.eiTrendTitle{margin:0;font-size:clamp(58px,8vw,126px);font-weight:400;line-height:.82;letter-spacing:-.055em;text-transform:uppercase}.eiTrendCopy p{margin:0 0 28px;color:var(--ei-muted);font-size:clamp(17px,1.8vw,22px);line-height:1.65}.eiTrendNote{padding-top:26px;border-top:1px solid var(--ei-line)}.eiTrendNote strong{display:block;margin-bottom:10px;color:var(--ei-accent);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.eiTrendNote span{font-size:17px;line-height:1.55}.eiSwatchBoard{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:clamp(46px,6vw,78px)}.eiSwatchColor{position:relative;aspect-ratio:.72;min-height:180px;background:var(--swatch);border:1px solid var(--ei-line)}.eiSwatchColor:after{content:attr(data-index);position:absolute;right:14px;bottom:10px;color:rgba(255,255,255,.78);font-family:Didot,serif;font-size:28px;text-shadow:0 1px 8px rgba(0,0,0,.22)}.eiSwatchLabel{display:block;margin-top:14px;color:var(--ei-muted);font-size:9px;letter-spacing:.14em;text-transform:uppercase}.eiSpread{display:grid;grid-template-columns:1.05fr .8fr 1.15fr;gap:20px;align-items:center}.eiSpImg{overflow:hidden;background:var(--ei-paper-strong);border:1px solid var(--ei-line)}.eiSp1{height:72vh;min-height:590px}.eiSp2{height:50vh;min-height:420px}.eiSp3{height:80vh;min-height:660px}.eiVenue{border-top:2px solid var(--ei-text)}.eiVenueBanner{height:min(64vh,760px);min-height:500px;margin-bottom:45px;overflow:hidden}.eiVenueDetails{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(40px,6vw,90px)}.eiVenueDetails h2{margin:0;font-size:clamp(52px,7vw,100px);font-weight:400;line-height:.85;letter-spacing:-.045em}.eiVenueDetails p,.eiGiftText{color:var(--ei-muted);font-size:18px;line-height:1.6}.eiBtn{display:inline-flex;min-height:54px;align-items:center;justify-content:center;margin-top:24px;padding:16px 30px;color:var(--ei-btn-text);background:var(--ei-btn-bg);border:1px solid var(--ei-btn-bg);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-decoration:none}.eiGiftLead{font-size:clamp(32px,5vw,64px);font-weight:400;margin:0 0 25px}.eiRsvp{padding:clamp(100px,11vw,160px) 0 clamp(150px,15vw,220px);background:var(--ei-paper);border-top:1px solid var(--ei-line)}.eiRsvpInner{max-width:900px;text-align:center}.eiRsvp h2{margin:0 0 18px;font-size:clamp(52px,7vw,100px);font-weight:400;line-height:.82;letter-spacing:-.045em}.eiRsvpIntro{max-width:700px;margin:0 auto 44px;color:var(--ei-muted);font-size:18px;line-height:1.55}.eiRsvpForm{text-align:left}.eiRsvpForm input,.eiRsvpForm select,.eiRsvpForm textarea{color:var(--ei-text)!important;background:transparent!important;border-color:var(--ei-text)!important}.eiFooter{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:44px 4vw calc(44px + env(safe-area-inset-bottom));border-top:4px solid var(--ei-text)}.eiBarcode{width:130px;height:42px;background:repeating-linear-gradient(90deg,var(--ei-text),var(--ei-text) 2px,transparent 2px,transparent 4px,var(--ei-text) 4px,var(--ei-text) 5px,transparent 5px,transparent 8px)}.eiFooterMeta{text-align:right}.eiReveal{opacity:0;transform:translateY(42px);transition:opacity 1s cubic-bezier(.19,1,.22,1),transform 1s cubic-bezier(.19,1,.22,1)}.eiReveal.active{opacity:1;transform:none}@media(max-width:1000px){.eiEditorsLetter,.eiVenueDetails,.eiTrendHeader{grid-template-columns:1fr}.eiSpread{grid-template-columns:1fr}.eiSp1,.eiSp2,.eiSp3{height:58vh;min-height:460px}}@media(max-width:700px){.eiContainer{padding-inline:22px}.eiCover{padding-inline:18px}.eiMasthead h1{font-size:clamp(72px,25vw,150px)}.eiMastheadMeta{flex-direction:column;align-items:center;gap:8px}.eiCoverImageWrap{min-height:620px}.eiCoverCopy{flex-direction:column;align-items:flex-start}.eiCoverRight{text-align:left}.eiSectionHeading{align-items:flex-start;flex-direction:column}.eiTocItem{grid-template-columns:1fr;gap:18px}.eiTocItem.is-active{padding-left:12px}.eiSwatchBoard{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.eiSwatchItem:last-child{grid-column:1/-1}.eiSwatchColor{min-height:150px}.eiFooter{flex-direction:column;text-align:center}.eiFooterMeta{text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}.eiReveal{opacity:1;transform:none}}

/* Hero cover hard bounds */
.eiCoverImageWrap{width:100%;height:clamp(520px,72svh,900px);min-height:0!important;flex:0 0 auto!important;overflow:hidden!important}.eiCoverImageWrap>img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important}@media(max-width:700px){.eiCoverImageWrap{height:clamp(520px,68svh,720px);min-height:0!important}}


/* v11: narrower editorial page, larger hero photograph */
@media (min-width: 1101px){
  body{padding-inline:clamp(24px,4vw,72px)}
  .eiPage{width:min(100%,1280px);margin-inline:auto}
  .eiContainer{max-width:1180px;padding-inline:34px}
  .eiCover{padding:clamp(20px,2vw,30px) 34px 34px}
  .eiCoverImageWrap{height:clamp(650px,78svh,980px)!important}
  .eiMasthead h1{font-size:clamp(92px,11vw,176px)}
  .eiFooter{padding-inline:34px}
}
@media (min-width: 1500px){
  .eiPage{width:min(100%,1320px)}
  .eiContainer{max-width:1220px}
  .eiCoverImageWrap{height:clamp(700px,80svh,1020px)!important}
}
@media (max-width:1100px){
  body{padding-inline:0}
  .eiPage{width:100%;margin:0}
}

/* v12: mobile overflow guard and safe masthead name */
html,
body{
  width:100%;
  max-width:100%;
  overflow-x:clip;
}
.eiPage,
.eiCover,
.eiContainer,
.eiMasthead,
.eiCoverImageWrap,
.eiEditorsLetter,
.eiContents,
.eiTrend,
.eiEditorial,
.eiVenue,
.eiGifts,
.eiRsvp,
.eiFooter{
  min-width:0;
  max-width:100%;
}
.eiMasthead h1{
  max-width:100%;
  overflow:hidden;
  text-overflow:clip;
}
@media (max-width:700px){
  body{min-width:0}
  .eiPage{overflow-x:clip}
  .eiMasthead{width:100%;overflow:hidden}
  .eiMasthead h1{
    width:100%;
    padding-inline:2px;
    font-size:clamp(50px,14vw,104px);
    line-height:.82;
    letter-spacing:-.055em;
    white-space:nowrap;
  }
  .eiMastheadMeta,
  .eiCoverCopy,
  .eiSectionHeading,
  .eiTrendHeader,
  .eiVenueDetails,
  .eiFooter{
    min-width:0;
  }
  .eiCoverLead,
  .eiCoverRight,
  .eiEdTitle,
  .eiSectionHeading h2,
  .eiTrendTitle,
  .eiVenueDetails h2,
  .eiRsvp h2{
    max-width:100%;
    overflow-wrap:anywhere;
  }
  .eiIssueBadge{max-width:calc(100% - 8px)}
  .eiMusicBtn{max-width:calc(100vw - 24px)}
}
@supports not (overflow:clip){
  html,body,.eiPage{overflow-x:hidden}
}


/* v13: RSVP controls follow the active editorial theme.
   The previous generic .eiRsvpForm button rule painted every chip as selected. */
.eiRsvpForm .rsvpSection{
  --accent:var(--ei-accent);
  --rsvp-button-bg:var(--ei-accent);
  color:var(--ei-text);
}
.eiRsvpForm .rsvpSection .rsvpFormCard{
  color:var(--ei-text)!important;
  border-color:var(--ei-line)!important;
  background:color-mix(in srgb,var(--ei-paper) 92%,transparent)!important;
  box-shadow:0 24px 70px var(--ei-shadow)!important;
}
.eiRsvpForm .rsvpSection .field{
  color:var(--ei-text)!important;
  border-color:color-mix(in srgb,var(--ei-text) 20%,transparent)!important;
  background:color-mix(in srgb,var(--ei-paper) 72%,transparent)!important;
}
.eiRsvpForm .rsvpSection .field:focus{
  border-color:var(--ei-accent)!important;
  background:var(--ei-paper)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--ei-accent) 14%,transparent)!important;
}
.eiRsvpForm .rsvpSection .chip{
  color:var(--ei-text)!important;
  border-color:color-mix(in srgb,var(--ei-text) 22%,transparent)!important;
  background:color-mix(in srgb,var(--ei-paper) 70%,transparent)!important;
  box-shadow:none!important;
  opacity:1!important;
}
.eiRsvpForm .rsvpSection .chip:hover{
  color:var(--ei-text)!important;
  border-color:var(--ei-accent)!important;
  background:color-mix(in srgb,var(--ei-accent) 10%,var(--ei-paper))!important;
}
.eiRsvpForm .rsvpSection .chip[data-active="true"],
.eiRsvpForm .rsvpSection .chip.is-active,
.eiRsvpForm .rsvpSection .chip.active{
  color:var(--ei-btn-text)!important;
  border-color:var(--ei-accent)!important;
  background:var(--ei-accent)!important;
  box-shadow:0 12px 28px color-mix(in srgb,var(--ei-accent) 30%,transparent)!important;
  transform:translateY(-1px);
}
.eiRsvpForm .rsvpSection .consent,
.eiRsvpForm .rsvpSection .rsvpTotal{
  color:var(--ei-text)!important;
  border-color:var(--ei-line)!important;
  background:color-mix(in srgb,var(--ei-paper) 68%,transparent)!important;
}
.eiRsvpForm .rsvpSection .btn.btn-full,
.eiRsvpForm .rsvpSection #rsvpForm button[type="submit"]{
  color:var(--ei-btn-text)!important;
  border-color:var(--ei-btn-bg)!important;
  background:var(--ei-btn-bg)!important;
  box-shadow:0 16px 34px color-mix(in srgb,var(--ei-btn-bg) 25%,transparent)!important;
}
.eiRsvpForm .rsvpSection .btn.btn-full:hover,
.eiRsvpForm .rsvpSection #rsvpForm button[type="submit"]:hover{
  color:var(--ei-text)!important;
  border-color:var(--ei-text)!important;
  background:transparent!important;
}
html[data-dark="1"] .eiRsvpForm .rsvpSection .rsvpFormCard{
  background:color-mix(in srgb,var(--ei-paper) 90%,transparent)!important;
}
html[data-dark="1"] .eiRsvpForm .rsvpSection .chip{
  color:var(--ei-text)!important;
  border-color:color-mix(in srgb,var(--ei-text) 24%,transparent)!important;
  background:color-mix(in srgb,var(--ei-paper) 82%,transparent)!important;
}
html[data-dark="1"] .eiRsvpForm .rsvpSection .chip[data-active="true"],
html[data-dark="1"] .eiRsvpForm .rsvpSection .chip.is-active,
html[data-dark="1"] .eiRsvpForm .rsvpSection .chip.active{
  color:var(--ei-btn-text)!important;
  border-color:var(--ei-accent)!important;
  background:var(--ei-accent)!important;
}

/* Fancybox gallery */
.eiSpImg{position:relative;display:block;cursor:zoom-in}
.eiSpImg .eiGalleryZoom{position:absolute;right:16px;bottom:16px;z-index:2;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(10,10,10,.26);color:#fff;font-size:19px;line-height:1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease,background .3s ease}
.eiSpImg:hover .eiGalleryZoom,.eiSpImg:focus-visible .eiGalleryZoom{opacity:1;transform:translateY(0)}
.eiSpImg:focus-visible{outline:2px solid var(--ei-accent);outline-offset:5px}
.eiGalleryHidden{display:none!important}
.fancybox__container{--fancybox-bg:rgba(8,8,10,.96);z-index:2147483000}
.fancybox__caption{font-family:"Helvetica Neue",Arial,sans-serif;font-size:14px;letter-spacing:.04em}
.fancybox__toolbar{--f-button-bg:rgba(255,255,255,.08);--f-button-hover-bg:rgba(255,255,255,.16)}
@media(max-width:700px){.eiSpImg .eiGalleryZoom{right:12px;bottom:12px;width:38px;height:38px;opacity:1;transform:none}}

/* Hero: правая журнальная подпись удалена */
.eiCoverCopy{justify-content:flex-start}
.eiCoverLead{max-width:min(560px,100%)}

/* v14: stable, readable program states for every palette */
.eiTocItem{
  --toc-color:var(--ei-accent);
  position:relative;
  isolation:isolate;
}
.eiTocItem::before{
  content:"";
  position:absolute;
  inset:10px 0;
  z-index:-1;
  opacity:0;
  background:color-mix(in srgb,var(--ei-accent) 10%,var(--ei-paper));
  border-left:3px solid var(--ei-accent);
  transition:opacity .35s ease,transform .35s ease;
  transform:translateX(-10px);
}
.eiTocItem:hover::before,
.eiTocItem.is-active::before{
  opacity:1;
  transform:none;
}
.eiTocItem:hover,
.eiTocItem.is-active{
  padding-left:24px;
  background:transparent;
}
.eiTocItem:hover .eiTocPage,
.eiTocItem.is-active .eiTocPage{
  color:var(--ei-accent);
  -webkit-text-stroke-color:var(--ei-accent);
  transform:translateX(8px);
}
.eiTocItem:hover .eiTocInfo h3,
.eiTocItem.is-active .eiTocInfo h3{
  color:var(--ei-text);
}
.eiTocItem:hover .eiTocInfo p,
.eiTocItem.is-active .eiTocInfo p{
  color:var(--ei-text);
}
@media(max-width:700px){
  .eiTocItem:hover,.eiTocItem.is-active{padding-left:12px}
}


/* =====================================================================
   v16 — STATIC PROGRAM / LARGE ICONS / CLEAR CONNECTING LINE
===================================================================== */

/* Программа полностью статична: никаких reveal, active или прыгающих отступов */
.eiProgramStatic,
.eiProgramStatic .eiSectionHeading,
.eiProgramStatic .eiTocItem{
  opacity:1!important;
  transform:none!important;
  animation:none!important;
  transition:none!important;
}

.eiTocList{
  position:relative;
  display:grid;
  gap:0;
  padding:10px 0 4px;
}

/* Одна читаемая вертикальная линия проходит через весь сценарий */
.eiTocList::before{
  content:"";
  position:absolute;
  left:48px;
  top:58px;
  bottom:58px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(
    180deg,
    transparent 0,
    var(--ei-accent) 8%,
    color-mix(in srgb,var(--ei-accent) 58%,var(--ei-line)) 50%,
    var(--ei-accent) 92%,
    transparent 100%
  );
  opacity:.86;
}

.eiTocItem{
  --toc-color:var(--ei-accent);
  position:relative;
  display:grid!important;
  grid-template-columns:98px minmax(120px,170px) minmax(0,1fr)!important;
  align-items:center;
  gap:clamp(22px,3vw,46px)!important;
  min-height:160px;
  padding:28px 0!important;
  border:0!important;
  background:transparent!important;
  isolation:isolate;
}

.eiTocItem + .eiTocItem{
  border-top:1px solid var(--ei-line)!important;
}

/* Удаляем старую активную подложку и все состояния, вызывавшие скачок */
.eiTocItem::before{
  content:none!important;
  display:none!important;
}
.eiTocItem:hover,
.eiTocItem.is-active{
  padding-left:0!important;
  background:transparent!important;
}

.eiTocRail{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:98px;
  min-height:104px;
}

.eiTocIcon{
  width:78px;
  height:78px;
  display:grid;
  place-items:center;
  border:2px solid var(--ei-accent);
  border-radius:50%;
  background:var(--ei-bg);
  color:var(--ei-accent);
  box-shadow:
    0 0 0 9px var(--ei-bg),
    0 0 0 10px color-mix(in srgb,var(--ei-accent) 22%,transparent);
}

.eiTocIcon svg{
  width:42px;
  height:42px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.eiTocPage{
  color:var(--ei-accent)!important;
  -webkit-text-stroke:0!important;
  font-size:clamp(42px,5vw,70px)!important;
  line-height:.82!important;
  transform:none!important;
  transition:none!important;
}

.eiTocInfo{
  position:relative;
  padding:26px 30px;
  border-left:1px solid var(--ei-line);
}

.eiTocInfo::before{
  content:"";
  position:absolute;
  left:-1px;
  top:26px;
  width:5px;
  height:42px;
  background:var(--ei-accent);
}

.eiTocInfo h3,
.eiTocItem:hover .eiTocInfo h3,
.eiTocItem.is-active .eiTocInfo h3{
  margin:0 0 10px!important;
  color:var(--ei-text)!important;
  font-size:clamp(28px,3.3vw,48px)!important;
  line-height:.98!important;
  transition:none!important;
}

.eiTocInfo p,
.eiTocItem:hover .eiTocInfo p,
.eiTocItem.is-active .eiTocInfo p{
  max-width:760px;
  color:var(--ei-muted)!important;
  transition:none!important;
}

@media(max-width:760px){
  .eiTocList::before{
    left:34px;
    top:48px;
    bottom:48px;
    width:2px;
  }

  .eiTocItem{
    grid-template-columns:70px minmax(0,1fr)!important;
    gap:18px!important;
    min-height:0;
    padding:24px 0!important;
  }

  .eiTocRail{
    width:70px;
    min-height:78px;
    grid-row:1 / span 2;
  }

  .eiTocIcon{
    width:58px;
    height:58px;
    border-width:2px;
    box-shadow:0 0 0 7px var(--ei-bg),0 0 0 8px color-mix(in srgb,var(--ei-accent) 22%,transparent);
  }

  .eiTocIcon svg{
    width:31px;
    height:31px;
  }

  .eiTocPage{
    grid-column:2;
    font-size:38px!important;
    margin-bottom:4px;
  }

  .eiTocInfo{
    grid-column:2;
    padding:16px 0 0;
    border-left:0;
    border-top:1px solid var(--ei-line);
  }

  .eiTocInfo::before{
    left:0;
    top:-1px;
    width:42px;
    height:4px;
  }
}
