/* Inner pages as wide as the home page's section cards (user: "jo card full
   page mein nahi hai unhe chaura karo, homepage ke cards jaisa"):
   - hand-written pages (body.lx-auto): the whole page sits in one card like a
     home section card, 20px from each screen edge, brand gold-to-green ring;
     the boxes that used to stop the content at 920-1200px fill that card
   - story, testimonial and blog pages: their own cards go full width
   Long reading text keeps a readable line length inside the wide card. */

body.lx-auto main#content {
  margin: 20px; padding: clamp(10px, 2vw, 28px) 0; overflow: clip;
  border: 2.5px solid transparent; border-radius: 28px;
  background: linear-gradient(#fff, #fff) padding-box, var(--bb-ring) border-box;
  box-shadow: 0 1px 2px rgba(20, 30, 20, .04), 0 18px 40px -28px rgba(20, 30, 20, .28);
}

/* the containers that capped the width */
body.lx-auto main :is(.wrap-boxed, .ulf-fullwidth-wrap, .ulf-partner, .ulf-vol, .ulf-emp, .ulf-intern, .ulf-wrap,
  .sahyog-container, .unnati-container, .utkarsh-container, .shg-container, .dlw-container, .du-container, .pm-container,
  .pm-carousel-outer, .team-section, .ulf-app-container, .legal-yellow__inner, .legal-dark__inner, .plain-article,
  .lx-bgrid, .donate__row, .guidelines__boxes, .photo-grid, .video-grid, .uplift-classic-container,
  .shg-hero-content, .dlw-hero-content, .du-hero-content, .pm-hero-content) {
  max-width: none !important;
}
body.lx-auto main > :is(.wrap-boxed, section, div, article) { padding-inline: clamp(16px, 3vw, 48px); }
body.lx-auto main .wrap-boxed .wrap-boxed { padding-inline: 0; }

/* reading text: wide card, comfortable lines */
body.lx-auto main :is(.legal-yellow__inner, .legal-dark__inner, .plain-article) > * { max-width: 980px; }

/* story pages (beneficiary) */
.lx-story-page .rw { padding: 20px; }
.lx-story-page :is(.rw-hero-inner, .rw-container, .rw-story-grid) { max-width: none; }

/* testimonial and blog pages */
.lx-read .lx-read__page { padding: 20px; }
.lx-read .lx-read__card { max-width: none; }
.lx-read .lx-read__card > * { max-width: 920px; margin-inline: auto; }

@media (max-width: 767px) {
  body.lx-auto main#content { margin: 10px 8px; border-radius: 18px; }
  body.lx-auto main > :is(.wrap-boxed, section, div, article) { padding-inline: 4px; }
  body.lx-auto main :is(.ulf-vol, .ulf-emp, .ulf-intern, .ulf-partner, .sahyog-container, .unnati-container,
    .utkarsh-container, .ulf-app-container) { padding-inline: 14px !important; }
  body.lx-auto main .ulf-intro { padding-left: 16px; }
  .lx-story-page .rw, .lx-read .lx-read__page { padding: 10px 8px; }
}