/* Shared wall layout: compact photo grid on phones, full cards on desktop. */
.wall-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.post-card{min-width:0;position:relative}.post-caption,.comment-item{overflow-wrap:anywhere}.mobile-post-meta{display:none}.post-photo:focus-visible{outline:3px solid #c9a253;outline-offset:-3px}
#storyViewerPanel{overflow-y:auto}.story-viewer-photo-wrap{flex-shrink:0;max-height:55vh}.story-viewer-body{flex-shrink:0}.story-viewer-footer{gap:10px;flex-wrap:wrap}.story-extra-actions{display:flex;gap:10px;margin-top:14px}.story-extra-actions button,.detail-actions button{min-height:44px;padding:10px 15px;border:1px solid #c9a25366;border-radius:24px;background:transparent;color:inherit;font:inherit;cursor:pointer}
#commentsModalOverlay{z-index:600}#commentsModalPanel{max-height:90dvh}.detail-photo{width:100%;max-height:42vh;object-fit:contain;border-radius:12px;background:#201819}.detail-caption{font-size:15px;line-height:1.5;overflow-wrap:anywhere;margin:12px 0}.detail-actions{display:flex;gap:12px;align-items:center;margin-bottom:18px}.detail-actions .upvote-btn{min-height:44px}.comment-form input,.comment-form textarea{font-size:16px!important}.comment-form button{min-height:44px}.modal-close{min-width:44px;min-height:44px}
@media(max-width:640px){
 main{padding:0 8px 32px!important}.wall-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.post-card{border-radius:5px;box-shadow:none}.post-card:hover{transform:none}.post-photo{display:block;aspect-ratio:1;object-fit:cover}.post-card .post-body{display:none}.mobile-post-meta{display:block;position:absolute;bottom:0;inset-inline:0;width:100%;border:0;background:linear-gradient(transparent,#000b);color:white;padding:15px 3px 5px;font:11px sans-serif;text-align:center;cursor:pointer;min-height:38px}.story-viewer-caption{font-size:15px}#storyViewerOverlay{padding:12px}#commentsModalPanel{padding:18px}#storyViewerPanel{max-height:92dvh}.stories-reel{gap:10px;padding-inline:10px}.wall-intro p{font-size:12px}
}
@media(max-width:640px){.hub-header .hub-brand{white-space:normal;max-width:100%;font-size:clamp(22px,6vw,32px);text-align:center}}