/* Feed-only responsive sizing: allow content to shrink instead of hiding overflow. */
.zp-feed-page .zp-main,
.zp-feed-page .zp-main > *,
.zp-feed-page .zp-post-card,
.zp-feed-page .zp-post-comment-compose { min-inline-size: 0; max-inline-size: 100%; }
.zp-feed-page .zp-post-copy,
.zp-feed-page .zp-post-comment-body { overflow-wrap: anywhere; }
@media (max-width: 800px) {
  .zp-feed-page .zp-shell,
  .zp-feed-page .zp-body { inline-size: 100%; max-inline-size: var(--zp-feed-viewport-width, 100vw); min-inline-size: 0; box-sizing: border-box; }
  .zp-feed-page .zp-header { inline-size: 100%; min-inline-size: 0; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; padding-inline: 10px; }
  .zp-feed-page .zp-brand { min-inline-size: 0; gap: 6px; }
  .zp-feed-page .zp-header-actions { min-inline-size: 0; gap: 4px; }
  .zp-feed-page .zp-search { min-inline-size: 0; max-inline-size: 100%; }
  .zp-feed-page .zp-feed-tabs { min-inline-size: 0; max-inline-size: 100%; }
  .zp-feed-page .zp-post-media img,
  .zp-feed-page .zp-post-media video { max-inline-size: 100%; }
  .zp-feed-page #zoopem-feed-compose-modal { inset: auto; left: var(--zp-feed-viewport-left, 0px); top: var(--zp-feed-viewport-top, 0px); inline-size: var(--zp-feed-viewport-width, 100vw); max-inline-size: var(--zp-feed-viewport-width, 100vw); block-size: var(--zp-feed-viewport-height, 100dvh); padding: 10px; box-sizing: border-box; }
  .zp-feed-page #zoopem-feed-compose-modal .zp-modal-panel { inline-size: 100%; width: 100%; min-inline-size: 0; max-inline-size: 100%; max-width: 100%; max-block-size: calc(var(--zp-feed-viewport-height, 100dvh) - 20px); box-sizing: border-box; }
  .zp-feed-page #zoopem-feed-compose-modal .zp-modal-header,
  .zp-feed-page #zoopem-feed-compose-modal .zp-modal-body,
  .zp-feed-page #zoopem-feed-compose-modal .zp-modal-actions { min-inline-size: 0; max-inline-size: 100%; box-sizing: border-box; }
  .zp-feed-page #zoopem-feed-compose-modal .zp-modal-body { grid-template-columns: minmax(0, 1fr); }
  .zp-feed-page #zoopem-feed-compose-modal .zp-modal-body > * { min-inline-size: 0; max-inline-size: 100%; }
  .zp-feed-page #zoopem-feed-compose-modal textarea,
  .zp-feed-page #zoopem-feed-compose-modal select,
  .zp-feed-page textarea[data-feed-comment-input] { inline-size: 100%; min-inline-size: 0; max-inline-size: 100%; box-sizing: border-box; }
  .zp-feed-page #zoopem-feed-compose-media-tools { min-inline-size: 0; }
  .zp-feed-page #zoopem-feed-compose-media-tools .zp-button { max-inline-size: 100%; white-space: normal; }
  .zp-feed-page .zp-feed-compose-media-help { min-inline-size: 0; overflow-wrap: anywhere; }
}
@media (max-width: 480px) {
  .zp-feed-page .zp-brand-name { display: none; }
}

@media (max-width: 800px) {
  .zp-feed-page input, .zp-feed-page textarea, .zp-feed-page select { font-size: 16px; }
}

@media (max-width: 800px) {
  .zp-feed-page #zoopem-feed-stream { inline-size: 100%; min-inline-size: 0; max-inline-size: 100%; }
  .zp-feed-page .zp-post-card { box-sizing: border-box; }
  .zp-feed-page .zp-post-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .zp-feed-page .zp-post-action { min-inline-size: 0; white-space: normal; overflow-wrap: anywhere; }
  .zp-feed-page .zp-post-author-area { min-inline-size: 0; }
  .zp-feed-page .zp-post-comment-compose-footer { flex-wrap: wrap; }
}
@media (max-width: 480px) {
  .zp-feed-page .zp-post-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 480px) {
 .zp-feed-page .zp-post-action { gap: 3px; padding-inline: 4px; white-space: nowrap; overflow-wrap: normal; min-block-size: 40px; }
 .zp-feed-page .zp-post-action-count { margin-inline-start: 0; padding-inline: 3px; flex-shrink: 0; }
}

@media (max-width: 800px) {
 .zp-feed-page .zp-post-repost-menu { left: 0; right: auto; max-inline-size: 100%; box-sizing: border-box; }
}
