/* Main-site account surfaces: Part B tokens, shared account/market behaviour. */
body[data-main-store]{--sans:var(--body);--mono:var(--body);--dim:var(--muted);--soft:var(--panel);--line-strong:var(--line-ctl);--accent:var(--azure);--bg:var(--paper)}
body[data-main-store] .acct-top{padding:64px 0;min-height:65vh}
body[data-main-store] .acct-top h1{font-family:var(--display);color:var(--ink)}
body[data-main-store] .lede{max-width:66ch;color:var(--muted);line-height:1.65}
body[data-main-store] .panel,body[data-main-store] .mkt-item,body[data-main-store] .mkt-win{border-radius:22px}
body[data-main-store] .panel h2,body[data-main-store] .panel h3{font:700 20px var(--display);margin-block-end:12px}
body[data-main-store] .acct input,body[data-main-store] .acct select,body[data-main-store] .acct textarea{background:var(--field);border-radius:10px;min-height:48px}
body[data-main-store] .acct .btn{background:var(--nile);color:var(--on-nile);border:1px solid var(--nile);border-radius:999px;padding:10px 20px;min-height:44px;font:700 14px var(--body)}
body[data-main-store] .acct .btn.ghost{background:transparent;color:var(--ink);border-color:var(--line-ctl)}
body[data-main-store] .acct .k{display:none}
body[data-main-store] .chip{display:inline-flex;gap:8px;border:1px solid var(--line);border-radius:999px;padding:8px 12px}
body[data-main-store] .mkt-win{background:var(--paper);color:var(--ink)}
body[data-main-store] .tm-pv{position:relative;min-height:100px;padding:18px;border-radius:14px;display:grid;gap:12px}
body[data-main-store] .tm-pv i{display:block;height:6px;border-radius:999px}
body[data-main-store] .tm-pv b{display:block;width:25%;height:14px;border-radius:999px}
.site-invite{width:min(820px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--paper);color:var(--ink);font-family:var(--body);box-shadow:var(--shadow-screen);overflow:auto}
.site-invite::backdrop{background:rgba(10,36,66,.6)}
.site-invite h2{font:800 clamp(25px,4vw,38px)/1.15 var(--display);color:var(--ink);margin:12px 44px 12px 0}
.site-invite p{color:var(--muted);line-height:1.6}
.site-invite-close{position:absolute;inset-inline-end:14px;top:14px;background:var(--field);color:var(--ink);border:1px solid var(--line);border-radius:50%;width:44px;height:44px;cursor:pointer;font-size:24px}
.site-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-block:24px}
.site-benefits figure{margin:0;min-width:0}
.site-benefits img{width:100%;height:auto;border-radius:16px;display:block}
.site-benefits h3{font:700 17px var(--display);margin:12px 0 6px;color:var(--ink)}
.site-benefits p{font-size:13px;margin:0}
.site-invite-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.site-invite :focus-visible{outline:3px solid var(--azure);outline-offset:3px}
.site-invite [data-later]{background:none;border:0;min-height:44px;color:var(--ink);font:700 14px var(--body);cursor:pointer;text-decoration:underline}
@media(max-width:600px){.site-invite{padding:20px}.site-benefits{grid-template-columns:1fr;gap:14px}.site-benefits figure{display:grid;grid-template-columns:90px 1fr;column-gap:14px}.site-benefits img{grid-row:span 2;align-self:center}.site-benefits h3{margin:0 0 4px}.site-invite-actions .btn{width:100%}}
/* Keep the main navigation and account menu separate at tablet widths. */
@media(min-width:981px) and (max-width:1280px){
 .d-menu-btn{display:inline-flex}.d-bar .wrap{position:relative}
 .d-links{display:none;position:absolute;top:100%;inset-inline:0;margin:0;padding:8px;flex-direction:column;gap:2px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
 .d-bar.d-menu-open .d-links{display:flex}.d-links a{padding:14px 16px;font-size:16px;border-radius:12px}
}
@media(min-width:1281px){.d-links a{padding-inline:11px}}
.parts-test{margin-block:24px;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--panel);min-width:0}
.parts-test h3{font:700 24px var(--display);color:var(--ink)}
.parts-test .btn{border:1px solid var(--line-ctl);border-radius:999px;padding:12px 20px;background:var(--nile);color:var(--on-nile);cursor:pointer}
.parts-test .btn.ghost{background:transparent;color:var(--ink)}
.parts-test dl{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,3fr);gap:12px;font-size:13px}
.parts-test dd{margin:0;overflow-wrap:anywhere}.parts-test summary{cursor:pointer;min-height:44px;padding-block:12px}
.parts-scene{background:var(--part-background,var(--field));color:var(--part-text,var(--ink));padding:24px;border-radius:16px;display:grid;gap:14px}
.parts-scene strong{font:700 26px var(--display);color:var(--part-hero,var(--ink))}
.parts-scene p{color:var(--part-muted,var(--muted));margin:0}.parts-scene button{background:var(--part-accent,var(--nile));color:var(--part-onAccent,var(--on-nile));border:2px solid var(--part-focus,var(--azure));border-radius:999px;padding:12px 18px;justify-self:start;opacity:1}
.site-account-slot{display:inline-flex;position:relative;flex:none;--ink:inherit}
.site-account-slot .chip.me{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line-ctl);border-radius:50%;background:var(--field);color:var(--ink);cursor:pointer;padding:0;text-decoration:none}
.site-account-slot .me-wrap{position:relative}.site-account-slot .me-name{display:none}
.site-account-slot .me-av{width:28px;height:28px;border-radius:50%;overflow:hidden;display:grid;place-items:center;font:700 13px var(--body)}
.site-account-slot .me-av img{width:100%;height:100%;object-fit:cover}
.site-account-slot .me-menu{position:absolute;inset-inline-end:0;top:calc(100% + 10px);z-index:70;width:280px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain;padding:8px;box-sizing:border-box;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-screen)}
.site-account-slot .me-menu[hidden]{display:none}.site-account-slot .me-head{display:grid;gap:4px;padding:12px;color:var(--muted);font:500 12px/1.5 var(--body);overflow-wrap:anywhere;margin-bottom:6px;border-bottom:1px solid var(--line)}
.site-account-slot .me-menu [role=menuitem]{display:flex;width:100%;align-items:center;min-height:44px;padding:10px 12px;border:0;border-radius:10px;background:none;color:var(--ink);font:600 14px var(--body);text-align:start;text-decoration:none;cursor:pointer;box-sizing:border-box;line-height:1.4}
.site-account-slot .me-menu [role=menuitem]:hover,.site-account-slot .me-menu [role=menuitem]:focus-visible{background:var(--field)}

.site-account-slot .me-head b{display:block;color:var(--ink);font:700 14px/1.5 var(--body)}
.site-account-slot .me-head span{display:block;min-width:0;direction:ltr;unicode-bidi:plaintext}
.site-account-slot .me-menu .me-out{border-top:1px solid var(--line);border-radius:0;margin-top:6px;padding-top:14px}
.site-account-slot .me-menu .me-group{justify-content:space-between}
.site-account-slot .me-menu .me-group::after{content:'';width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.site-account-slot .me-menu .me-group[aria-expanded=true]::after{transform:rotate(-135deg)}
.site-account-slot .me-sub{margin:0 0 4px 12px;padding-inline-start:4px;border-inline-start:2px solid var(--line)}
.site-account-slot .me-sub[hidden]{display:none}
.site-account-slot .me-sub [role=menuitem]{font-weight:500;color:var(--muted)}
@media (prefers-reduced-motion:reduce){.site-account-slot .me-menu .me-group::after{transition:none}}
.site-account-slot .chip.me:focus-visible,.site-account-slot .me-menu [role=menuitem]:focus-visible{outline:2px solid var(--azure);outline-offset:2px}

body[data-main-store] .acct label:not(.chk){display:grid;gap:8px;margin-block:14px}body[data-main-store] .acct input:not([type=checkbox]),body[data-main-store] .acct select,body[data-main-store] .acct textarea{box-sizing:border-box;width:100%;padding:12px;color:var(--ink);font:500 15px var(--body);border:1px solid var(--line-ctl)}body[data-main-store] .acct .chk{display:flex;align-items:flex-start;gap:10px;margin-block:16px}body[data-main-store] .acct input[type=checkbox]{width:20px;height:20px;min-height:20px;flex:none;margin:0}#topup-details{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,2fr);gap:12px}#topup-details dd{margin:0;overflow-wrap:anywhere}#topup-details button{display:block;margin-top:6px}#topup-history p{overflow-wrap:anywhere}#topup-history .btn{margin:8px}#topup-adjustments article{padding-block:16px;border-block:1px solid var(--line)}

.site-invite-quiet{color:var(--muted);font-weight:600;text-decoration:underline;text-underline-offset:3px}