/**
 * LUAP related-content rhythm v19
 * 20 September 2026
 *
 * IMPORTANT:
 * News is deliberately NOT styled here any more.
 *
 * Tags are now visually correct and remain untouched.
 * The main Exhibitions listing and individual Case Study related cards keep
 * their current shared rhythm.
 *
 * News is owned solely by luap_news_refresh v4.24 so it cannot fight a
 * second late override layer.
 */

@media (max-width: 699px) {

  /* =========================================================
     TAGS — KEEP THE APPROVED MOBILE RESULT
     ========================================================= */

  body.tag-landing-page #page {
    height: auto !important;
    min-height: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body.tag-landing-page #main.width {
    box-sizing: border-box !important;
    margin-bottom: 0 !important;
    padding-bottom: 50px !important;
  }

  body.tag-landing-page #content,
  body.tag-landing-page #content > .inner,
  body.tag-landing-page #page-content,
  body.tag-landing-page #node-content {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
  }

  body.tag-landing-page .tag-explore-footer .tag-project-list {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    column-gap: 0 !important;
    row-gap: 50px !important;
    gap: 50px 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body.tag-landing-page .tag-explore-footer .tag-project-list > * {
    box-sizing: border-box !important;
    float: none !important;
    clear: none !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body.tag-landing-page .tag-explore-footer .tag-project-list .box {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body.tag-landing-page .tag-footer-project:not(:last-child) {
    margin-bottom: 50px !important;
  }

  body.tag-landing-page .tag-footer-nav {
    margin-bottom: 0 !important;
  }

  body.tag-landing-page .tag-explore-footer .tag-suggestions-section {
    margin-top: 50px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body.tag-landing-page .tag-explore-footer {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }


  /* =========================================================
     MAIN EXHIBITIONS & PROJECTS LISTING
     ========================================================= */

  body.luap-motion-exhibitions #page {
    height: auto !important;
    min-height: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body.luap-motion-exhibitions #main.width {
    box-sizing: border-box !important;
    margin-bottom: 0 !important;
    padding-bottom: 50px !important;
  }

  body.luap-motion-exhibitions #content,
  body.luap-motion-exhibitions #content > .inner,
  body.luap-motion-exhibitions #page-content,
  body.luap-motion-exhibitions #node-content {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
  }

  body.luap-motion-exhibitions .listing.case-studies {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    column-gap: 0 !important;
    row-gap: 50px !important;
    gap: 50px 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body.luap-motion-exhibitions .listing.case-studies > *,
  body.luap-motion-exhibitions .listing.case-studies .box {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }


  /* =========================================================
     INDIVIDUAL EXHIBITION / PROJECT PAGE
     ========================================================= */

  body.node-type-case-study .case-studies-more .listing.case-studies {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    column-gap: 0 !important;
    row-gap: 50px !important;
    gap: 50px 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body.node-type-case-study .case-studies-more .listing.case-studies > *,
  body.node-type-case-study .case-studies-more .listing.case-studies .box {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body.node-type-case-study .case-studies-more {
    margin-bottom: 0 !important;
    padding-bottom: 50px !important;
  }
}