/* ACE96 V40 shared interface. Product/media styling remains in style.css. */
:root{--ui-purple:#3c317d;--ui-ink:#262339;--ui-muted:#625e73;--ui-line:#e0ddea;--ui-surface:#fff;--ui-radius:10px;--ui-space:16px}
body{font-size:16px;line-height:1.5;background:#f4f3f8;padding-bottom:calc(88px + env(safe-area-inset-bottom))}
.ui-icon{width:24px;height:24px;flex:0 0 24px;vertical-align:middle;pointer-events:none}button{font:inherit}a,button{touch-action:manipulation}button{cursor:pointer}
:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #241744}
.top{position:sticky;top:0;z-index:50;background:var(--ui-purple);color:white;box-shadow:0 2px 10px #271d4a18}
.header{min-height:64px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 16px;max-width:1180px;margin:auto}
.hamb,.menu-close,.contact-quick-close,.region-picker-close{display:inline-grid;place-items:center;width:44px;height:44px;padding:10px;border:0;border-radius:8px;background:transparent;color:inherit}
.hamb{color:#ffc078}.logo{display:flex;align-items:center;font-size:23px;line-height:1;font-weight:850;letter-spacing:-.8px;min-height:44px}.logo b{color:#ffb14a}.logo .mark{background:#f68c1f;color:white;border-radius:50%;width:24px;height:24px;font-size:14px;display:grid;place-items:center;margin-right:5px;letter-spacing:0}
.country-switch{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:82px;border:1px solid #ffffff40;background:#ffffff13;border-radius:8px;padding:8px 10px;color:white;font-size:14px;white-space:nowrap}.country-switch .ui-icon{width:16px;height:16px;flex-basis:16px}
.header>.logo{flex:1 1 84px}.auth{display:flex;justify-content:flex-end;gap:8px}.auth a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;font-size:14px;font-weight:700;border-radius:8px}.auth .login{color:white;background:#ffffff16;border:1px solid #ffffff45}.auth .signup{color:#32200a;background:#ffb14a}
.desktop-nav{display:none}.desktop-nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;font-size:14px;border-radius:8px}.desktop-nav a[aria-current]{background:#ffffff20;box-shadow:inset 0 -3px #ffb14a}
.site-disclosure{max-width:960px;margin:16px auto;padding:0;font-size:14px;line-height:1.5;color:#514c64;background:transparent;border:0;border-radius:0}.site-disclosure a{text-decoration:underline;text-underline-offset:3px;color:#493581;font-weight:600}
.drawer{display:none;position:fixed;inset:0 auto 0 0;width:min(340px,86vw);height:100dvh;overflow-y:auto;padding:16px 16px 32px;background:linear-gradient(160deg,#3c317d,#241c58);color:#fff;z-index:100;box-shadow:12px 0 32px #211b4e44}.drawer.open{display:block}.drawer-backdrop{display:none;position:fixed;inset:0;background:#19122e80;z-index:99}.drawer-backdrop.show{display:block}body.menu-open{overflow:hidden}
.menu-close{margin-left:auto;background:#ffffff16;color:#fff;border:1px solid #ffffff30}.drawer-group{padding-top:16px;border-top:1px solid #ffffff30;margin-top:12px}.drawer-group h2{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#d9d2ff;margin:0 12px 8px}.drawer-group a{display:flex;align-items:center;gap:12px;padding:11px 12px;min-height:48px;border-radius:8px;font-size:15px}.drawer-group a>.ui-icon:last-child{margin-left:auto;width:18px;height:18px;flex-basis:18px;color:#ded7fa}.drawer-group a[aria-current]{background:#ffffff1f;color:#fff;font-weight:700;border-left:3px solid #ffb14a}
.bottom{position:fixed;inset:auto 0 0;z-index:55;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:white;border-top:1px solid var(--ui-line);padding:6px 8px calc(6px + env(safe-area-inset-bottom));height:calc(76px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #2a204009}.bottom :is(a,button){appearance:none;border:0;padding:0;margin:0;background:transparent;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#6c647e;font-size:12px;border-radius:8px;min-height:56px}.bottom :is(a,button)[aria-current]{background:#eee9fb;color:var(--ui-purple);font-weight:750;box-shadow:inset 0 -3px var(--ui-purple)}.bottom :is(a,button):active{background:#eee9fb}
.bottom a span{min-height:2.4em;line-height:1.2;text-align:center}
.page-head{display:flex;align-items:center;gap:12px;max-width:960px;margin:24px auto 16px;padding:0 0 8px}.page-title{font-size:30px;line-height:1.2;letter-spacing:-.7px;color:var(--ui-ink);margin:0;font-weight:800}.back-link{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;min-height:44px;color:var(--ui-purple);font-size:14px}
.policy-page,.affiliate-disclaimer,.content-article,.help-accordion,.faq-list,.help-panel>.steps-grid,.info-grid,.more-menu,.contact-entry,.vip-support{max-width:960px;margin:16px auto}
.policy-page,.affiliate-disclaimer,.content-article{background:#fff;color:var(--ui-ink);padding:24px;border:1px solid var(--ui-line);border-radius:var(--ui-radius);font-size:16px;line-height:1.7}.policy-page p,.policy-page li,.content-article p{font-size:16px;color:var(--ui-ink);line-height:1.7}.policy-page h2,.content-article h2{font-size:24px;color:var(--ui-purple)}.policy-page h3,.affiliate-disclaimer h3,.content-article h3{font-size:19px;color:var(--ui-purple);margin-top:24px}.policy-page a,.affiliate-disclaimer a{color:var(--ui-purple);text-decoration:underline}
.more-menu,.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0}.more-option,.info-card{display:flex;align-items:center;gap:14px;min-height:88px;padding:18px;background:#fff;border:1px solid var(--ui-line);border-radius:var(--ui-radius);color:var(--ui-ink);box-shadow:none;margin:0}.more-option>.ui-icon:first-child{color:var(--ui-purple)}.more-option>.ui-icon:last-child{margin-left:auto;color:#7b738c;width:20px;height:20px;flex-basis:20px}.more-option span{min-width:0}.more-option b,.info-card b{display:block;font-size:16px}.more-option small,.info-card span{display:block;font-size:14px;line-height:1.5;color:var(--ui-muted);margin-top:4px}.info-card{display:block}.contact-entry a{display:flex;align-items:center;gap:12px;padding:16px;color:var(--ui-purple);min-height:56px;background:#ece8f7;border-radius:var(--ui-radius)}.contact-entry .ui-icon:last-child{margin-left:auto}
.vip-support{padding:24px;background:#fff;border:1px solid var(--ui-line);border-radius:var(--ui-radius)}.vip-support h2{font-size:22px;margin:0 0 8px;color:var(--ui-ink)}.vip-support p{font-size:16px;color:var(--ui-muted);margin:0 0 20px}.vip-support-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.vip-btn{display:flex;align-items:center;gap:12px;border:1px solid var(--ui-line);border-radius:8px;padding:14px;min-height:64px;color:var(--ui-purple);background:white}.vip-btn b{font-size:15px}.vip-btn small{display:block;color:var(--ui-muted);font-size:14px}.vip-btn>.ui-icon:last-child{margin-left:auto;width:18px;height:18px;flex-basis:18px}
.support{position:fixed;bottom:calc(92px + env(safe-area-inset-bottom));right:16px;display:flex;align-items:center;gap:8px;padding:12px 16px;min-height:48px;border-radius:24px;border:1px solid #ffffff70;background:var(--ui-purple);color:white;box-shadow:0 4px 16px #2b224b26;z-index:59;font-size:14px;font-weight:650}
.contact-quick-panel{position:fixed;right:16px;top:auto;bottom:152px;max-height:calc(100dvh - 168px);overflow-y:auto;scroll-padding-top:64px;width:320px;max-width:calc(100vw - 32px);padding:16px;border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:white;box-shadow:0 8px 28px #2b224b26;z-index:60;display:none}.contact-quick-panel.show{display:grid;grid-template-columns:minmax(0,1fr) 44px;column-gap:12px;align-content:start}.contact-quick-close{grid-column:2;grid-row:1;position:sticky;display:grid;margin-left:auto;top:0;background:white;color:var(--ui-purple)}.contact-quick-title{grid-column:1;grid-row:1;font-size:18px;font-weight:750;margin:0 0 12px;color:var(--ui-ink)}.contact-quick-item{grid-column:1 / -1;display:flex;align-items:center;gap:12px;min-height:56px;border-top:1px solid var(--ui-line);color:var(--ui-purple);padding:12px 0}.contact-quick-item b{font-size:14px}.contact-quick-item>.ui-icon:last-child{margin-left:auto;width:18px;height:18px;flex-basis:18px}
.help-tabs{display:flex;gap:4px;max-width:960px;margin:0 auto 20px;padding:4px;background:#eae6f2;border-radius:10px;position:static}.help-tabs button{flex:1;border:0;background:transparent;border-radius:8px;min-height:48px;padding:8px;font-size:14px;color:var(--ui-muted);font-weight:600}.help-tabs button[aria-selected="true"]{background:#fff;color:var(--ui-purple);box-shadow:inset 0 -3px var(--ui-purple)}.help-panel[hidden]{display:none}
.help-accordion details,.faq-list details{background:#fff;border:1px solid var(--ui-line);border-radius:var(--ui-radius);margin-bottom:12px;overflow:hidden}.help-accordion summary,.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;min-height:60px;font-size:16px;font-weight:650;cursor:pointer;color:var(--ui-ink)}summary::-webkit-details-marker{display:none}details[open]>summary .ui-icon{transform:rotate(180deg)}.help-answer{background:#faf9fd;padding:18px;border-top:1px solid var(--ui-line);font-size:16px;line-height:1.7}.help-answer p,.help-answer li{font-size:16px;line-height:1.7}.help-answer p:first-child{margin-top:0}.help-inline-cta,.faq-action{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--ui-line);border-radius:8px;color:var(--ui-purple);background:#fff;font-size:14px}.help-answer-actions{display:flex;flex-wrap:wrap;gap:8px}
.site-footer{max-width:960px;margin:24px auto;padding:20px 0;border-top:1px solid var(--ui-line);font-size:14px;color:var(--ui-muted);background:transparent}.site-footer nav{display:flex;flex-wrap:wrap;gap:4px 16px}.site-footer a{display:inline-flex;align-items:center;min-height:44px;color:var(--ui-purple)}
.carousel-controls{display:flex;align-items:center;justify-content:center;gap:16px;min-height:56px;background:#fff;border-bottom:1px solid var(--ui-line)}.carousel-controls button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--ui-line);border-radius:8px;background:#f7f5fc;color:var(--ui-purple)}.carousel-controls .carousel-rotation{width:auto;min-width:68px;padding:0 12px;font-size:14px;font-weight:600}.carousel-position{font-size:14px;font-variant-numeric:tabular-nums;min-width:48px;text-align:center;color:var(--ui-ink)}
.more-card p{font-size:16px;line-height:1.6}.more-card h3{font-size:20px}.more-card a{display:inline-flex;gap:8px;align-items:center;min-height:44px;padding:10px 16px;border-radius:8px;font-size:14px}.promo-offer{max-width:960px}.promo-offer-body{line-height:1.7}.promo-offer-body p,.promo-offer-body li{font-size:16px}
@media(max-width:1000px){.site-disclosure,.page-head,.policy-page,.affiliate-disclaimer,.content-article,.help-accordion,.faq-list,.help-tabs,.info-grid,.more-menu,.contact-entry,.vip-support,.site-footer{margin-left:16px;margin-right:16px}.site-disclosure{margin-top:12px;margin-bottom:12px}}
@media(max-width:599px){.more-menu,.info-grid,.vip-support-actions{grid-template-columns:1fr}.page-title{font-size:28px}.page-head{margin-top:20px}.policy-page,.affiliate-disclaimer,.content-article,.vip-support{padding:20px}.help-tabs button{font-size:13px;padding:8px 5px}}
@media(min-width:600px){.header{display:flex;flex-wrap:wrap}.header>.logo{margin-right:auto}.auth{display:flex;grid-column:auto}.country-switch{margin-left:auto}}
@media(min-width:1100px){body{padding-bottom:0}.hamb{display:inline-grid}.drawer-navigation .hamb{display:inline-grid}.desktop-nav{display:flex;order:10;flex:1 0 100%;justify-content:center;flex-wrap:wrap;border-top:1px solid #ffffff20;padding-top:6px}.bottom{display:none}.support{bottom:24px;right:24px}.contact-quick-panel{right:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.affiliate-disclaimer h2{font-size:22px;color:var(--ui-purple);margin:0 0 12px}

/* V38 reading and compact navigation refinements. */
html{scroll-padding-top:calc(var(--header-height,64px) + 16px)}
#main-content{scroll-margin-top:calc(var(--header-height,64px) + 16px)}
.skip-link{position:fixed;top:8px;left:16px;transform:translateY(-200%);z-index:1500;padding:12px 16px;background:white;color:#241744;border-radius:8px}.skip-link:focus{transform:none}
.drawer-accounts{padding:16px 0;border-bottom:0;display:flex;gap:8px;flex-wrap:wrap}.drawer-accounts h2{flex-basis:100%;font-size:14px;color:#d9d2ff;margin:0 0 4px}.drawer-accounts a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;font-size:14px;background:#ffffff12;border:1px solid #ffffff40;border-radius:8px;color:#fff}
.more-menu{display:block}.directory-group{background:white;border:1px solid var(--ui-line);border-radius:10px;margin-bottom:24px;overflow:hidden}.directory-group h2{font-size:16px;padding:16px;margin:0;background:#faf9fd}.directory-group .more-option{min-height:72px;padding:12px 16px;border:0;border-top:1px solid var(--ui-line);border-radius:0;background:white}.directory-group .more-option small{margin-top:0}
.site-footer .support{position:static;display:inline-flex;margin-bottom:12px;box-shadow:none}.site-footer nav{gap:4px 16px}
.help-answer-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid var(--ui-line);border-radius:8px;font-size:14px;color:#3c317d;background:#fff;line-height:1.5}
.help-panel .section{max-width:960px;padding:0;margin:16px auto}.help-panel .steps-grid{max-width:960px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.help-panel .step-card{padding:20px;background:white;border:1px solid var(--ui-line);border-radius:10px}.help-panel .step-card p{font-size:16px;line-height:1.7;color:var(--ui-ink)}.help-panel .step-card h3{font-size:18px;color:var(--ui-purple)}
.policy-page>p,.policy-page>ol,.policy-page>ul,.content-article>p,.affiliate-disclaimer>p,.promo-offer-body>p,.promo-offer-body>ul,.promo-offer-body>ol{max-width:70ch;margin-top:0;margin-bottom:20px;line-height:1.7}
.more-option:hover,.help-answer-actions a:hover{background:#eee9fb}.more-option:active,.help-answer-actions a:active{background:#e0d8f2}
@media(max-width:1000px){.help-panel .section{margin-left:16px;margin-right:16px}}
@media(max-width:599px){.help-panel .steps-grid{grid-template-columns:1fr}.page-title{font-size:26px}.logo{font-size:23px}}
.header .logo{flex-wrap:wrap;overflow-wrap:anywhere}.country-switch{flex-wrap:wrap}.page-title{min-width:0;overflow-wrap:anywhere}.page-head{flex-wrap:wrap}
.contact-quick-item{flex-wrap:wrap}.contact-quick-item b{flex:1;min-width:0;overflow-wrap:anywhere}

/* V40: account utilities stay beside the country selector; drawer uses the brand palette. */
.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:8px}
.drawer-brand>span{display:block;font-size:25px;font-weight:850;letter-spacing:-.6px}.drawer-brand b{color:#ffb14a}.drawer-brand small{display:block;color:#d9d2ff;font-size:13px}
.drawer-group a{border:1px solid transparent}.drawer-group a:hover{background:#ffffff16}.drawer-group a:active{background:#ffffff24}
.drawer-accounts a{color:#fff;background:#ffffff12;border:1px solid #ffffff40;font-weight:700}
.drawer-accounts .signup{background:#ffb14a;color:#32200a;border-color:#ffb14a}
@media(max-width:599px){
 .header{padding:8px;gap:4px}.header .logo{font-size:18px;min-width:74px}.header .logo .mark{width:20px;height:20px;margin-right:4px;font-size:12px}
 .header .country-switch{min-width:64px;padding:6px;gap:4px;margin-left:0}.header .country-switch>span{font-size:16px}.header .country-switch .ui-icon{width:12px;height:12px;flex-basis:12px}
 .header .auth{gap:4px;flex:none}.header .auth a{padding:8px 6px;white-space:nowrap;min-width:52px}.header .auth .signup{min-width:64px}
}

.bottom :is(a,button):focus-visible{outline:3px solid #241744;outline-offset:1px;box-shadow:inset 0 -3px #3c317d}
