/* Guest account entry styles. Audience-scoped from studio-account-hub.css. */
/* Guest entry shares the account shell, with a clear sign-in action and quieter discovery links. */
body.studio-theme .studio-site-header .studio-account-popover.guest-access{
 width:min(360px,calc(100vw - 24px))!important;padding:20px!important;gap:0;border-radius:20px!important;
 background:var(--studio-color-dialog)!important;border:1px solid var(--studio-color-border)!important;
 color:var(--studio-color-text);text-align:start;overflow-x:hidden;box-shadow:var(--studio-component-dialog-shadow)!important;
}
.guest-access,.guest-access *{box-sizing:border-box}
body.studio-theme .studio-site-header .guest-access svg{display:block;width:20px;height:20px;flex-shrink:0}
body.studio-theme .studio-site-header .guest-access-intro{display:flex;align-items:center;gap:10px}
body.studio-theme .studio-site-header .guest-access-emblem{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:14px;background:color-mix(in srgb,var(--studio-color-accent) 12%,var(--studio-color-dialog));color:var(--studio-color-accent);border:1px solid color-mix(in srgb,var(--studio-color-accent) 25%,transparent)}
body.studio-theme .studio-site-header .guest-access-intro>div{display:grid;gap:3px;min-width:0}
body.studio-theme .studio-site-header .guest-access-intro small{color:var(--studio-color-accent);font-size:9px;font-weight:800;letter-spacing:1.5px;line-height:1.5}
body.studio-theme .studio-site-header .guest-access-intro strong{font-size:19px;line-height:1.5;color:var(--studio-color-heading)}
body.studio-theme .studio-site-header .guest-access-close{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;margin-inline-start:auto;padding:0;border:0;border-radius:10px;background:transparent;color:var(--studio-color-text-muted);cursor:pointer}
body.studio-theme .studio-site-header .guest-access-close:hover{background:var(--studio-color-control);color:var(--studio-color-text)}
body.studio-theme .studio-site-header .guest-access-description{margin:14px 0 10px;color:var(--studio-color-text-secondary);font-size:12px;line-height:1.8}
body.studio-theme .studio-site-header .guest-access-benefits{display:flex;flex-wrap:wrap;gap:6px 12px;margin:0 0 18px}
body.studio-theme .studio-site-header .guest-access-benefits>span{display:flex;align-items:center;gap:5px;font-size:10px;line-height:1.6;color:var(--studio-color-text-muted)}
body.studio-theme .studio-site-header .guest-access-benefits svg{width:14px;height:14px;color:var(--studio-color-accent)}
body.studio-theme .studio-site-header .guest-access-actions{display:grid;gap:8px;margin:0;padding:0}
body.studio-theme .studio-site-header .guest-access-actions>a{display:flex;align-items:center;gap:10px;min-height:48px;margin:0;padding:12px 14px;border-radius:12px;text-decoration:none;transition:background .18s,border-color .18s}
html body.studio-theme .studio-site-header .guest-access-actions>a.guest-access-signin{background:var(--studio-color-accent)!important;color:var(--studio-color-on-accent)!important;border:1px solid transparent!important}
html body.studio-theme .studio-site-header .guest-access-signin :is(b,span,svg){color:inherit!important}
body.studio-theme .studio-site-header .guest-access-signin b{font-size:14px;line-height:1.5}
body.studio-theme .studio-site-header .guest-access-actions>a.guest-access-signin:hover{background:color-mix(in srgb,var(--studio-color-accent) 88%,var(--studio-color-heading))!important}
body.studio-theme .studio-site-header .guest-access-arrow{margin-inline-start:auto;flex:0 0 20px;color:var(--studio-color-accent)}
[dir="ltr"] .guest-access-arrow svg{transform:scaleX(-1)}
body.studio-theme .studio-site-header .guest-access-actions>a.guest-access-register{background:var(--studio-color-control);border:1px solid var(--studio-color-border);color:var(--studio-color-text)}
body.studio-theme .studio-site-header .guest-access-register>span:first-child{display:grid;gap:3px}
body.studio-theme .studio-site-header .guest-access-register b{font-size:12px;color:var(--studio-color-heading);line-height:1.5}
body.studio-theme .studio-site-header .guest-access-register small{font-size:10px;color:var(--studio-color-text-muted);line-height:1.5}
body.studio-theme .studio-site-header .guest-access-add{font-size:23px;font-weight:400;margin-inline-start:auto;color:var(--studio-color-accent)}
body.studio-theme .studio-site-header .guest-access-actions>a.guest-access-register:hover{border-color:var(--studio-color-accent);background:color-mix(in srgb,var(--studio-color-accent) 6%,var(--studio-color-control))}
body.studio-theme .studio-site-header .guest-access-footer{margin-top:16px;padding-top:10px;border-top:1px solid var(--studio-color-border)}
body.studio-theme .studio-site-header .guest-access-footer>a.guest-access-premium{display:flex;align-items:center;gap:11px;margin:0 -8px -8px;padding:10px 8px;min-height:0;border:0;border-radius:12px;background:transparent;text-decoration:none;transition:background .18s}
body.studio-theme .studio-site-header .guest-access-footer>a.guest-access-premium:is(:hover,:focus-visible){background:color-mix(in srgb,var(--studio-color-accent) 7%,var(--studio-color-dialog));color:var(--studio-color-text)}
body.studio-theme .studio-site-header .guest-access-crown{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:12px;color:var(--studio-color-warning);background:color-mix(in srgb,var(--studio-color-warning) 12%,var(--studio-color-dialog))}
body.studio-theme .studio-site-header .guest-access-premium>span:nth-child(2){display:grid;gap:2px;min-width:0}
body.studio-theme .studio-site-header .guest-access-premium small{font-size:9px;line-height:1.5;color:var(--studio-color-text-muted)!important}
body.studio-theme .studio-site-header .guest-access-premium b{font-size:13px;line-height:1.5;color:var(--studio-color-heading)!important}
body.studio-theme .studio-site-header .guest-access-premium em{font-size:10px;line-height:1.5;font-style:normal;color:var(--studio-color-text-secondary)}
body.studio-theme .studio-site-header .guest-access-premium:is(:hover,:focus-visible) b{color:var(--studio-color-accent)!important}
body.studio-theme .studio-site-header .guest-access :is(a,button):focus-visible{outline:2px solid var(--studio-color-accent)!important;outline-offset:3px}
body.studio-theme .studio-site-header .studio-guest-login-button>svg{color:var(--studio-color-accent);border-color:color-mix(in srgb,var(--studio-color-accent) 30%,var(--studio-color-border))}
@media(max-width:1120px){body.studio-theme .studio-site-header .studio-account-popover.guest-access{inset-inline-start:auto!important;inset-inline-end:12px!important}}
@media(max-width:380px){body.studio-theme .studio-site-header .studio-account-popover.guest-access{padding:16px!important}body.studio-theme .studio-site-header .guest-access-intro strong{font-size:17px}}
@media(prefers-reduced-motion:no-preference){.guest-access.is-open .guest-access-emblem svg{animation:guest-access-welcome .3s ease-out both}@keyframes guest-access-welcome{from{transform:translateY(3px);opacity:0}to{transform:none;opacity:1}}}
@media(prefers-reduced-motion:reduce){body.studio-theme .studio-site-header .guest-access *{animation:none!important;transition:none!important}}