.public-navigation{display:flex;align-items:center;gap:24px;white-space:nowrap;font-size:13px;font-weight:600}
.public-navigation a{padding:10px 0;color:var(--muted);border-bottom:2px solid transparent}
.public-navigation a:hover,.public-navigation a.active{color:var(--text);border-color:var(--brand)}
.private-site-link{display:none;white-space:nowrap;color:var(--muted);font-size:13px}
.private-site-link:hover{color:var(--text)}
.private-view .public-navigation,.private-view .search{display:none}
.private-view .private-site-link{display:block}
.public-view .sidebar,body:not(.authenticated) .sidebar{display:none}
.public-view .shell{display:block;max-width:1440px}
.public-view.institutional-view .shell{max-width:none}
.public-view .site-footer{padding-left:32px}
.public-view:not(.institutional-view) main{min-height:calc(100dvh - 190px)}
.public-searchbar{display:none;max-width:1440px;margin:0 auto;padding:24px 38px 0}
.live-directory-view .public-searchbar{display:block}
.public-searchbar .search{display:flex;max-width:440px}
.public-searchbar .search input{min-width:0}
.account-access{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:940px;margin:30px 0}
.account-access .panel{display:flex;flex-direction:column;align-items:flex-start;padding:30px}
.account-access h2{margin-bottom:12px;font-size:20px}
.account-access p{color:var(--muted);font-size:14px;line-height:1.8;margin-bottom:24px}
.account-access .button{margin-top:auto}
.access-public-link{font-size:13px;color:var(--brand-ink)}
/* The private studio keeps its existing one-screen height. */
body.studio-view .topbar .brand img{height:40px;max-width:160px}
@media(max-width:1100px){.public-navigation{gap:18px}}
@media(max-width:640px){
 .public-view .topbar{height:auto;min-height:72px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;padding:8px 16px 0}
 .public-view .topbar .brand{grid-column:1;grid-row:1}
 .public-view .top-actions{grid-column:2;grid-row:1;justify-self:end;margin-left:0}
 .public-navigation{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:16px;min-width:0;font-size:12px;overflow-x:auto}
 .public-navigation a{padding:10px 0;flex-shrink:0}
 .public-view .site-footer{padding-left:18px}
 .public-searchbar{padding:18px 16px 0}
 .account-access{grid-template-columns:1fr;gap:14px;margin-top:24px}
 .account-access .panel{padding:24px}
 .private-site-link{font-size:11px}
 .private-view .topbar{gap:10px}
 .private-view .return-full{display:none}
 .private-view .topbar .brand img{height:48px}
 body.private-view #account{flex-shrink:0}
}