.mpe-v1,.mpe-v1 *{box-sizing:border-box}
.mpe-v1{width:100%;max-width:100%;min-width:0;contain:inline-size;container-type:inline-size;margin:32px auto;color:#38332e;font-family:inherit;line-height:1.65}
.mpe-v1 .mpe-v1__track{display:flex;align-items:stretch;gap:22px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:6px 4px 20px;scrollbar-width:thin;scrollbar-color:#bfa081 #f5eee7;scroll-padding-inline:4px}
.mpe-v1 .mpe-v1__card{flex:0 0 100%;min-width:0;margin:0;border:1px solid #ebe5db;border-radius:24px;background:radial-gradient(ellipse at 100% 0%,#fffbed 0%,transparent 55%),radial-gradient(ellipse at 0% 100%,#f8f5f2 0%,transparent 48%),#fff;scroll-snap-align:start;box-shadow:0 8px 20px #4935230c;overflow:hidden}
.mpe-v1 .mpe-v1__card:only-child{flex-basis:100%}
.mpe-v1 .mpe-v1__card-inner{display:flex;flex-direction:column;height:100%;color:inherit;background:transparent}
.mpe-v1 .mpe-v1__problem-column{display:flex;flex-direction:column;min-width:0;height:100%}
.mpe-v1 a.mpe-v1__read{text-decoration:none}
.mpe-v1 .mpe-v1__image{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;margin:0}
.mpe-v1 .mpe-v1__body{display:flex;flex:1;flex-direction:column;padding:clamp(20px,3.5vw,44px)}
.mpe-v1 .mpe-v1__logo{display:block;width:190px;max-width:70%;height:auto;align-self:center;margin:0 auto 14px;filter:brightness(1.06) contrast(1.12);mix-blend-mode:multiply}
.mpe-v1 .mpe-v1__body h3{margin:0 0 20px;color:#332d27;text-align:center;font:400 clamp(27px,3.3vw,42px)/1.18 Georgia,serif;overflow-wrap:anywhere}
.mpe-v1 .mpe-v1__question{align-self:center;max-width:100%;text-align:center;margin:0 0 48px;padding:9px 20px;background:#fff9e7;color:#554738;border-radius:12px;font-size:clamp(18px,2.2vw,24px);overflow-wrap:anywhere}
.mpe-v1 .mpe-v1__columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.mpe-v1 .mpe-v1__problem,.mpe-v1 .mpe-v1__solution p{font-size:17px;line-height:1.75;margin:0;overflow-wrap:anywhere;white-space:normal}
.mpe-v1 .mpe-v1__solution{position:relative;padding:48px 24px 26px;border:1px solid #eadfce;border-radius:18px;background:#ffffffc9}
.mpe-v1 .mpe-v1__solution::before{content:"";position:absolute;top:-32px;left:50%;transform:translateX(-50%);width:140px;max-width:85%;height:64px;border-radius:999px;background:#fff;pointer-events:none}
.mpe-v1 .mpe-v1__solution-cup{display:block;position:absolute;top:-31px;left:50%;transform:translateX(-50%);width:251px;max-width:100%;height:auto;filter:brightness(.65) contrast(5) saturate(.4);mix-blend-mode:multiply;clip-path:polygon(23% 25%,36% 25%,39% 0,61% 0,64% 25%,77% 25%,77% 100%,23% 100%);pointer-events:none}
.mpe-v1 .mpe-v1__solution h4{margin:0 0 18px;color:#47372a;text-align:center;font:400 27px/1.2 Georgia,serif}
.mpe-v1 .mpe-v1__read{display:inline-flex;align-self:center;align-items:center;justify-content:center;text-align:center;gap:10px;max-width:100%;border:1px solid #e7b200;border-radius:999px;margin-top:auto;padding:13px 26px;background:#fff;color:#554331;font-size:16px;font-weight:600;line-height:1.4;box-shadow:0 4px 12px #4935230a}
.mpe-v1 .mpe-v1__columns{margin-bottom:26px}
.mpe-v1 .mpe-v1__footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;margin-top:6px}
.mpe-v1 .mpe-v1__controls{display:flex;gap:10px}
.mpe-v1 .mpe-v1__controls[hidden]{display:none}
.mpe-v1 .mpe-v1__controls button{font:inherit;line-height:1.2;font-size:14px;min-height:44px;padding:10px 16px;border:1px solid #e7b200;border-radius:999px;background:#fff;color:#554331;cursor:pointer;box-shadow:none}
.mpe-v1 .mpe-v1__controls button:disabled{opacity:.4;cursor:default}
.mpe-v1 .mpe-v1__all{color:#554331;font-size:16px;text-decoration:underline;text-underline-offset:4px}
.mpe-v1 a:focus-visible,.mpe-v1 button:focus-visible,.mpe-v1 .mpe-v1__track:focus-visible{outline:3px solid #e7b200;outline-offset:-3px}
@media(max-width:680px){.mpe-v1 .mpe-v1__columns{grid-template-columns:minmax(0,1fr);gap:48px}.mpe-v1 .mpe-v1__solution{padding:46px 20px 22px}.mpe-v1 .mpe-v1__question{margin-bottom:26px}.mpe-v1 .mpe-v1__body h3{font-size:29px}.mpe-v1 .mpe-v1__problem,.mpe-v1 .mpe-v1__solution p{font-size:16px}.mpe-v1 .mpe-v1__track{gap:12px}.mpe-v1 .mpe-v1__card{border-radius:18px}}
@media(prefers-reduced-motion:reduce){.mpe-v1 .mpe-v1__track{scroll-behavior:auto}}

/* V1.4: compact spacing without a fixed height or clipped text. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .mpe-v1 .mpe-v1__card{transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease}
 .mpe-v1 .mpe-v1__card:hover{transform:translateY(-3px);border-color:#e7b200;box-shadow:0 10px 22px #49352318}
}

/* V1.12: one full card, shared stationary atmosphere control. */
.mpe-v1 .mpe-v1__stage{position:relative;min-width:0}
.mpe-v1 .mpe-v1__track{padding:6px 0 10px;scroll-padding-inline:0;scrollbar-width:none;scroll-snap-stop:always}
.mpe-v1 .mpe-v1__track::-webkit-scrollbar{display:none}
.mpe-v1 .mpe-v1__card{flex:0 0 100%;scroll-snap-stop:always}
.mpe-v1[data-slider-ready] .mpe-v1__track{display:grid;grid-template-columns:minmax(0,1fr);gap:0;overflow:hidden;touch-action:pan-y pinch-zoom}
.mpe-v1[data-slider-ready] .mpe-v1__card{grid-area:1/1;min-width:0;width:100%;align-self:stretch}
.mpe-v1[data-slider-ready] .mpe-v1__card[aria-hidden="true"]{pointer-events:none}
.mpe-v1[data-slider-ready] .mpe-v1__card[aria-hidden="true"]:not([data-mpe-leaving]){visibility:hidden}
.mpe-v1[data-mpe-moving] .mpe-v1__card{pointer-events:none}
.mpe-v1 .mpe-v1__controls{justify-content:flex-end;gap:10px;margin:0 0 6px}
.mpe-v1 .mpe-v1__controls button{
 display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;min-height:46px;padding:0;
 border:1px solid #e7b200!important;border-radius:14px;background:#fff!important;color:#765839!important;
 box-shadow:0 3px 10px #4935230c!important;
}
.mpe-v1 .mpe-v1__controls button:hover:not(:disabled){background:#fff7dc!important}
.mpe-v1 .mpe-v1__controls svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mpe-v1 .mpe-v1__controls button:disabled{opacity:.3}
.mpe-v1 .mpe-v1__atmosphere{position:absolute;left:30px;bottom:94px;z-index:1;max-width:calc(50% - 50px)}
.mpe-v1 .mpe-v1__atmosphere .mpe-music--card{margin:0;padding:0}
.mpe-v1 .mpe-v1__problem-column{padding-bottom:146px}
@media(max-width:767px){.mpe-v1 .mpe-v1__atmosphere{display:none}.mpe-v1 .mpe-v1__problem-column{padding-bottom:0}}
@container(max-width:680px){.mpe-v1 .mpe-v1__atmosphere{display:none}.mpe-v1 .mpe-v1__problem-column{padding-bottom:0}}
.mpe-v1{max-width:950px;margin:16px auto}
.mpe-v1 .mpe-v1__track{width:100%;max-width:100%;min-width:0}
.mpe-v1 .mpe-v1__logo{width:170px;margin-bottom:6px}
@media(min-width:681px){
 .mpe-v1 .mpe-v1__body{padding:22px 30px 24px}
 .mpe-v1 .mpe-v1__body h3{font-size:30px;line-height:1.15;margin-bottom:12px}
 .mpe-v1 .mpe-v1__question{font-size:18px;line-height:1.4;padding:7px 18px;margin-bottom:40px}
 .mpe-v1 .mpe-v1__problem,.mpe-v1 .mpe-v1__solution p{font-size:15px;line-height:1.6}
 .mpe-v1 .mpe-v1__solution{padding:40px 20px 20px}
 .mpe-v1 .mpe-v1__solution h4{font-size:23px;line-height:1.2;margin-bottom:12px}
 .mpe-v1 .mpe-v1__columns{gap:24px;margin-bottom:18px}
 .mpe-v1 .mpe-v1__read{font-size:15px;padding:10px 24px;min-height:44px}
}

/* Fit the assigned column, including narrow columns on wide screens. */
@container (max-width:680px){
 .mpe-v1 .mpe-v1__columns{grid-template-columns:minmax(0,1fr);gap:48px}
 .mpe-v1 .mpe-v1__body{padding:20px}
 .mpe-v1 .mpe-v1__body h3{font-size:29px}
 .mpe-v1 .mpe-v1__question{font-size:18px;margin-bottom:26px}
 .mpe-v1 .mpe-v1__solution{padding:46px 20px 22px}
 .mpe-v1 .mpe-v1__solution h4{overflow-wrap:anywhere}
 .mpe-v1 .mpe-v1__card{flex-basis:100%}
}

/* Phone cards follow their own content height, not the tallest hidden slide. */
@media(max-width:767px){
 .mpe-v1[data-slider-ready] .mpe-v1__track{position:relative}
 .mpe-v1[data-slider-ready] .mpe-v1__card[aria-hidden="true"]:not([data-mpe-leaving]){display:none}
 .mpe-v1[data-slider-ready] .mpe-v1__card[data-mpe-leaving]{position:absolute;top:6px;left:0;width:100%}
 .mpe-v1 .mpe-v1__card-inner{height:auto}
 .mpe-v1 .mpe-v1__columns{margin-bottom:12px}
 .mpe-v1 a.mpe-v1__read{margin-top:0}
}

/* Optional pastel palettes. Default cards retain their original appearance. */
.mpe-v1 [data-mpe-palette="peach"]{--mpe-tint:#fff3ea;--mpe-soft:#fffaf6;--mpe-edge:#eaded5;--mpe-label:#fff0e4}
.mpe-v1 [data-mpe-palette="rose"]{--mpe-tint:#fff0f3;--mpe-soft:#fffafb;--mpe-edge:#eadde1;--mpe-label:#fceef1}
.mpe-v1 [data-mpe-palette="lavender"]{--mpe-tint:#f3effc;--mpe-soft:#fcfaff;--mpe-edge:#e3deeb;--mpe-label:#f0ecf8}
.mpe-v1 [data-mpe-palette="pearl"]{--mpe-tint:#f0f2f5;--mpe-soft:#fafbfc;--mpe-edge:#dfe3e8;--mpe-label:#eef1f4}
.mpe-v1 .mpe-v1__card[data-mpe-palette]:not([data-mpe-palette="default"]){background:radial-gradient(ellipse at 100% 0%,var(--mpe-tint) 0%,transparent 55%),radial-gradient(ellipse at 0% 100%,var(--mpe-soft) 0%,transparent 48%),#fff;border-color:var(--mpe-edge)}
.mpe-v1 [data-mpe-palette]:not([data-mpe-palette="default"]) .mpe-v1__question{background:var(--mpe-label)}
.mpe-v1 [data-mpe-palette]:not([data-mpe-palette="default"]) .mpe-v1__solution{border-color:var(--mpe-edge)}

/* Ten additional optional pastel palettes. */
.mpe-v1 [data-mpe-palette="vanilla"]{--mpe-tint:#fff8df;--mpe-soft:#fffdf6;--mpe-edge:#eae2c9;--mpe-label:#fff5d7}
.mpe-v1 [data-mpe-palette="sand"]{--mpe-tint:#f8f1e6;--mpe-soft:#fdfbf7;--mpe-edge:#e6ddcf;--mpe-label:#f4ecdf}
.mpe-v1 [data-mpe-palette="apricot"]{--mpe-tint:#fff0de;--mpe-soft:#fffaf4;--mpe-edge:#eadbc9;--mpe-label:#ffecd5}
.mpe-v1 [data-mpe-palette="coral"]{--mpe-tint:#ffefeb;--mpe-soft:#fffaf8;--mpe-edge:#eadbd5;--mpe-label:#ffe9e3}
.mpe-v1 [data-mpe-palette="blush"]{--mpe-tint:#fbedf2;--mpe-soft:#fff9fc;--mpe-edge:#e8d9e1;--mpe-label:#f9e8ef}
.mpe-v1 [data-mpe-palette="lilac"]{--mpe-tint:#f6edfa;--mpe-soft:#fdfaff;--mpe-edge:#e5d9ea;--mpe-label:#f2e6f7}
.mpe-v1 [data-mpe-palette="blue"]{--mpe-tint:#edf5fc;--mpe-soft:#f9fcff;--mpe-edge:#d9e3ec;--mpe-label:#e7f1fa}
.mpe-v1 [data-mpe-palette="ice"]{--mpe-tint:#edf8fa;--mpe-soft:#f9fdfe;--mpe-edge:#d8e6e9;--mpe-label:#e7f4f7}
.mpe-v1 [data-mpe-palette="mint"]{--mpe-tint:#eef8f3;--mpe-soft:#fafffc;--mpe-edge:#dae7df;--mpe-label:#e8f4ed}
.mpe-v1 [data-mpe-palette="sage"]{--mpe-tint:#f1f5ed;--mpe-soft:#fcfdf9;--mpe-edge:#dfe5d8;--mpe-label:#ebf1e5}

.mpe-v1 [data-mpe-palette="snow"]{--mpe-tint:#fafbfc;--mpe-soft:#ffffff;--mpe-edge:#e8eaed;--mpe-label:#f7f8fa}
.mpe-v1 [data-mpe-palette="silver"]{--mpe-tint:#eef0f2;--mpe-soft:#fdfdfd;--mpe-edge:#dde1e5;--mpe-label:#f0f2f4}
.mpe-v1 [data-mpe-palette="ivory"]{--mpe-tint:#fffbed;--mpe-soft:#fffefb;--mpe-edge:#eae5d9;--mpe-label:#fff9e9}
.mpe-v1 [data-mpe-palette="porcelain"]{--mpe-tint:#f4f5fc;--mpe-soft:#fefeff;--mpe-edge:#e3e5ef;--mpe-label:#f2f3fa}
.mpe-v1 [data-mpe-palette="linen"]{--mpe-tint:#f6f3ed;--mpe-soft:#fdfcfb;--mpe-edge:#e4e0d7;--mpe-label:#f4f0e8}/* Share a compact action row with the optional Core bookmark. */
.mpe-v1 .mpe-v1__actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:auto;flex-wrap:wrap}.mpe-v1 .mpe-v1__actions .mpe-v1__read{margin-top:0}.mpe-v1 .mpe-v1__actions .mpsy-save-wrap{margin:0}.mpe-v1 .mpe-v1__actions .mpsy-save-status:empty{display:none}
/* Distinct save states, including hover, focus and touch after a click. */
.mpe-v1 .mpe-v1__actions button.mpsy-save-button.is-icon-only{width:40px;min-width:40px;height:40px;min-height:40px;border:1.5px solid #e7b200!important;background:#fff!important;color:#806236!important;box-shadow:none!important}
.mpe-v1 .mpe-v1__actions button.mpsy-save-button.is-icon-only .mpsy-bookmark{fill:none!important;stroke:#a17c00!important}
.mpe-v1 .mpe-v1__actions button.mpsy-save-button.is-icon-only.is-saved{background:#e7b200!important;color:#fff!important}
.mpe-v1 .mpe-v1__actions button.mpsy-save-button.is-icon-only.is-saved .mpsy-bookmark{fill:#fff!important;stroke:#fff!important}