/* IIT-JEE landing pages — full-width tablet + desktop layout.
   Mobile (max-width: 767px) is untouched. */

.page-iit-jee .jee-desk-wrap,
.page-long-term .jee-desk-wrap,
.page-home .jee-desk-wrap,
.page-home .home-desk-wrap {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

/* ── Tablet (768px–991px) ── */
@media (min-width: 768px) and (max-width: 991px) {
  .page-iit-jee,
  .page-long-term {
    --jee-desk-pad: clamp(24px, 3vw, 40px);
  }

  .page-iit-jee .rr-wrap,
  .page-long-term .rr-wrap,
  .page-iit-jee .container,
  .page-long-term .container,
  .page-iit-jee .lt2-container,
  .page-long-term .lt2-container,
  .page-iit-jee .why-rankridge-inner,
  .page-iit-jee .results-inner,
  .page-iit-jee .stats-inner,
  .page-iit-jee .different-inner,
  .page-iit-jee .morethan-inner,
  .page-iit-jee .strategy-inner,
  .page-long-term .why-rankridge-inner,
  .page-long-term .results-inner,
  .page-long-term .stats-inner,
  .page-long-term .different-inner,
  .page-long-term .morethan-inner,
  .page-long-term .strategy-inner {
    width: 100%;
    max-width: none;
    padding-left: var(--jee-desk-pad);
    padding-right: var(--jee-desk-pad);
  }

  .page-iit-jee .rr-prose,
  .page-long-term .rr-prose {
    max-width: none;
    width: 100%;
  }

  .page-iit-jee .rr-intro .rr-prose,
  .page-long-term .rr-intro .rr-prose {
    padding: clamp(1.5rem, 2.5vw, 2.25rem) clamp(1.75rem, 3vw, 2.5rem);
    border: 1px solid rgba(214, 171, 41, 0.28);
    border-radius: 16px;
    background: rgba(24, 28, 28, 0.45);
  }

  .page-iit-jee .rr-intro .rr-prose > .boxed-headline:first-child,
  .page-long-term .rr-intro .rr-prose > .boxed-headline:first-child {
    background: none;
    border: none;
    box-shadow: none;
    padding: 0 0 1.15rem;
    margin: 0 0 1.15rem;
    border-bottom: 1px solid rgba(214, 171, 41, 0.22);
    max-width: none;
  }

  .page-iit-jee .admission-section,
  .page-long-term .admission-section {
    padding: 48px 0 56px;
  }

  .page-iit-jee .admission-container,
  .page-long-term .admission-container {
    width: 100%;
    max-width: none;
    padding-left: var(--jee-desk-pad);
    padding-right: var(--jee-desk-pad);
  }

  .page-iit-jee .admission-wrap,
  .page-long-term .admission-wrap {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
}

/* ── Tablet + desktop (768px+) ── */
@media (min-width: 768px) {
  .page-iit-jee .hdr,
  .page-long-term .hdr {
    max-width: none;
    width: 100%;
  }

  .page-iit-jee .hero-inner,
  .page-long-term .hero-inner {
    max-width: none;
    width: 100%;
  }

  .page-iit-jee .boxed-headline,
  .page-long-term .boxed-headline,
  .page-iit-jee .boxed-headline-stack,
  .page-long-term .boxed-headline-stack,
  .page-iit-jee .rr-prose > h2,
  .page-long-term .rr-prose > h2,
  .page-iit-jee .rr-prose .rr-intro-h2,
  .page-long-term .rr-prose .rr-intro-h2 {
    max-width: none;
    width: 100%;
  }

  .page-iit-jee .rr-prose > p:not(.rr-intro-tagline):not(.boxed-headline-sub),
  .page-long-term .rr-prose > p:not(.rr-intro-tagline):not(.boxed-headline-sub),
  .page-iit-jee p.section-intro,
  .page-long-term p.section-intro,
  .page-iit-jee .stats-hero-sub,
  .page-long-term .stats-hero-sub,
  .page-iit-jee .strategy-faculty-intro,
  .page-long-term .strategy-faculty-intro,
  .page-iit-jee .sch-intro,
  .page-long-term .sch-intro,
  .page-iit-jee .sch-premium-intro,
  .page-long-term .sch-premium-intro {
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.75;
    max-width: none;
    width: 100%;
  }

  .page-iit-jee .rr-prose > h2:not(.boxed-headline):not(.rr-intro-h2),
  .page-long-term .rr-prose > h2:not(.boxed-headline):not(.rr-intro-h2) {
    background: none;
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 2rem 0 0.85rem;
    max-width: none;
    width: 100%;
    font-size: clamp(1.2rem, 2vw, 1.45rem);
    text-align: center;
  }

  .page-iit-jee .rr-prose > h2:not(.boxed-headline):not(.rr-intro-h2)::after,
  .page-long-term .rr-prose > h2:not(.boxed-headline):not(.rr-intro-h2)::after {
    margin: 0.65rem auto 0;
    width: 48px;
    height: 3px;
  }

  .page-iit-jee .rr-checklist,
  .page-long-term .rr-checklist {
    max-width: none;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem 1.5rem;
    margin-top: 1.25rem;
  }

  .page-iit-jee .rr-prose.rr-clamp:not(.rr-expanded) > p:first-child,
  .page-long-term .rr-prose.rr-clamp:not(.rr-expanded) > p:first-child {
    margin-bottom: 1rem;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }

  .page-iit-jee .rr-prose.rr-clamp:not(.rr-expanded) > .rr-readmore,
  .page-long-term .rr-prose.rr-clamp:not(.rr-expanded) > .rr-readmore {
    margin: 0.25rem 0 1.25rem;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
  }

  .page-iit-jee .rr-enquire,
  .page-long-term .rr-enquire {
    right: 0;
    border-radius: 0.7rem 0 0 0.7rem;
  }

  .page-iit-jee .rr-totop,
  .page-long-term .rr-totop {
    right: 1rem;
    bottom: calc(6.5rem + env(safe-area-inset-bottom, 0px));
  }
}

/* ── Desktop (992px+) — full width ── */
@media (min-width: 992px) {
  .page-iit-jee,
  .page-long-term {
    --jee-desk-pad: clamp(28px, 3vw, 56px);
  }

  .page-iit-jee .jee-desk-wrap,
  .page-long-term .jee-desk-wrap,
  .page-iit-jee .container,
  .page-long-term .container,
  .page-iit-jee .lt2-container,
  .page-long-term .lt2-container,
  .page-iit-jee .rr-wrap,
  .page-long-term .rr-wrap,
  .page-iit-jee .admission-container,
  .page-long-term .admission-container,
  .page-iit-jee .why-rankridge-inner,
  .page-iit-jee .results-inner,
  .page-iit-jee .stats-inner,
  .page-iit-jee .different-inner,
  .page-iit-jee .morethan-inner,
  .page-iit-jee .strategy-inner,
  .page-iit-jee .sch-page,
  .page-iit-jee .testi-page,
  .page-long-term .why-rankridge-inner,
  .page-long-term .results-inner,
  .page-long-term .stats-inner,
  .page-long-term .different-inner,
  .page-long-term .morethan-inner,
  .page-long-term .strategy-inner,
  .page-long-term .sch-page,
  .page-long-term .testi-page {
    width: 100%;
    max-width: none;
    padding-left: var(--jee-desk-pad);
    padding-right: var(--jee-desk-pad);
  }

  .page-iit-jee .rr-intro,
  .page-long-term .rr-intro {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .page-iit-jee .rr-intro .rr-prose,
  .page-long-term .rr-intro .rr-prose {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding: clamp(1.75rem, 2.5vw, 2.5rem) clamp(2rem, 3vw, 3rem);
    border: 1px solid rgba(214, 171, 41, 0.24);
    border-radius: 18px;
    background: rgba(24, 28, 28, 0.38);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

  .page-iit-jee .rr-intro .rr-prose > .boxed-headline:first-child,
  .page-long-term .rr-intro .rr-prose > .boxed-headline:first-child {
    max-width: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 0 0 1.25rem;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    text-align: left;
    font-size: clamp(1.35rem, 2vw, 1.75rem);
    border-bottom: 1px solid rgba(214, 171, 41, 0.22);
  }

  .page-iit-jee .rr-intro .rr-prose > .boxed-headline:first-child::after,
  .page-long-term .rr-intro .rr-prose > .boxed-headline:first-child::after {
    margin: 0.85rem 0 0;
    width: 48px;
  }

  .page-iit-jee .rr-prose,
  .page-long-term .rr-prose {
    max-width: none;
    width: 100%;
  }

  .page-iit-jee .rr-prose > p,
  .page-iit-jee .rr-prose > ul,
  .page-long-term .rr-prose > p,
  .page-long-term .rr-prose > ul {
    max-width: none;
    width: 100%;
  }

  .page-iit-jee .rr-intro .rr-prose > p,
  .page-long-term .rr-intro .rr-prose > p {
    text-align: left;
  }

  .page-iit-jee .rr-checklist,
  .page-long-term .rr-checklist {
    grid-template-columns: repeat(4, 1fr);
    gap: 0.85rem 1.25rem;
  }

  .page-iit-jee .admission-wrap,
  .page-long-term .admission-wrap {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .page-iit-jee .admission-card,
  .page-long-term .admission-card {
    max-width: none;
    width: 100%;
  }
}