/* The menu scrolls below a separate company header; the outer sidebar stays fixed. */
#portalView #portalSidebar{box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:hidden!important;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scroll-behavior:auto!important;scrollbar-gutter:stable;padding-bottom:max(24px,env(safe-area-inset-bottom))!important}
#portalView #portalSidebar>*{flex-shrink:0!important}
#portalView #portalSidebar .nav{flex:0 0 auto!important}
@media(min-width:1201px){body.magazine-home #portalView .hero-thought{bottom:52px!important}}
@media(max-width:1200px){body.magazine-home #portalView .hero-thought{padding-top:10px!important}}
#portalView .app-logo.generic-app-logo{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;min-width:0!important;white-space:normal!important}
#portalView .generic-app-logo .app-initial{display:grid;place-items:center;width:36px;height:36px;border:1px solid #bfa56e;border-radius:10px;font:600 19px system-ui;color:#dfc893}
#portalView .generic-app-logo strong{font:600 14px/1.4 system-ui;overflow-wrap:anywhere;max-width:100%;color:#f7f0e7}
.profile-photo-panel[hidden]{display:none!important}
.profile-photo-panel{position:fixed;right:20px;top:88px;z-index:80;width:min(330px,calc(100vw - 32px));box-sizing:border-box;background:#fff;color:#293a30;border:1px solid #d9dfd5;border-radius:16px;padding:16px;box-shadow:0 12px 40px #17271b30;font:14px system-ui}
.photo-panel-head,.photo-panel-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.photo-panel-head button{border:0;background:transparent;font-size:24px;cursor:pointer}.photo-panel-actions{margin:12px 0}.photo-panel-actions button{flex:1;padding:10px;border:1px solid #cdd7c6;background:#edf2e8;border-radius:9px;color:#254c3e;cursor:pointer}.photo-panel-actions button:disabled{opacity:.5;cursor:wait}.profile-photo-panel p{font-size:12px;line-height:1.5;margin:8px 0 0}.profile-photo-panel #profilePictureStatus{position:static!important;max-width:none!important;color:#465442}
@media(min-width:1101px){
 #portalView{--portal-nav-width:260px}
 #portalView #portalSidebar,body.inner-page #portalView #portalSidebar{position:fixed!important;inset:0 auto 0 0!important;width:var(--portal-nav-width)!important;height:100vh!important;height:100dvh!important;max-height:100dvh!important;transform:none!important;transition:none!important;visibility:visible!important;display:flex!important;grid-row:auto!important}
 body.magazine-home #portalView .hero{grid-column:2!important;min-width:0!important}
 body.magazine-home #portalView .topbar{left:var(--portal-nav-width)!important}
 body.magazine-home #portalView.portal{grid-template-rows:auto auto!important}
}
@media(max-width:1100px){
 #portalView.portal,body.inner-page #portalView.portal{display:block!important}
 #portalView .mobile-menu-toggle{display:grid!important;place-items:center;width:40px;height:40px;flex:0 0 40px;border:1px solid #d9cbb8;border-radius:10px;background:#fff9ed;color:#282119;font-size:22px;cursor:pointer}
 body.magazine-home #portalView .topbar{position:relative!important;inset:auto!important;height:auto!important;min-height:76px;padding:16px 20px!important;background:#102238!important;gap:12px}
 body.inner-page #portalView .topbar{left:0!important;right:0!important}
 #portalView .grid-top,#portalView .grid-bottom,#portalView .footer{margin-left:16px!important;margin-right:16px!important}
 #portalView .portal-page.admin-page{padding:20px 16px 32px!important}
 #portalView #portalSidebar .nav-item span{display:inline!important}
 #portalView #portalSidebar .side-company>div:last-child{display:block!important}
 #portalView #portalSidebar,body.inner-page #portalView #portalSidebar{position:fixed!important;inset:0 auto auto 0!important;width:min(290px,86vw)!important;height:100vh!important;height:100dvh!important;max-height:100dvh!important;display:flex!important;padding-top:max(24px,env(safe-area-inset-top))!important;z-index:1002!important}
 body.mobile-nav-open{position:fixed!important;left:0!important;right:0!important;width:100%!important;overflow:hidden!important}
 body.mobile-nav-open #portalView #portalSidebar{transform:translateX(0)!important;visibility:visible!important}
 body.mobile-nav-open #portalView .mobile-nav-backdrop{display:block!important;position:fixed!important;inset:0!important;width:100%!important;height:100vh!important;height:100dvh!important;border:0;padding:0;margin:0;z-index:1001!important;background:rgba(21,18,15,.45)}
 body:not(.mobile-nav-open) #portalView #portalSidebar{transform:translateX(-102%)!important;visibility:hidden!important}
 #portalView .mobile-nav-backdrop{touch-action:none}
 .modal-card.app-modal-card{height:100dvh!important;max-height:100dvh!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
}

/* Reserve real layout space for branding, outside the menu's scroll area. */
#portalView #portalSidebar #portalCompanyBrand{position:relative!important;top:auto!important;z-index:auto;flex:0 0 auto!important;background:var(--charcoal);padding:4px 8px 18px!important;margin:0!important;box-shadow:none!important}
#portalView #portalSidebar #portalSidebarMenu{display:flex!important;flex-direction:column!important;flex:1 1 0%!important;min-height:0!important;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-gutter:stable;padding-top:4px}
#portalView #portalSidebarMenu>.nav,#portalView #portalSidebarMenu>.sidebar-bottom{flex-shrink:0!important}
#portalView .sidebar-credit{display:flex;align-items:center;gap:6px;padding:6px 14px 12px;color:#bdb5aa;font:11px/1.4 system-ui}
#portalView .sidebar-credit img{display:block;width:64px;height:20px;object-fit:contain;filter:brightness(0) invert(1);opacity:.8}
#portalView .weather-tools,#portalView .thought-languages{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0}
#portalView .weather-tools button,#portalView .thought-languages button{font:12px system-ui;color:inherit;background:transparent;border:1px solid currentColor;border-radius:14px;padding:5px 10px;cursor:pointer;min-height:30px}
#portalView .thought-languages button[aria-pressed="true"]{background:#775b2c!important;color:white!important}
#portalView #weatherStatus{display:block;font:11px/1.4 system-ui;max-width:310px}
#portalView .weather-tools [hidden]{display:none!important}
@media(min-width:1201px){body.magazine-home #portalView .hero-thought h3{font-size:25px!important}}
/* Keep the date close to the Community Hub heading. */
@media(min-width:1201px){body.magazine-home #portalView .hero-content{top:62px!important}}
@media(max-width:1200px){body.magazine-home #portalView .hero-content{padding-top:8px!important}}