/* Mobile: shrink feed header UI (~15%)
   Targets: avatar + author name/date + channel pill (ds-feed-top-tags)
   Applies across combined feed + archives (shared class names).
*/

@media (max-width: 768px) {
  .custom-feed-item .avatar-img img {
    width: 41px !important;  /* 48px * 0.85 */
    height: 41px !important;
  }

  .custom-feed-item .font-semibold.text-lg.leading-tight {
    font-size: 15px !important; /* 18px * 0.85 */
    line-height: 1.1 !important;
  }

  .custom-feed-item .text-gray-500.text-sm.mt-1 {
    font-size: 12px !important; /* 14px * 0.85 */
    margin-top: 3px !important;
  }

  .custom-feed-item .ds-feed-top-tags {
    gap: 6px !important; /* slightly tighter */
    max-width: 85% !important;
  }

  .custom-feed-item .ds-feed-top-tags a,
  .custom-feed-item .ds-feed-top-tags > div {
    font-size: 11px !important; /* 12px * 0.85 */
    padding: 3px 10px !important; /* px-3 py-1 scaled */
    gap: 6px !important;
  }

  .custom-feed-item .ds-feed-top-tags .text-base {
    font-size: 14px !important; /* 16px * 0.85 */
    line-height: 1 !important;
  }
}