/* A clear route back to the public starting page from every personal view. */
.brand-home{border-radius:10px;flex-shrink:0}
.sidebar .brand-home{display:block}
.sidebar .brand-home:hover .brand-name{color:#fff0d9}
.home-return{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 14px;border:1px solid #fff0d957;border-radius:9px;background:#fff0d914;color:#fff0d9;font-size:14px;font-weight:500;line-height:1.5;white-space:nowrap;flex-shrink:0}
.home-return>span{font-size:18px;line-height:1}
.home-return:hover{color:#fff8e9;background:#fff0d926;border-color:#fff0d99c}
.home-return:focus-visible,.brand-home:focus-visible{outline:2px solid #fff0d9;outline-offset:4px}
.breadcrumb{min-width:0;white-space:nowrap}
.breadcrumb .current{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top-actions{flex-shrink:0}
.page-footer{flex-wrap:wrap}
.page-footer .home-return{font-size:14px;color:#fff0d9}
.welcome-site .home-return{color:#553760;background:#fff8e8;border-color:#c6a58080;box-shadow:0 3px 10px #78527e0b}
.welcome-site .welcome-nav .home-return:hover{color:#553760;background:#fff0d5;border-color:#b58d64}
.welcome-site .home-return:focus-visible{outline-color:#72507d}
@media(max-width:650px){
 .topbar{padding-left:14px;padding-right:14px;gap:10px}
 .top-actions{gap:7px}
 .topbar .top-date,.topbar .badge{display:none}
 .top-home-return{font-size:13px;padding:8px 10px;gap:6px;min-height:40px}
 .top-home-return>span{font-size:16px}
 .page-footer>.demo-note{flex-basis:100%;max-width:none}
 .entry-header .home-return{font-size:13px;padding:8px 11px}
}

.session-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.logout-button{cursor:pointer}
@media(max-width:650px){
 .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;height:auto;min-height:72px;padding:12px 14px;gap:10px}
 .topbar .mobile-brand{grid-column:1;grid-row:1}
 .topbar .top-actions{display:contents}
 .topbar .session-actions{grid-column:1/-1;grid-row:2}
 .topbar .top-actions>.icon-btn{grid-column:2;grid-row:1;justify-self:end}
 .topbar .session-actions>.home-return{flex:1;font-size:13px;min-height:40px;padding:8px 10px}
 .page-footer .session-actions{flex-wrap:wrap}
}

@media(min-width:651px) and (max-width:1000px){.topbar .badge{display:none}}

#modal:has([data-action="confirm-logout"]){animation:none}