/* Shared frame for the public welcome and account entry. */
.public-entry{--entry-frame:1200px;--entry-logo:24px;--entry-gutter:24px;--entry-background:linear-gradient(90deg,#0a101340,#0d1017e8 66%),linear-gradient(0deg,#090c10,transparent 65%),url('/css/hero.jpg')}
.public-entry.onboarding,.public-entry .hero-image{background:var(--entry-background);background-size:cover;background-position:center;background-attachment:fixed}
.public-entry .hero-overlay{background:none}
.public-entry :is(.nav-inner,.ob-nav){width:100%;max-width:var(--entry-frame);margin-inline:auto;padding-inline:var(--entry-gutter);box-sizing:border-box}
.public-entry .ob-nav{padding-block:20px;min-height:86px}
.public-entry :is(.nav-logo,.brand){display:inline-flex;align-items:center;min-height:46px;font:italic 400 var(--entry-logo)/1.2 var(--font-heading);letter-spacing:.5px;white-space:nowrap}
.public-entry .account-main{width:100%;max-width:var(--entry-frame);margin-inline:auto;min-height:calc(100svh - 86px);padding-inline:var(--entry-gutter)}
@media(max-width:768px){.public-entry{--entry-logo:21px;--entry-gutter:16px}}
@media(max-width:360px){.public-entry{--entry-logo:18px}.public-entry .ob-nav{gap:12px}}

.public-entry .ob-nav{position:fixed;top:0;left:0;right:0;z-index:1000}
.public-entry .account-main{margin-top:86px}

html:has(>body.public-entry){scrollbar-gutter:stable}

.public-entry :is(.nav-logo,.brand){min-height:52px}
.public-entry .ob-nav{min-height:92px}
.public-entry .account-main{margin-top:92px;min-height:calc(100svh - 92px)}
html:has(>body.public-entry){background:#0a0a0a}