/* Baseline: every original card is in normal flow, including without JavaScript.
   Activation attributes are disposable and never part of saved editor HTML. */
[data-rich-effects]>.editor-layout{clear:both;position:relative;min-width:0;margin:2rem 0;isolation:isolate}
[data-rich-effects] .editor-layout .editor-card{display:flow-root;box-sizing:border-box;min-width:0;padding:1.3rem;border:1px solid #3b4e6a;border-radius:.75rem;background:#131e30;color:inherit;margin:0 0 1rem;overflow-wrap:anywhere}
[data-rich-effects] .editor-layout .editor-card>:first-child{margin-top:0}
[data-rich-effects] .editor-layout .editor-card>:last-child{margin-bottom:0}
[data-rich-effects] .fep-layout-stage,[data-rich-effects] .fep-layout-track{min-width:0}
[data-rich-effects] .fep-layout-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.6rem;margin-top:.7rem}
[data-rich-effects] .fep-layout-controls[hidden]{display:none!important}
[data-rich-effects] .fep-layout-step,[data-rich-effects] .fep-layout-marker{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;min-height:2.5rem;margin:0;padding:.35rem .65rem;color:#dbe6fc;background:#192942;border:1px solid #496185;border-radius:.5rem;font:inherit;line-height:1.2;cursor:pointer}
[data-rich-effects] .fep-layout-step:disabled{opacity:.4;cursor:default}
[data-rich-effects] .fep-layout-marker[aria-current=true]{background:#a6c4ff;color:#10213e;border-color:#a6c4ff}
[data-rich-effects] .fep-layout-markers{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem}
[data-rich-effects] .fep-layout-status{font-size:.8rem;color:#afbdd6;min-width:3.25rem;text-align:center;font-variant-numeric:tabular-nums}
[data-rich-effects] .fep-layout-step:focus-visible,[data-rich-effects] .fep-layout-marker:focus-visible,[data-rich-effects] .fep-layout-track:focus-visible{outline:2px solid #a6c4ff;outline-offset:3px}
[data-rich-effects] .editor-layout[data-fep-layout-active] .fep-layout-track{position:relative}
[data-rich-effects] :is(.layout-cover-flow,.layout-carousel,.layout-scroll-shadow)[data-fep-layout-active] .fep-layout-track{display:flex;align-items:stretch;gap:1rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:1rem;padding:1rem;scrollbar-color:#617fad #142038;touch-action:auto;cursor:grab}
[data-rich-effects] :is(.layout-cover-flow,.layout-carousel,.layout-scroll-shadow)[data-fep-layout-active] .editor-card{flex:0 0 min(80%,34rem);scroll-snap-align:center;margin:0}
[data-rich-effects] .editor-layout[data-fep-layout-active] [data-fep-dragging]{cursor:grabbing;user-select:none;scroll-snap-type:none}
/* A native scroll strip remains available to mouse, trackpad and touch. */
[data-rich-effects] .layout-cover-flow[data-fep-layout-active] .fep-layout-track{perspective:1000px;perspective-origin:center center;padding-block:2rem}
[data-rich-effects] .layout-cover-flow[data-fep-layout-active] .editor-card{transform:translateZ(var(--fep-cover-depth,0px)) rotateY(var(--fep-cover-rotate,0deg)) scale(var(--fep-cover-scale,1));transform-origin:center;backface-visibility:hidden}
/* The document's existing vertical scroll drives translation, without wheel
   cancellation. Oversized cards and narrow viewports use the baseline instead. */
[data-rich-effects] .layout-horizontal[data-fep-layout-active]{height:var(--fep-layout-height,auto)}
[data-rich-effects] .layout-horizontal[data-fep-layout-active] .fep-layout-stage{position:sticky;top:1rem;overflow:hidden;border-radius:.75rem}
[data-rich-effects] .layout-horizontal[data-fep-layout-active] .fep-layout-track{display:flex;align-items:flex-start;gap:1rem;transform:translateX(var(--fep-horizontal-x,0px))}
[data-rich-effects] .layout-horizontal[data-fep-layout-active] .editor-card{flex:0 0 min(80%,34rem);margin:0}
[data-rich-effects] .layout-stack[data-fep-layout-active] .editor-card{position:sticky;top:calc(1rem + var(--fep-card-index,0)*12px);z-index:calc(1 + var(--fep-card-index,0));margin-bottom:2rem;box-shadow:0 -.25rem 1.2rem #070d1866}
/* The complete first card stays present and readable as it compacts. The sticky
   scope ends with its own layout; it cannot cover a site's global navigation. */
[data-rich-effects] .layout-cover-header[data-fep-layout-active]{overflow-anchor:none}
[data-rich-effects] .layout-cover-header[data-fep-layout-active] .editor-card:first-child{position:sticky;top:1rem;z-index:20;min-height:calc(7rem + (1 - var(--fep-cover-progress,0))*10rem);padding:calc(1rem + (1 - var(--fep-cover-progress,0))*1.5rem);background:linear-gradient(120deg,#1b3458,#19213a);box-shadow:0 .5rem 1.5rem #070d1855;border-radius:calc(.4rem + (1 - var(--fep-cover-progress,0))*.7rem)}
[data-rich-effects] .layout-cover-header[data-fep-layout-active] .editor-card:first-child :is(h2,h3,h4){font-size:calc(1.1rem + (1 - var(--fep-cover-progress,0))*.6rem)}
[data-rich-effects] .layout-cover-header[data-fep-layout-active] .editor-card:first-child img{display:block;float:none;width:auto;height:calc(3.5rem + (1 - var(--fep-cover-progress,0))*14rem);max-width:100%;object-fit:contain;margin:.4rem 0}
[data-rich-effects] .layout-cover-header[data-fep-layout-active] .editor-card:not(:first-child){position:relative}
[data-rich-effects] .layout-carousel[data-fep-layout-active] .editor-card{flex-basis:100%}
[data-rich-effects] .layout-scroll-shadow[data-fep-layout-active] .fep-layout-stage{position:relative}
[data-rich-effects] .layout-scroll-shadow[data-fep-layout-active] .fep-layout-stage:before,[data-rich-effects] .layout-scroll-shadow[data-fep-layout-active] .fep-layout-stage:after{content:"";position:absolute;top:0;bottom:0;width:2.5rem;z-index:2;pointer-events:none;opacity:0}
[data-rich-effects] .layout-scroll-shadow[data-fep-layout-active] .fep-layout-stage:before{left:0;background:linear-gradient(90deg,#060b17c9,transparent)}
[data-rich-effects] .layout-scroll-shadow[data-fep-layout-active] .fep-layout-stage:after{right:0;background:linear-gradient(-90deg,#060b17c9,transparent)}
[data-rich-effects] .layout-scroll-shadow[data-fep-layout-active] .fep-layout-stage[data-fep-shadow-start]:before,[data-rich-effects] .layout-scroll-shadow[data-fep-layout-active] .fep-layout-stage[data-fep-shadow-end]:after{opacity:1}
@media(max-width:719px),(prefers-reduced-motion:reduce){
  [data-rich-effects]>.editor-layout{height:auto!important}
  [data-rich-effects] .editor-layout .fep-layout-stage,[data-rich-effects] .editor-layout .fep-layout-track,[data-rich-effects] .editor-layout .editor-card{display:flow-root!important;position:static!important;transform:none!important;overflow:visible!important;min-height:0!important;height:auto!important}
  [data-rich-effects] .editor-layout .fep-layout-track{padding:0!important}
  [data-rich-effects] .editor-layout .editor-card{margin-bottom:1rem!important;padding:1rem!important}
  [data-rich-effects] .editor-layout .fep-layout-controls,[data-rich-effects] .editor-layout .fep-layout-stage:before,[data-rich-effects] .editor-layout .fep-layout-stage:after{display:none!important}
  [data-rich-effects] .layout-cover-header .editor-card:first-child :is(h2,h3,h4){font-size:revert!important}
  [data-rich-effects] .layout-cover-header .editor-card:first-child img{width:auto!important;height:auto!important;max-width:100%!important}
}
@media print{
  [data-rich-effects]>.editor-layout{height:auto!important;overflow:visible!important}
  [data-rich-effects] .editor-layout .fep-layout-stage,[data-rich-effects] .editor-layout .fep-layout-track,[data-rich-effects] .editor-layout .editor-card{display:block!important;position:static!important;transform:none!important;overflow:visible!important;min-height:0!important;height:auto!important;box-shadow:none!important;break-inside:avoid}
  [data-rich-effects] .editor-layout .fep-layout-track{padding:0!important}
  [data-rich-effects] .editor-layout .editor-card{margin-bottom:1rem!important;padding:1rem!important}
  [data-rich-effects] .editor-layout .fep-layout-controls,[data-rich-effects] .editor-layout .fep-layout-stage:before,[data-rich-effects] .editor-layout .fep-layout-stage:after{display:none!important}
  [data-rich-effects] .layout-cover-header .editor-card:first-child img{width:auto!important;height:auto!important;max-width:100%!important}
}