/* Brand artwork is clipped above the original tagline; original transparency is preserved. */
header{min-height:88px;padding:10px 28px}.brand.brand-logo{position:relative;display:block;width:240px;height:67px;overflow:hidden;flex:none}.brand-logo img{display:block;width:315px;max-width:none;height:105px;position:absolute;left:-37px;top:-5px;clip-path:inset(0 0 17% 0)}
/* The source artwork includes whitespace; use the central wordmark and symbol. */
.brand.brand-logo{height:86px;width:270px}.brand-logo img{width:380px;height:auto;left:-55px;top:-3px}.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.header-icon{display:inline-flex;align-items:center;justify-content:center;position:relative;width:46px;min-width:46px;height:46px;padding:10px;border:1px solid #e0e5df;border-radius:14px;background:#fff;color:#24483e}.nav-icon{display:block;width:23px;height:23px;flex:none}.bell-count{position:absolute;right:-3px;top:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:20px;background:#b86227;color:white;font-size:10px;font-weight:700;display:grid;place-items:center;border:2px solid white}.notification-bell.has-unread{background:#fff7ec;border-color:#ebd6b5}.identity{display:flex;align-items:center;gap:11px!important;padding:12px 8px 22px!important;margin-bottom:12px;border-bottom:1px solid var(--border)}.identity-avatar{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:15px;background:hsl(var(--avatar-hue) 27% 89%);color:hsl(var(--avatar-hue) 35% 28%);font-size:15px;font-weight:650}.identity strong{display:block;color:#263b33;font-size:14px;line-height:1.4;overflow-wrap:anywhere}.identity small{display:block;margin-top:3px;color:#66766e;font-size:11px;letter-spacing:.3px}#main-nav button{display:flex;align-items:center;gap:11px;border:1px solid #e6ebe5;background:#fff;border-radius:12px;min-height:48px;font-size:13px;margin-bottom:4px;padding:11px 12px;box-shadow:0 2px 4px #263b3303}#main-nav button>span{flex:1;text-align:left}#main-nav button>.nav-icon:last-child{width:14px;height:14px;opacity:.45}#main-nav button.active{background:#e7eee7;border-color:#c6d5c7;color:#173c30;font-weight:650}#main-nav button:hover{border-color:#bdcfbf;background:#f3f6f0}.nav-divider{height:1px;background:#e4e9e2;margin:13px 0}.notification-list{padding:5px 18px}.notification-item{display:flex;width:100%;gap:14px;align-items:center;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0eb;border-radius:0;padding:19px 0;min-height:82px}.notification-item:last-child{border-bottom:0}.notification-symbol{width:42px;height:42px;background:#edf2e9;border-radius:14px;display:grid;place-items:center;flex:none;color:#466855}.notification-copy{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.notification-copy strong{font-size:14px}.notification-copy>span{font-size:13px;line-height:1.5;color:#4b5b52;overflow-wrap:anywhere}.notification-copy small{font-size:11px;color:#788379}.notification-item>.nav-icon{width:16px;opacity:.5}.notification-item.is-new .notification-symbol{background:#fff0d9;color:#a9682c}.notification-empty{text-align:center;padding:36px 20px}.notification-empty>.nav-icon{margin:0 auto 15px;width:35px;height:35px;color:#7c967e}
@media(max-width:800px){header{padding-top:calc(10px + env(safe-area-inset-top,0px));padding-bottom:10px;gap:8px}.brand.brand-logo{width:172px;height:52px}.brand-logo img{width:238px;height:auto;left:-34px;top:-2px}.header-actions{gap:8px}.mobile-menu-toggle.header-icon{width:42px;height:42px;min-width:42px;padding:9px;margin:0;border-radius:13px}.notification-bell{width:42px;height:42px;min-width:42px}.mobile-bottom-nav{min-height:calc(78px + env(safe-area-inset-bottom,0px));padding-top:6px;box-shadow:0 -6px 24px #24483e0a;border-top:1px solid #e3e8df}.mobile-bottom-nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px!important;border-radius:15px;background:transparent;color:#738077;font-size:10px;line-height:1.2;padding:8px 3px!important;font-weight:550}.mobile-bottom-nav button .nav-icon{width:23px;height:23px;padding:0;box-sizing:content-box}.mobile-bottom-nav button.active{background:#edf3e8;color:#254d3d;font-weight:700}.mobile-bottom-nav button.active::before{content:'';position:absolute;top:2px;width:22px;height:3px;background:#9eaf85;border-radius:5px}.shell.menu-open #main-nav{padding:16px;border-radius:22px;box-shadow:0 20px 50px #16382a24}.shell.menu-open #main-nav button{font-size:15px;min-height:53px;padding:12px 14px;border-radius:14px}.shell.menu-open #main-nav .identity{padding:3px 5px 17px!important}.notification-list{padding:3px 14px}.notification-item{gap:10px}.notification-copy>span{font-size:14px}}
@media(max-width:360px){.brand.brand-logo{width:147px;height:48px}.brand-logo img{width:216px;left:-34px}.header-actions{gap:5px}}
/* Keep the complete symbol/name together; clip only the tagline below the name. */
.brand.brand-logo{width:270px;height:77px}.brand-logo img{width:270px;height:auto;left:0;top:-1px;clip-path:inset(0 0 14% 0)}
@media(max-width:800px){.brand.brand-logo{width:190px;height:54px}.brand-logo img{width:190px;height:auto;left:0;top:-1px}}
@media(max-width:360px){.brand.brand-logo{width:160px;height:45px}.brand-logo img{width:160px;left:0;top:-1px}}