/* jsonparser-specific in-content ad layout - not part of the shared side rail, kept local since
   no other site currently arranges Display ads side-by-side within its content column. */

/* Display ad slots side by side within the content column - Multiplex ads
   always stay full-width single column, never placed in here. Column count
   adapts to however many Display slots are inside (auto-fit). */
.ad-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin: 26px 0; }
.ad-row .ad-slot { margin: 0; }

/* Groups multiple ad elements that fall in the same gap between two content
   sections (e.g. a Display ad-row plus a separate single-column Multiplex
   ad) into one visual block, so the page still reads as a strict
   ad-block / content-section alternation. */
.ad-block { margin: 26px 0; display: flex; flex-direction: column; gap: 16px; }
.ad-block > .ad-slot, .ad-block > .ad-row { margin: 0; }

@media (max-width: 700px) {
    .ad-row { grid-template-columns: 1fr; }
}