/* One membership destination, with calm grouped navigation. */
.mh-entry,.mh-screen{--mh-gold:#d6bb89;--mh-text:#f5f1e8;--mh-muted:#aaaab4;--mh-iris:#bdb9e9;color:var(--mh-text)}
.mh-entry{position:relative;display:flex;align-items:center;gap:14px;width:100%;margin:18px 0 22px;padding:21px 18px;text-align:left;border:1px solid #d6bb893d;border-radius:24px;background:radial-gradient(ellipse at 8% 10%,#d6bb8920,transparent 65%),linear-gradient(125deg,#202026,#101115);box-shadow:inset 0 1px #ffffff0d,0 12px 35px #0003;isolation:isolate}
.mh-entry::after{content:"";position:absolute;inset:5px;border:1px solid #ffffff05;border-radius:19px;pointer-events:none}
.mh-entry-copy{display:grid;gap:5px;min-width:0;flex:1}.mh-entry-copy small{color:var(--mh-gold);font-size:12px;font-weight:500;line-height:1.4}.mh-entry-copy strong{font-size:21px;line-height:1.15;font-weight:650;letter-spacing:-.6px}.mh-entry-copy>span{font-size:12px;line-height:1.5;color:#c0bdc3}
.mh-entry>svg{width:18px;flex-shrink:0;color:var(--mh-gold)}
.mh-seal{display:grid;place-items:center;position:relative;width:55px;height:66px;flex-shrink:0;isolation:isolate}
.mh-seal::before,.mh-seal::after,.mh-seal>span{content:"";position:absolute;border:1px solid #d6bb8975;border-radius:50%;width:49px;height:49px;transform:rotate(-32deg)}
.mh-seal::after{width:38px;height:57px;border-color:#e5d3b749;transform:rotate(38deg)}
.mh-seal>span{width:55px;height:37px;box-shadow:0 0 22px #d6bb891b;transform:rotate(-38deg)}
.mh-seal>svg{width:24px;height:24px;color:var(--mh-gold);filter:drop-shadow(0 1px 7px #e7d2a240)}
.mh-screen{padding:14px 0 22px}.mh-heading{margin:0 0 24px}.mh-heading h1{font-size:30px;font-weight:650;line-height:1.08;letter-spacing:-1.15px;margin:0 0 10px}.mh-heading p{color:var(--mh-muted);font-size:14px;line-height:1.5;margin:0;max-width:30ch}
.mh-pass{display:flex;align-items:center;gap:17px;padding:20px 18px;border:1px solid #d6bb892e;border-radius:24px;background:radial-gradient(ellipse at 15% 0,#d6bb8920,transparent 75%),linear-gradient(120deg,#1d1c20,#101115);box-shadow:inset 0 1px #ffffff0a;margin-bottom:25px;min-height:112px}
.mh-pass-copy{display:grid;gap:5px;flex:1;min-width:0}.mh-pass-copy>strong{font-size:25px;letter-spacing:-.8px;line-height:1.1;overflow-wrap:anywhere}.mh-pass-copy>span{font-size:12px;color:var(--mh-gold);line-height:1.5}.mh-pass-copy>small{font-size:11px;line-height:1.5;color:var(--mh-muted)}
.mh-multiplier{font-size:19px;line-height:1;border:1px solid #d6bb8944;border-radius:11px;padding:9px 8px;color:#ecd4a7;background:#d6bb8910}
.mh-tabs{display:flex;background:#0c0d10;border:1px solid #ffffff12;border-radius:14px;padding:4px;margin-bottom:18px;gap:4px}
.mh-tabs>button{flex:1;min-width:0;min-height:44px;padding:10px 6px;border:1px solid transparent;border-radius:10px;font-size:14px;font-weight:600;color:var(--mh-muted);background:transparent}
.mh-tabs>button[aria-selected="true"]{color:#f5f1e8;background:#26262d;border-color:#ffffff10;box-shadow:0 3px 7px #0003}
.mh-group{overflow:hidden;border:1px solid #ffffff10;border-radius:22px;background:linear-gradient(125deg,#191a20,#111216);animation:mh-reveal .2s ease-out}
.mh-row,.mh-cashback>summary{display:flex;align-items:center;gap:13px;min-height:86px;width:100%;padding:18px 16px;margin:0;text-align:left;border:0;border-radius:0;background:transparent;color:var(--mh-text);box-shadow:none;position:relative}
.mh-row+.mh-row::before,.mh-cashback::before{content:"";position:absolute;top:0;left:64px;right:17px;border-top:1px solid #ffffff0b}
.mh-row-icon{display:grid;place-items:center;flex-shrink:0;width:34px;height:38px;color:var(--mh-iris)}.mh-row-icon>svg{width:23px;height:23px;stroke-width:1.5}
.mh-row:nth-child(2n) .mh-row-icon{color:var(--mh-gold)}
.mh-row-copy{flex:1;min-width:0;display:grid;gap:5px}.mh-row-copy strong{font-size:16px;line-height:1.3;font-weight:550;letter-spacing:-.22px}.mh-row-copy small{font-size:12px;line-height:1.45;color:#aaaab4;font-weight:400}
.mh-row>svg,.mh-cashback>summary>svg{width:15px;height:15px;flex-shrink:0;color:#a4a1ac}
.mh-row-badge{font-size:10px;line-height:1.2;color:var(--mh-gold)}.mh-locked .mh-row-icon{color:#99939d}
.mh-cashback{position:relative}.mh-cashback>summary{list-style:none;cursor:pointer}.mh-cashback>summary::-webkit-details-marker,.mh-tier-details>summary::-webkit-details-marker{display:none}.mh-cashback>p{margin:0;padding:0 20px 22px 63px;color:#bbb8c1;font-size:13px;line-height:1.6}
.mh-cashback[open]>summary>svg,.mh-tier-details[open]>summary>svg{transform:rotate(180deg)}
.mh-tier-details{margin-top:16px}.mh-tier-details>summary{display:flex;gap:10px;justify-content:space-between;align-items:center;min-height:48px;padding:8px 8px;list-style:none;color:var(--mh-muted);font-size:12px;cursor:pointer}
.mh-tier-details>summary>svg{width:15px;height:15px;flex-shrink:0}.mh-tier-details .holding-tiers{margin-top:6px}
.mh-entry:active,.mh-row:active{background-color:#292830}.mh-entry:focus-visible,.mh-tabs>button:focus-visible,.mh-row:focus-visible,.mh-cashback>summary:focus-visible,.mh-tier-details>summary:focus-visible{outline:2px solid #dfc797;outline-offset:-3px}
@keyframes mh-reveal{from{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:360px){.mh-entry{gap:10px;padding:18px 13px}.mh-entry-copy strong{font-size:19px}.mh-entry-copy>span{font-size:11px}.mh-row,.mh-cashback>summary{gap:10px;padding:16px 12px;min-height:86px}.mh-row-copy strong{font-size:15px}.mh-row-copy small{font-size:11px}.mh-pass{gap:12px;padding:18px 12px}.mh-pass-copy>strong{font-size:23px}.mh-multiplier{font-size:16px}.mh-cashback>p{padding-left:56px}}
@media(prefers-reduced-motion:reduce){.mh-group{animation:none}.mh-entry,.mh-row,.mh-tabs>button{transition:none}}

/* Light follows entry; the segmented control follows the holder's choice. */
.mh-entry,.mh-pass{overflow:hidden}
.mh-entry,.mh-row{transition:transform .18s ease,background-color .18s ease}
.mh-entry:active{transform:scale(.988)}.mh-row:active .mh-row-icon{transform:scale(.92)}
.mh-row-icon{transition:transform .18s ease}
.mh-entry::before,.mh-pass::after{content:"";position:absolute;inset:-70% -15%;pointer-events:none;background:linear-gradient(112deg,transparent 40%,#f9e5bd0b 48%,#f9e5bd17 50%,transparent 60%);transform:translateX(-110%);opacity:0}
.mh-pass{position:relative;isolation:isolate}
.mh-reveal.mh-entry::before,.mh-reveal.mh-pass::after{animation:mh-light 1.45s cubic-bezier(.2,.65,.3,1) .1s both}
.mh-tabs{position:relative;isolation:isolate}
.mh-tabs::before{content:"";position:absolute;z-index:-1;top:4px;bottom:4px;left:4px;width:calc((100% - 12px)/2);border:1px solid #ffffff10;border-radius:10px;box-sizing:border-box;background:linear-gradient(150deg,#303036,#24242b);box-shadow:inset 0 1px #ffffff0a,0 3px 7px #0003;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.mh-tabs[data-selected="perks"]::before{transform:translateX(calc(100% + 4px))}
.mh-tabs>button[aria-selected="true"]{background:transparent;border-color:transparent;box-shadow:none}
.mh-tabs>button{transition:color .2s ease}
@keyframes mh-light{0%{opacity:0;transform:translateX(-90%)}20%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translateX(90%)}}
@media(prefers-reduced-motion:reduce){.mh-reveal.mh-entry::before,.mh-reveal.mh-pass::after{animation:none}.mh-tabs::before,.mh-tabs>button,.mh-row-icon,.mh-entry,.mh-row{transition:none}.mh-entry:active,.mh-row:active .mh-row-icon{transform:none}}

.mh-tabs[data-slide="perks"]::before{animation:mh-slide-right .3s cubic-bezier(.2,.8,.2,1)}
.mh-tabs[data-slide="space"]::before{animation:mh-slide-left .3s cubic-bezier(.2,.8,.2,1)}
@keyframes mh-slide-right{from{transform:translateX(0)}to{transform:translateX(calc(100% + 4px))}}
@keyframes mh-slide-left{from{transform:translateX(calc(100% + 4px))}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.mh-tabs[data-slide]::before{animation:none}}

.membership-content{row-gap:16px}
.mh-screen{padding-top:8px}
.mh-heading{margin-bottom:18px}
.mh-heading h1{font-size:28px}
.mh-pass{min-height:100px;padding-top:16px;padding-bottom:16px;margin-bottom:18px}
.mh-tabs{margin-bottom:14px}
.mh-entry-boost{display:inline-block;margin-left:5px;padding:2px 5px;border:1px solid #d6bb8940;border-radius:5px;color:#f0d9ae;font-size:11px;line-height:1}