/* NAPKINART_FEED_UNDER_TITLE_V3_START */
/* Build: feed-under-title-v3-20260720_232225 */

/*
 * The current background already contains the Napkin Art title at the top.
 * Older Feed styles still reserve space for the previous lower title and also
 * add an 80px margin to the Feed stack. These final rules remove that double
 * reservation and move Friends, Competitions, and the drawings as one unit.
 */
body[data-napkin-page-background="feed"] {
  --napkin-feed-content-top: clamp(128px,15svh,150px) !important;
  --napkin-premium-feed-top: clamp(128px,15svh,150px) !important;
}

body[data-napkin-page-background="feed"] #screen.napkin-feed-screen-v5,
#screen.napkin-feed-screen-v5 {
  padding-top: var(--napkin-feed-content-top) !important;
}

body[data-napkin-page-background="feed"] #screen.napkin-feed-screen-v5 .napkin-feed-stack-v5,
body[data-napkin-page-background="feed"] .napkin-feed-screen-v5 .napkin-feed-stack-v5,
#screen.napkin-feed-screen-v5 .napkin-feed-stack-v5,
.napkin-feed-screen-v5 .napkin-feed-stack-v5 {
  position: relative !important;
  top: auto !important;
  margin-top: 0px !important;
  margin-bottom: 0 !important;
  transform: none !important;
  gap: 6px !important;
  align-content: start !important;
}

/* Keep the image rail attached to the two upper sections. */
body[data-napkin-page-background="feed"] .napkin-feed-stack-v5 .napkin-feed-carousel-v3,
body[data-napkin-page-background="feed"] .napkin-feed-stack-v5 .feed-list.napkin-feed-carousel-source-v3,
#screen.napkin-feed-screen-v5 .napkin-feed-carousel-v3 {
  margin-top: 0 !important;
}

/* The narrowest phones need a little more room for the title artwork. */
@media (max-width: 370px) {
  body[data-napkin-page-background="feed"] {
    --napkin-feed-content-top: clamp(124px,15svh,140px) !important;
    --napkin-premium-feed-top: clamp(124px,15svh,140px) !important;
  }
}

/* NAPKINART_FEED_UNDER_TITLE_V3_END */