/* Phase 1.6: single authoritative resident navigation; no public header inheritance. */
.vom-resident-header,.vom-resident-header *{box-sizing:border-box}
.vom-resident-header{position:relative;z-index:110;background:#fffdf9;border-bottom:1px solid #eadfd3;min-height:0!important;height:auto!important;padding:0!important;margin:0!important;font-family:Arial,Helvetica,sans-serif}
.vom-resident-header-inner{width:min(1440px,100%);min-height:100px;margin:auto;padding:14px clamp(18px,4vw,60px);display:flex;align-items:center;gap:clamp(14px,2vw,32px)}
.vom-resident-brand{display:flex;flex-shrink:0;align-items:center;margin-right:auto}.vom-resident-brand img{width:122px;height:auto;display:block}
.vom-resident-navigation{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.6vw,26px);flex-wrap:nowrap!important;white-space:nowrap}
.vom-resident-navigation a,.vom-resident-logoff{font:700 12px/1.5 Arial,Helvetica,sans-serif!important;letter-spacing:.015em!important;color:#4b0d1a!important;text-decoration:none!important;white-space:nowrap!important;display:inline-flex;align-items:center;padding:8px 0!important;border:0!important;border-bottom:2px solid transparent!important;background:transparent!important}
.vom-resident-navigation a[aria-current="page"]{border-bottom-color:#c49a4c!important}
.vom-resident-navigation a:hover,.vom-resident-logoff:hover{color:#9b6e23!important}
.vom-resident-utilities{display:flex;align-items:center;gap:14px;position:relative;flex-shrink:0}
.vom-resident-bell,.vom-resident-toggle{position:relative;display:grid;place-items:center;border:1px solid #e6d8c9;background:#fff!important;color:#4b0d1a!important;border-radius:50%;width:38px;height:38px;padding:8px;cursor:pointer;flex-shrink:0}
.vom-resident-bell svg,.vom-resident-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#vom-resident-unread:not([hidden]){position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;display:grid;place-items:center;background:#a91e43;color:white;border-radius:10px;font:700 10px Arial;padding:1px 3px}
.vom-resident-toggle{display:none}
.vom-resident-notification-panel{position:absolute;right:0;top:calc(100% + 15px);z-index:150;width:min(350px,90vw);max-height:410px;overflow:auto;background:#fff;color:#392b2b;border:1px solid #e8dccd;box-shadow:0 15px 40px #30101324;border-radius:12px;padding:18px;font:13px/1.5 Arial,sans-serif}
.vom-resident-notification-panel[hidden]{display:none!important}.vom-resident-notification-panel strong{color:#4b0d1a}.vom-resident-notification-panel a{display:block;padding:10px 0;border-bottom:1px solid #eee;color:#4b0d1a;text-decoration:none}.vom-resident-notification-panel small{display:block;color:#796d68}
@media(max-width:1080px){.vom-resident-header-inner{min-height:85px;gap:14px}.vom-resident-brand img{width:105px}.vom-resident-navigation{gap:12px}.vom-resident-navigation a,.vom-resident-logoff{font-size:11px!important}}
@media(max-width:850px){.vom-resident-header-inner{min-height:78px;flex-wrap:wrap}.vom-resident-brand{margin-right:auto}.vom-resident-toggle{display:grid;order:2}.vom-resident-utilities{order:1}.vom-resident-navigation{display:none!important;order:3;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;padding:8px 0 12px;white-space:normal}.vom-resident-navigation.is-open{display:flex!important}.vom-resident-navigation a{padding:12px!important;border-bottom:1px solid #eee!important}.vom-resident-navigation a[aria-current="page"]{border-left:3px solid #c49a4c!important}.vom-resident-logoff{font-size:11px!important}}
/* Feed: the image owns its height; no forced crop, background blur, or empty side columns. */
body:has(#cc-feed) .cc-layout{grid-template-columns:minmax(0,1.6fr) minmax(270px,.75fr);gap:22px}
body:has(#cc-feed) .cc-post-image{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;background:transparent!important;margin:10px 0 12px!important;border-radius:8px!important}
body:has(#cc-feed) #cc-feed .cc-card{overflow:hidden}
@media(min-width:1200px){body:has(#cc-feed) .cc-wrap{max-width:1190px}}
@media(max-width:850px){body:has(#cc-feed) .cc-layout{grid-template-columns:1fr}}
