/* GSETOOLS V7 — global 15px vertical rhythm for all 750 + 650 tool pages.
   Applies only to the existing shared tool-page layout. Keeps inner form,
   FAQ-question, preview and 300px advertising-unit dimensions untouched. */
@media screen {
  body > main .gse-ad-frame > .gse-ad-primary {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    row-gap: 15px !important;
    column-gap: 15px !important;
  }

  /* Older categories add their own margins, which otherwise stack with gap. */
  body > main .gse-ad-frame > .gse-ad-primary > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Important: old gse-ad-layout.css gives adjacent FAQ cards another 15px
     margin even though their parent already has gap:15px (total 30px). */
  body > main .gse-ad-frame > .gse-ad-primary > .card.faq + .card.faq,
  body > main .gse-ad-frame > .gse-ad-primary > .gse-master-faq + .gse-master-faq,
  body > main .gse-ad-frame > .gse-ad-primary > .gse-universal-faq + .gse-dedicated-tool-faq,
  body > main .gse-ad-frame > .gse-ad-primary > .gse-dedicated-tool-faq + .gse-universal-faq {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* The right rail uses the same fixed gap but does not stretch banner sizes. */
  body > main .gse-ad-frame > .gse-ad-rail .gse-ad-rail-stack,
  body > main .gse-ad-frame > .gse-ad-rail .gevm-server-ad-stack {
    display: flex !important;
    flex-direction: column !important;
    row-gap: 15px !important;
    column-gap: 15px !important;
  }
  body > main .gse-ad-frame > .gse-ad-rail .gse-ad-rail-stack > .gse-ad-unit,
  body > main .gse-ad-frame > .gse-ad-rail .gevm-server-ad-stack > .gevm-server-ad-unit {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    flex-shrink: 0 !important;
  }
}