@charset "UTF-8";
/* Final homepage overrides after the shared footer.
   Existing CSS rule order preserved. Edit selectors with care.
*/

/* ================= ORIGINAL home-16.css ================= */

/* original line 11313 */


.syed-network-otd-icon-wrap {
    position: relative;
    right: 30px;
}

.syed-network-otd-calendar-bg {
    position: absolute;
    left: 100%;
    top: 50%;
    width: 88px;
    height: 115px;   /* increased height */
    object-fit: fill; /* this makes the image stretch vertically */
    transform: translate(-50%, -50%);
    z-index: 1;
}

.syed-network-otd-icon {
    position: relative;
    z-index: 2;
}

.syed-network-otd-live-day,
.syed-network-otd-live-number,
.syed-network-otd-live-month {
    position: relative;
    z-index: 3;
}

/* =========================================================
   FINAL MOBILE COMPACT FIX
   - Methodology button one line + shorter
   - Platform cards shorter
   - Removes unnecessary vertical gaps
   - Keeps all 4 platform cards in one row
   ========================================================= */

@media (max-width: 700px) {

  /* Research & Policy -> Public Opinion gap */
  .rp-mobile.rp-paged-slider {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .rp-mobile.rp-paged-slider .rp-controls {
    margin-bottom: 0 !important;
  }

  #public-opinion-pdfmatch {
    padding-top: 22px !important;
    padding-bottom: 18px !important;
  }

  /* METHODLOGY & STANDARDS: compact + always one line */
  #public-opinion-pdfmatch .survey-button {
    width: max-content !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin-top: 14px !important;
    padding: 9px 12px !important;
    gap: 6px !important;
    border-radius: 7px !important;
    font-size: clamp(11px, 2.7vw, 12px) !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
  }

  #public-opinion-pdfmatch .survey-button b {
    flex: 0 0 auto !important;
    font-size: 19px !important;
    line-height: 1 !important;
  }

  /* HOW THE PLATFORM WORKS heading closer to button/cards */
  #public-opinion-pdfmatch .how {
    margin-top: 30px !important;
    margin-bottom: 14px !important;
    font-size: clamp(17px, 4.7vw, 20px) !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  /* Four cards stay in one row */
  #public-opinion-pdfmatch .steps {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
    align-items: stretch !important;
  }

  /* Remove the unnecessary tall empty area */
  #public-opinion-pdfmatch .step {
    min-width: 0 !important;
    min-height: 124px !important;
    height: auto !important;
    padding: 8px 5px 8px !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: #fff !important;
    box-shadow: 0 1px 5px rgba(15, 23, 42, .10) !important;
    overflow: hidden !important;
  }

  #public-opinion-pdfmatch .step .num {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    font-size: 11px !important;
    line-height: 24px !important;
  }

  #public-opinion-pdfmatch .step img {
    width: 23px !important;
    height: 23px !important;
    min-width: 23px !important;
    min-height: 23px !important;
    margin-left: 3px !important;
    object-fit: contain !important;
  }

  #public-opinion-pdfmatch .step h3 {
    margin-top: 7px !important;
    font-size: clamp(11px, 2.65vw, 11.5px) !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  #public-opinion-pdfmatch .step p {
    margin-top: 4px !important;
    font-size: clamp(11px, 2.15vw, 11px) !important;
    line-height: 1.13 !important;
    font-weight: 600 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  /* Cards -> View All Surveys gap */
  #public-opinion-pdfmatch .survey-all {
    margin-top: 14px !important;
    margin-bottom: 0 !important;
    font-size: 16px !important;
  }

  /* View All Surveys -> Digital Library gap */
  #digital-library-pdfmatch {
    padding-top: 34px !important;
  }
}

@media (max-width: 420px) {
  #public-opinion-pdfmatch {
    padding-top: 18px !important;
  }

  #public-opinion-pdfmatch .survey-button {
    margin-top: 12px !important;
    padding: 8px 9px !important;
    gap: 4px !important;
    font-size: clamp(11px, 2.55vw, 11px) !important;
  }

  #public-opinion-pdfmatch .survey-button b {
    font-size: 17px !important;
  }

  #public-opinion-pdfmatch .how {
    margin-top: 25px !important;
    margin-bottom: 12px !important;
  }

  #public-opinion-pdfmatch .steps {
    gap: 3px !important;
  }

  #public-opinion-pdfmatch .step {
    min-height: 120px !important;
    padding: 7px 4px 7px !important;
  }

  #public-opinion-pdfmatch .step .num {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    font-size: 11px !important;
    line-height: 22px !important;
  }

  #public-opinion-pdfmatch .step img {
    width: 21px !important;
    height: 21px !important;
    min-width: 21px !important;
    min-height: 21px !important;
    margin-left: 2px !important;
  }

  #public-opinion-pdfmatch .step h3 {
    margin-top: 6px !important;
    font-size: clamp(11px, 2.55vw, 11px) !important;
  }

  #public-opinion-pdfmatch .step p {
    margin-top: 3px !important;
    font-size: clamp(11px, 2.05vw, 11px) !important;
  }

  #public-opinion-pdfmatch .survey-all {
    margin-top: 12px !important;
  }

  #digital-library-pdfmatch {
    padding-top: 28px !important;
  }
}

/* Very narrow phones need a little more card height because text wraps more. */
@media (max-width: 350px) {
  #public-opinion-pdfmatch .survey-top {
    grid-template-columns: minmax(0, 1fr) 92px !important;
    gap: 5px !important;
  }

  #public-opinion-pdfmatch .survey-hand img {
    width: 92px !important;
    max-width: 92px !important;
  }

  #public-opinion-pdfmatch .survey-button {
    padding: 7px 7px !important;
    gap: 3px !important;
    font-size: 11px !important;
  }

  #public-opinion-pdfmatch .step {
    min-height: 128px !important;
  }
}


/* original line 11561 */

@media (max-width: 767px) {

  /* RESEARCH & POLICY SLIDER:
     remove the large empty space between paragraph, pills and CTA */
  .rp-mobile.rp-paged-slider {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .rp-mobile.rp-paged-slider .rp-pages {
    padding-bottom: 4px !important;
  }

  .rp-mobile.rp-paged-slider .rp-page {
    align-items: start !important;
  }

  .rp-mobile.rp-paged-slider .rp-page .rp-card,
  .rp-mobile.rp-paged-slider .rp-card {
    align-self: start !important;
    padding-bottom: 11px !important;
  }

  .rp-mobile.rp-paged-slider .rp-card > p {
  }

  .rp-mobile.rp-paged-slider .rp-tags,
  .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags,
  .rp-mobile.rp-paged-slider .rp-reference-card .rp-feature-tags {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .rp-mobile.rp-paged-slider .rp-btn {
  }

  .rp-mobile.rp-paged-slider .rp-controls {
    margin-bottom: 0 !important;
  }

  /* PUBLIC OPINION starts closer to the slider */
  #public-opinion-pdfmatch {
    padding-top: 18px !important;
    padding-bottom: 14px !important;
  }

  /* METHODOLOGY & STANDARDS - force a single line */
  #public-opinion-pdfmatch .survey-button {
    display: inline-flex !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    gap: 4px !important;
    margin-top: 12px !important;
    padding: 8px 9px !important;
    font-size: clamp(11px, 2.45vw, 11px) !important;
    line-height: 1 !important;
  }

  #public-opinion-pdfmatch .survey-button b {
    flex: 0 0 auto !important;
    font-size: 17px !important;
    line-height: 1 !important;
  }

  /* HOW THE PLATFORM WORKS - compact icon cards */
  #public-opinion-pdfmatch .how {
    margin-top: 24px !important;
    margin-bottom: 11px !important;
  }

  #public-opinion-pdfmatch .steps {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 3px !important;
    align-items: stretch !important;
  }

  #public-opinion-pdfmatch .step {
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 6px 4px 7px !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: #fff !important;
    box-shadow: 0 1px 5px rgba(15, 23, 42, .10) !important;
    overflow: hidden !important;
  }

  #public-opinion-pdfmatch .step .num {
    width: 21px !important;
    height: 21px !important;
    min-width: 21px !important;
    min-height: 21px !important;
    line-height: 21px !important;
    font-size: 11px !important;
  }

  #public-opinion-pdfmatch .step img {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    margin-left: 2px !important;
    padding: 0 !important;
    object-fit: contain !important;
  }

  #public-opinion-pdfmatch .step h3 {
    margin-top: 5px !important;
    margin-bottom: 0 !important;
    font-size: clamp(11px, 2.35vw, 11px) !important;
    line-height: 1.02 !important;
  }

  #public-opinion-pdfmatch .step p {
    margin-top: 3px !important;
    margin-bottom: 0 !important;
    font-size: clamp(11px, 1.95vw, 11px) !important;
    line-height: 1.1 !important;
  }

  #public-opinion-pdfmatch .survey-all {
    margin-top: 12px !important;
  }
}

@media (max-width: 390px) {
  #public-opinion-pdfmatch .survey-button {
    padding: 7px 7px !important;
    gap: 3px !important;
    font-size: 11px !important;
  }

  #public-opinion-pdfmatch .survey-button b {
    font-size: 15px !important;
  }

  #public-opinion-pdfmatch .step {
    padding: 5px 3px 6px !important;
  }

  #public-opinion-pdfmatch .step .num {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    line-height: 20px !important;
  }

  #public-opinion-pdfmatch .step img {
    width: 19px !important;
    height: 19px !important;
    min-width: 19px !important;
    min-height: 19px !important;
  }
}


/* original line 11734 */

@media (max-width: 767px) {

  /* Research & Policy:
     every slider card gets exactly the same outer height.
     The tallest card decides the row height, and all other cards stretch to it. */
  .rp-mobile.rp-paged-slider .rp-pages {
  }

  .rp-mobile.rp-paged-slider .rp-page {
  }

  .rp-mobile.rp-paged-slider .rp-page .rp-card,
  .rp-mobile.rp-paged-slider .rp-card {
    height: auto !important;
  }

  /* Digital Library category boxes:
     shorter height, less padding, and more useful width for longer labels. */
  #digital-library-pdfmatch .libcats {
    grid-template-columns:
      minmax(0, 1.14fr)
      minmax(0, 1.08fr)
      minmax(0, .82fr)
      minmax(0, 1.08fr) !important;
    margin-top: 14px !important;
  }

  #digital-library-pdfmatch .libcat {
    min-width: 0 !important;
    min-height: 34px !important;
    height: 34px !important;
    padding: 3px 2px !important;
    font-size: clamp(11px, 1.95vw, 11px) !important;
  }

  #digital-library-pdfmatch .libcat img,
  #digital-library-pdfmatch .libcat .pdf-lib-symbol {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    flex: 0 0 18px !important;
  }
}

@media (max-width: 390px) {
  #digital-library-pdfmatch .libcats {
    grid-template-columns:
      minmax(0, 1.16fr)
      minmax(0, 1.10fr)
      minmax(0, .80fr)
      minmax(0, 1.10fr) !important;
  }

  #digital-library-pdfmatch .libcat {
    min-height: 32px !important;
    height: 32px !important;
    padding: 2px 1px !important;
    gap: 2px !important;
    font-size: clamp(11px, 1.9vw, 11px) !important;
  }

  #digital-library-pdfmatch .libcat img,
  #digital-library-pdfmatch .libcat .pdf-lib-symbol {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    flex-basis: 16px !important;
  }
}


/* original line 11824 */

@media (max-width: 767px) {
  /* Keep typography identical on every Research & Policy slider card. */
  .rp-mobile.rp-paged-slider .rp-card-label,
  .rp-mobile.rp-paged-slider .rp-card-label > span {
    line-height: 1.22 !important;
  }

  .rp-mobile.rp-paged-slider .rp-card h3,
  .rp-mobile.rp-paged-slider .rp-reference-card h3 {
    line-height: 1.02 !important;
  }

  .rp-mobile.rp-paged-slider .rp-card > p,
  .rp-mobile.rp-paged-slider .rp-reference-card > p {
    font-size: 13px !important;
    line-height: 1.30 !important;
  }

  .rp-mobile.rp-paged-slider .rp-tags span,
  .rp-mobile.rp-paged-slider .rp-feature-tags span {
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
  }

  .rp-mobile.rp-paged-slider .rp-btn {
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
  }

  /* Digital Library category boxes: much shorter while keeping all text on one line. */
  #digital-library-pdfmatch .libcats {
    grid-template-columns:
      minmax(0, 1.18fr)
      minmax(0, 1.12fr)
      minmax(0, .80fr)
      minmax(0, 1.14fr) !important;
    gap: 3px !important;
    margin-top: 12px !important;
  }

  #digital-library-pdfmatch .libcat {
    min-height: 28px !important;
    height: 28px !important;
    padding: 2px 2px !important;
    gap: 2px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }

  #digital-library-pdfmatch .libcat img,
  #digital-library-pdfmatch .libcat .pdf-lib-symbol {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    flex: 0 0 14px !important;
    margin: 0 !important;
    object-fit: contain !important;
  }
}

@media (max-width: 390px) {
  .rp-mobile.rp-paged-slider .rp-card-label,
  .rp-mobile.rp-paged-slider .rp-card-label > span {
    font-size: 11px !important;
  }

  .rp-mobile.rp-paged-slider .rp-card h3,
  .rp-mobile.rp-paged-slider .rp-reference-card h3 {
    font-size: 16px !important;
  }

  .rp-mobile.rp-paged-slider .rp-card > p,
  .rp-mobile.rp-paged-slider .rp-reference-card > p {
  }

  .rp-mobile.rp-paged-slider .rp-tags span,
  .rp-mobile.rp-paged-slider .rp-feature-tags span {
    font-size: 11px !important;
  }

  .rp-mobile.rp-paged-slider .rp-btn {
    font-size: 11px !important;
  }

  #digital-library-pdfmatch .libcats {
    grid-template-columns:
      minmax(0, 1.20fr)
      minmax(0, 1.14fr)
      minmax(0, .78fr)
      minmax(0, 1.16fr) !important;
    gap: 2px !important;
  }

  #digital-library-pdfmatch .libcat {
    min-height: 26px !important;
    height: 26px !important;
    padding: 1px !important;
    gap: 1px !important;
    font-size: 11px !important;
  }

  #digital-library-pdfmatch .libcat img,
  #digital-library-pdfmatch .libcat .pdf-lib-symbol {
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    min-height: 13px !important;
    flex-basis: 13px !important;
  }
}


/* original line 11952 */

@media (max-width: 767px) {
  /* Keep the mobile cards visually like the supplied reference: equal, clean and aligned. */
  .rp-mobile.rp-paged-slider .rp-pages {
    padding-bottom: 7px !important;
  }

  .rp-mobile.rp-paged-slider .rp-page {
  }

  .rp-mobile.rp-paged-slider .rp-page .rp-card,
  .rp-mobile.rp-paged-slider .rp-card {
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;
    padding: 14px 9px 10px !important;
    border-radius: 13px !important;
  }

  /* Top icon + gold category line */
  .rp-mobile.rp-paged-slider .rp-card-label,
  .rp-mobile.rp-paged-slider .rp-card-label > span {
    font-size: 11px !important;
    line-height: 1.16 !important;
    font-weight: 500 !important;
  }

  .rp-mobile.rp-paged-slider .rp-card-label {
    min-height: 48px !important;
    height: 48px !important;
    flex: 0 0 48px !important;
    gap: 6px !important;
  }

  /* Headings match the reference proportions. */
  .rp-mobile.rp-paged-slider .rp-card h3,
  .rp-mobile.rp-paged-slider .rp-reference-card h3 {
    min-height: 54px !important;
    margin: 8px 0 4px !important;
    font-size: 18px !important;
    letter-spacing: -0.2px !important;
  }

  /* Same copy size and compact vertical rhythm on every card. */
  .rp-mobile.rp-paged-slider .rp-card > p,
  .rp-mobile.rp-paged-slider .rp-reference-card > p {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.28 !important;
  }

  /* Pills stay together on one row where two short pills are used. */
  .rp-mobile.rp-paged-slider .rp-tags,
  .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags,
  .rp-mobile.rp-paged-slider .rp-reference-card .rp-feature-tags {
    margin: auto 0 7px !important;
  }

  .rp-mobile.rp-paged-slider .rp-tags span,
  .rp-mobile.rp-paged-slider .rp-feature-tags span,
  .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags span {
    padding: 5px 5px !important;
  }

  /* The proposal pills must sit side-by-side exactly like the reference. */
  .rp-mobile.rp-paged-slider .rp-page[data-rp-page="1"] .rp-tags {
    flex-wrap: nowrap !important;
    gap: 5px !important;
  }

  /* Full CTA stays inside the card instead of clipping its first/last letters. */
  .rp-mobile.rp-paged-slider .rp-btn,
  .rp-mobile.rp-paged-slider .rp-reference-card .rp-btn {
    height: 27px !important;
    min-height: 27px !important;
    padding: 0 3px !important;
    gap: 2px !important;
    letter-spacing: -0.28px !important;
  }

  .rp-mobile.rp-paged-slider .rp-btn b {
    font-size: 17px !important;
  }

  .rp-mobile.rp-paged-slider .rp-controls {
    margin-top: 4px !important;
  }
}

@media (max-width: 390px) {
  .rp-mobile.rp-paged-slider .rp-pages { gap: 5px !important; }
  .rp-mobile.rp-paged-slider .rp-page .rp-card,
  .rp-mobile.rp-paged-slider .rp-card {
    height: 316px !important;
    min-height: 316px !important;
    max-height: 316px !important;
  }

  .rp-mobile.rp-paged-slider .rp-card h3,
  .rp-mobile.rp-paged-slider .rp-reference-card h3 {
    font-size: 17px !important;
  }

  .rp-mobile.rp-paged-slider .rp-card > p,
  .rp-mobile.rp-paged-slider .rp-reference-card > p {
    font-size: 11px !important;
  }

  .rp-mobile.rp-paged-slider .rp-tags span,
  .rp-mobile.rp-paged-slider .rp-feature-tags span,
  .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags span {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .rp-mobile.rp-paged-slider .rp-btn,
  .rp-mobile.rp-paged-slider .rp-reference-card .rp-btn {
    letter-spacing: -0.35px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
}


/* original line 12123 */

/*
   Only Research & Policy cards are changed here.
   Backend, links, slider JS and card content remain untouched.
*/
@media (max-width: 767px) {
  .rp-mobile.rp-paged-slider {
  }

  .rp-mobile.rp-paged-slider .rp-pages {
    gap: 8px !important;
    padding: 3px 1px 10px !important;
  }

  /* Always show two cards side-by-side, exactly like the reference. */
  .rp-mobile.rp-paged-slider .rp-pages::after {
    flex: 0 0 calc((100% - 8px) / 2) !important;
    min-width: calc((100% - 8px) / 2) !important;
  }

  .rp-mobile.rp-paged-slider .rp-page {
    flex: 0 0 calc((100% - 8px) / 2) !important;
    width: calc((100% - 8px) / 2) !important;
    min-width: calc((100% - 8px) / 2) !important;
  }

  .rp-mobile.rp-paged-slider .rp-page .rp-card,
  .rp-mobile.rp-paged-slider .rp-card {
    min-height: 390px !important;
    padding: 17px 11px 12px !important;
    background: #ffffff !important;
    border: 1px solid #dedede !important;
    border-radius: 15px !important;
    box-shadow: 0 8px 12px rgba(0,0,0,.14) !important;
  }

  /* Gold category + icon */
  .rp-mobile.rp-paged-slider .rp-card-label {
    min-height: 56px !important;
    height: auto !important;
    flex: 0 0 auto !important;
    display: flex !important;
    color: #D6A839 !important;
  }

  .rp-mobile.rp-paged-slider .rp-card-label > span {
    color: #D6A839 !important;
    font-size: 12px !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important;
  }

  .rp-mobile.rp-paged-slider .rp-icon {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    flex: 0 0 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .rp-mobile.rp-paged-slider .rp-icon img,
  .rp-mobile.rp-paged-slider .rp-energy-icon img,
  .rp-mobile.rp-paged-slider .rp-map-icon img,
  .rp-mobile.rp-paged-slider .rp-water-icon img {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
  }

  /* Blue heading — larger like image 2 */
  .rp-mobile.rp-paged-slider .rp-card h3,
  .rp-mobile.rp-paged-slider .rp-reference-card h3 {
    min-height: 0 !important;
    margin: 13px 0 7px !important;
    line-height: .98 !important;
    overflow: visible !important;
  }

  /* Description is deliberately bigger than the old 11–12px version. */
  .rp-mobile.rp-paged-slider .rp-card > p,
  .rp-mobile.rp-paged-slider .rp-reference-card > p {
    margin: 0 0 16px !important;
    font-size: 13.5px !important;
    line-height: 1.34 !important;
    overflow: visible !important;
  }

  /* Pills */
  .rp-mobile.rp-paged-slider .rp-tags,
  .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags,
  .rp-mobile.rp-paged-slider .rp-reference-card .rp-feature-tags {
    margin: auto 0 11px !important;
  }

  .rp-mobile.rp-paged-slider .rp-tags span,
  .rp-mobile.rp-paged-slider .rp-feature-tags span,
  .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags span {
    background: #dcecff !important;
    color: #0a4b7c !important;
  }

  /* CTA button — same rounded dark-blue style as image 2. */
  .rp-mobile.rp-paged-slider .rp-btn,
  .rp-mobile.rp-paged-slider .rp-reference-card .rp-btn {
    background: #043E6B !important;
    color: #fff !important;
    box-shadow: 0 4px 9px rgba(0,0,0,.25) !important;
    letter-spacing: -.12px !important;
    text-decoration: none !important;
  }

  .rp-mobile.rp-paged-slider .rp-btn b {
    font-size: 20px !important;
    font-weight: 300 !important;
  }

  .rp-mobile.rp-paged-slider .rp-controls {
    margin-top: 7px !important;
  }

  .rp-mobile.rp-paged-slider .rp-dots {
    gap: 6px !important;
  }

  .rp-mobile.rp-paged-slider .rp-dots button {
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
  }
}

/* Small phones: keep the same design, only scale enough to prevent clipping. */
@media (max-width: 390px) {
  .rp-mobile.rp-paged-slider .rp-pages {
  }

  .rp-mobile.rp-paged-slider .rp-pages::after,
  .rp-mobile.rp-paged-slider .rp-page {
    flex-basis: calc((100% - 6px) / 2) !important;
    width: calc((100% - 6px) / 2) !important;
    min-width: calc((100% - 6px) / 2) !important;
  }

  .rp-mobile.rp-paged-slider .rp-page .rp-card,
  .rp-mobile.rp-paged-slider .rp-card {
    min-height: 405px !important;
    padding: 15px 8px 11px !important;
  }

  .rp-mobile.rp-paged-slider .rp-card-label > span {
  }

  .rp-mobile.rp-paged-slider .rp-icon {
    width: 43px !important;
    height: 43px !important;
    min-width: 43px !important;
    flex-basis: 43px !important;
  }

  .rp-mobile.rp-paged-slider .rp-icon img,
  .rp-mobile.rp-paged-slider .rp-energy-icon img,
  .rp-mobile.rp-paged-slider .rp-map-icon img,
  .rp-mobile.rp-paged-slider .rp-water-icon img {
    width: 37px !important;
    height: 37px !important;
    min-width: 37px !important;
    max-width: 37px !important;
    max-height: 37px !important;
  }

  .rp-mobile.rp-paged-slider .rp-card h3,
  .rp-mobile.rp-paged-slider .rp-reference-card h3 {
  }

  .rp-mobile.rp-paged-slider .rp-card > p,
  .rp-mobile.rp-paged-slider .rp-reference-card > p {
    font-size: 12px !important;
  }

  .rp-mobile.rp-paged-slider .rp-tags span,
  .rp-mobile.rp-paged-slider .rp-feature-tags span,
  .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags span {
    padding: 5px 4px !important;
  }

  .rp-mobile.rp-paged-slider .rp-btn,
  .rp-mobile.rp-paged-slider .rp-reference-card .rp-btn {
    height: 31px !important;
    min-height: 31px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    letter-spacing: -.2px !important;
  }
}


/* original line 12397 */

/* =========================================================
   22-09 FINAL MOBILE FIX
   1) Remove the large empty gap inside Research & Policy cards
   2) Make the Zameeni Haqaiq banner wider and bring it upward
   ========================================================= */
@media (max-width: 767px) {
  /* Research cards should size to their real content instead of
     stretching every card to the tallest slide. */
  .rp-mobile.rp-paged-slider .rp-pages {
    align-items: flex-start !important;
  }

  .rp-mobile.rp-paged-slider .rp-page {
    align-self: flex-start !important;
  }

  .rp-mobile.rp-paged-slider .rp-page .rp-card {
    height: auto !important;
    min-height: 285px !important;
    padding-top: 14px !important;
    padding-bottom: 10px !important;
  }

  .rp-mobile.rp-paged-slider .rp-card > p {
  }

  /* This is the main whitespace fix: pills no longer get pushed
     all the way to the bottom by margin-top:auto. */
  .rp-mobile.rp-paged-slider .rp-tags,
  .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags {
    margin: 11px 0 9px !important;
  }

  .rp-mobile.rp-paged-slider .rp-btn {
    margin-top: 0 !important;
  }
}

@media (max-width: 420px) {
  .rp-mobile.rp-paged-slider .rp-page .rp-card {
    min-height: 275px !important;
  }
}


/* original line 12448 */

@media (max-width: 767px) {
  /* Slightly wider cards: still keeps the two-card slider look,
     but gives headings/descriptions more usable line width. */
  .rp-mobile.rp-paged-slider .rp-pages {
    gap: 7px !important;
  }

  .rp-mobile.rp-paged-slider .rp-pages::after,
  .rp-mobile.rp-paged-slider .rp-page {
    flex: 0 0 52.5% !important;
    width: 52.5% !important;
    min-width: 52.5% !important;
  }

  /* All cards stay exactly the same outer height.  The tallest
     card defines the row height; the others stretch to match it. */
  .rp-mobile.rp-paged-slider .rp-page {
  }

  .rp-mobile.rp-paged-slider .rp-page .rp-card,
  .rp-mobile.rp-paged-slider .rp-card {
    min-height: 0 !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  /* Keep the content compact; any remaining spare room stays
     below the CTA instead of creating a big gap in the middle. */
  .rp-mobile.rp-paged-slider .rp-card > p {
    margin-bottom: 0 !important;
  }

  .rp-mobile.rp-paged-slider .rp-tags,
  .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags,
  .rp-mobile.rp-paged-slider .rp-reference-card .rp-feature-tags {
    margin: 10px 0 9px !important;
  }
}

@media (max-width: 390px) {
  /* On very small phones only a tiny extra width is added, so the
     layout does not look oversized or awkward. */
  .rp-mobile.rp-paged-slider .rp-pages {
    gap: 6px !important;
  }

  .rp-mobile.rp-paged-slider .rp-pages::after,
  .rp-mobile.rp-paged-slider .rp-page {
    flex-basis: 53% !important;
    width: 53% !important;
    min-width: 53% !important;
  }

  .rp-mobile.rp-paged-slider .rp-page .rp-card,
  .rp-mobile.rp-paged-slider .rp-card {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
}


/* original line 12521 */

@media (max-width: 767px) {
  /*
     Mobile carousel now intentionally shows:
     1 complete card + about half of the next card.
     Swiping/snapping brings the next card fully to the left.
  */
  .rp-mobile.rp-paged-slider {
    overflow: hidden !important;
  }

  .rp-mobile.rp-paged-slider .rp-pages {
    display: flex !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    padding: 2px 0 9px !important;
  }

  .rp-mobile.rp-paged-slider .rp-pages::-webkit-scrollbar {
    display: none !important;
  }

  /* 66% card width leaves almost half of the next card visible. */
  .rp-mobile.rp-paged-slider .rp-page {
    flex: 0 0 66% !important;
    width: 66% !important;
    min-width: 66% !important;
    height: auto !important;
    display: flex !important;
    align-self: stretch !important;
    align-items: stretch !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
    padding: 0 !important;
  }

  /* Tail spacer lets the final card also snap fully into view. */
  .rp-mobile.rp-paged-slider .rp-pages::after {
    content: "" !important;
    display: block !important;
    flex: 0 0 34% !important;
    width: 34% !important;
    min-width: 34% !important;
  }

  /* All cards share the same outer height through flex stretching. */
  .rp-mobile.rp-paged-slider .rp-page .rp-card,
  .rp-mobile.rp-paged-slider .rp-card {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 326px !important;
    max-height: none !important;
    align-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 16px 13px 12px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }

  /* Same top row height and spacing on every card. */
  .rp-mobile.rp-paged-slider .rp-card-label {
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    flex: 0 0 50px !important;
    gap: 8px !important;
    align-items: center !important;
  }

  .rp-mobile.rp-paged-slider .rp-card-label > span {
    font-size: 11.5px !important;
    line-height: 1.16 !important;
    font-weight: 500 !important;
  }

  .rp-mobile.rp-paged-slider .rp-icon {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    flex: 0 0 44px !important;
  }

  .rp-mobile.rp-paged-slider .rp-icon img,
  .rp-mobile.rp-paged-slider .rp-energy-icon img,
  .rp-mobile.rp-paged-slider .rp-map-icon img,
  .rp-mobile.rp-paged-slider .rp-water-icon img {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;
    object-fit: contain !important;
  }

  /* Headings use the same two-line visual block. */
  .rp-mobile.rp-paged-slider .rp-card h3,
  .rp-mobile.rp-paged-slider .rp-reference-card h3 {
    min-height: 42px !important;
    margin: 11px 0 7px !important;
    color: #043E6B !important;
    font-size: 20px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: -.25px !important;
  }

  /* Wider cards reduce wrapping; a common copy block keeps pills aligned. */
  .rp-mobile.rp-paged-slider .rp-card > p,
  .rp-mobile.rp-paged-slider .rp-reference-card > p {
    min-height: 108px !important;
    margin: 0 0 10px !important;
    color: #282828 !important;
    font-size: 12.5px !important;
    line-height: 1.32 !important;
    font-weight: 400 !important;
  }

  /* Pills now match the opening slides: text only, no extra mini-icons. */
  .rp-mobile.rp-paged-slider .rp-tags,
  .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags,
  .rp-mobile.rp-paged-slider .rp-reference-card .rp-feature-tags {
    width: 100% !important;
    min-height: 22px !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 5px !important;
    margin: 0 0 10px !important;
    overflow: visible !important;
  }

  .rp-mobile.rp-paged-slider .rp-tags span,
  .rp-mobile.rp-paged-slider .rp-feature-tags span,
  .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags span {
    min-width: 0 !important;
    padding: 6px 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  .rp-mobile.rp-paged-slider .rp-btn,
  .rp-mobile.rp-paged-slider .rp-reference-card .rp-btn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    letter-spacing: -.16px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }

  .rp-mobile.rp-paged-slider .rp-btn b {
    flex: 0 0 auto !important;
    font-size: 19px !important;
    line-height: 1 !important;
  }

  .rp-mobile.rp-paged-slider .rp-controls {
    margin-top: 5px !important;
  }
}

@media (max-width: 390px) {
  .rp-mobile.rp-paged-slider .rp-pages {
    gap: 8px !important;
  }

  .rp-mobile.rp-paged-slider .rp-page {
    flex-basis: 66% !important;
    width: 66% !important;
    min-width: 66% !important;
  }

  .rp-mobile.rp-paged-slider .rp-pages::after {
    flex-basis: 34% !important;
    width: 34% !important;
    min-width: 34% !important;
  }

  .rp-mobile.rp-paged-slider .rp-page .rp-card,
  .rp-mobile.rp-paged-slider .rp-card {
    min-height: 330px !important;
    padding: 15px 11px 11px !important;
  }

  .rp-mobile.rp-paged-slider .rp-card-label > span {
    font-size: 11px !important;
  }

  .rp-mobile.rp-paged-slider .rp-card h3,
  .rp-mobile.rp-paged-slider .rp-reference-card h3 {
    min-height: 40px !important;
    font-size: 18px !important;
  }

  .rp-mobile.rp-paged-slider .rp-card > p,
  .rp-mobile.rp-paged-slider .rp-reference-card > p {
    min-height: 108px !important;
    font-size: 11.5px !important;
    line-height: 1.32 !important;
  }

  .rp-mobile.rp-paged-slider .rp-tags span,
  .rp-mobile.rp-paged-slider .rp-feature-tags span,
  .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags span {
    padding: 5px 5px !important;
    font-size: 11px !important;
  }

  .rp-mobile.rp-paged-slider .rp-btn,
  .rp-mobile.rp-paged-slider .rp-reference-card .rp-btn {
    height: 32px !important;
    min-height: 32px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    font-size: 11px !important;
  }
}


/* original line 12770 */

@media (max-width: 767px) {
  /* Keep boss-approved 1 full card + half of the next card. */
  body .rp-mobile.rp-paged-slider .rp-pages {
    gap: 9px !important;
    align-items: stretch !important;
    padding: 1px 0 7px !important;
  }

  body .rp-mobile.rp-paged-slider .rp-page {
    flex: 0 0 66% !important;
    width: 66% !important;
    min-width: 66% !important;
    align-self: stretch !important;
    align-items: stretch !important;
  }

  body .rp-mobile.rp-paged-slider .rp-pages::after {
    flex: 0 0 34% !important;
    width: 34% !important;
    min-width: 34% !important;
  }

  /* Equal outer cards, but no artificial empty content blocks. */
  body .rp-mobile.rp-paged-slider .rp-page .rp-card,
  body .rp-mobile.rp-paged-slider .rp-card {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    /* Minor height increase requested for the mobile research cards */
    min-height: 260px !important;
    max-height: none !important;
    padding: 13px 11px 10px !important;
    border-radius: 14px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
  }

  /* Category row: compact, Figma-like scale. */
  body .rp-mobile.rp-paged-slider .rp-card-label {
    width: 100% !important;
    height: auto !important;
    min-height: 40px !important;
    flex: 0 0 auto !important;
    gap: 7px !important;
    margin: 0 !important;
    align-items: center !important;
  }

  body .rp-mobile.rp-paged-slider .rp-card-label > span {
    font-size: 11px !important;
    line-height: 1.12 !important;
    font-weight: 500 !important;
  }

  body .rp-mobile.rp-paged-slider .rp-icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    flex: 0 0 38px !important;
  }

  body .rp-mobile.rp-paged-slider .rp-icon img,
  body .rp-mobile.rp-paged-slider .rp-energy-icon img,
  body .rp-mobile.rp-paged-slider .rp-map-icon img,
  body .rp-mobile.rp-paged-slider .rp-water-icon img {
    width: 29px !important;
    height: 29px !important;
    min-width: 29px !important;
    max-width: 29px !important;
    max-height: 29px !important;
  }

  /* Figma-style heading scale; remove the reserved heading height. */
  body .rp-mobile.rp-paged-slider .rp-card h3,
  body .rp-mobile.rp-paged-slider .rp-reference-card h3 {
    min-height: 0 !important;
    height: auto !important;
    margin: 8px 0 5px !important;
    font-size: 19px !important;
    line-height: .98 !important;
    font-weight: 800 !important;
    letter-spacing: -.18px !important;
  }

  /* Boss request: body copy 12px. No 108px forced blank text area. */
  body .rp-mobile.rp-paged-slider .rp-card > p,
  body .rp-mobile.rp-paged-slider .rp-reference-card > p {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 8px !important;
    font-size: 12px !important;
    line-height: 1.26 !important;
    font-weight: 400 !important;
  }

  /* Pills flow directly after copy. No auto push / no big white gap. */
  body .rp-mobile.rp-paged-slider .rp-tags,
  body .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags,
  body .rp-mobile.rp-paged-slider .rp-reference-card .rp-feature-tags {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 5px !important;
    margin: 0 0 7px !important;
    overflow: visible !important;
  }

  body .rp-mobile.rp-paged-slider .rp-tags span,
  body .rp-mobile.rp-paged-slider .rp-feature-tags span,
  body .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags span {
    min-width: 0 !important;
    padding: 5px 7px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  body .rp-mobile.rp-paged-slider .rp-btn,
  body .rp-mobile.rp-paged-slider .rp-reference-card .rp-btn {
    width: 100% !important;
    max-width: 85% !important;
    min-width: 0 !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    gap: 4px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    letter-spacing: -.12px !important;
    white-space: nowrap !important;
  }

  body .rp-mobile.rp-paged-slider .rp-btn b {
    font-size: 18px !important;
    line-height: 1 !important;
  }

  body .rp-mobile.rp-paged-slider .rp-controls {
    margin-top: 3px !important;
  }
}

@media (max-width: 390px) {
  body .rp-mobile.rp-paged-slider .rp-pages { gap: 8px !important; }

  body .rp-mobile.rp-paged-slider .rp-page {
    flex-basis: 68% !important;
    width: 68% !important;
    min-width: 68% !important;
  }

  body .rp-mobile.rp-paged-slider .rp-pages::after {
    flex-basis: 32% !important;
    width: 32% !important;
    min-width: 32% !important;
  }

  body .rp-mobile.rp-paged-slider .rp-page .rp-card,
  body .rp-mobile.rp-paged-slider .rp-card {
    padding: 12px 10px 9px !important;
  }

  body .rp-mobile.rp-paged-slider .rp-card-label > span {
    font-size: 11px !important;
  }

  body .rp-mobile.rp-paged-slider .rp-card h3,
  body .rp-mobile.rp-paged-slider .rp-reference-card h3 {
    font-size: 18px !important;
    margin-top: 7px !important;
  }

  body .rp-mobile.rp-paged-slider .rp-card > p,
  body .rp-mobile.rp-paged-slider .rp-reference-card > p {
    font-size: 12px !important;
    line-height: 1.24 !important;
    margin-bottom: 7px !important;
  }

  body .rp-mobile.rp-paged-slider .rp-tags span,
  body .rp-mobile.rp-paged-slider .rp-feature-tags span,
  body .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags span {
    font-size: 11px !important;
    padding: 5px 6px !important;
  }

  body .rp-mobile.rp-paged-slider .rp-btn,
  body .rp-mobile.rp-paged-slider .rp-reference-card .rp-btn {
    height: 31px !important;
    min-height: 31px !important;
    font-size: 11px !important;
  }
}


/* original line 12977 */

@media (max-width: 767px) {
  /* Give the category text a little breathing room. */
  body .rp-mobile.rp-paged-slider .rp-card-label > span {
    line-height: 1.24 !important;
  }

  /* Main card title: slightly more line-height and spacing below/above. */
  body .rp-mobile.rp-paged-slider .rp-card h3,
  body .rp-mobile.rp-paged-slider .rp-reference-card h3 {
    margin: 10px 0 7px !important;
    line-height: 1.07 !important;
  }

  /* Body copy: less cramped, easier to read. */
  body .rp-mobile.rp-paged-slider .rp-card > p,
  body .rp-mobile.rp-paged-slider .rp-reference-card > p {
    margin: 0 0 10px !important;
    line-height: 1.38 !important;
  }

  /* Keep a clean gap between chips and CTA button. */
  body .rp-mobile.rp-paged-slider .rp-tags,
  body .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags,
  body .rp-mobile.rp-paged-slider .rp-reference-card .rp-feature-tags {
  }
}

@media (max-width: 390px) {
  body .rp-mobile.rp-paged-slider .rp-card h3,
  body .rp-mobile.rp-paged-slider .rp-reference-card h3 {
    margin: 9px 0 6px !important;
    line-height: 1.08 !important;
  }

  body .rp-mobile.rp-paged-slider .rp-card > p,
  body .rp-mobile.rp-paged-slider .rp-reference-card > p {
    margin-bottom: 9px !important;
    line-height: 1.36 !important;
  }
}


/* original line 13024 */

@media (max-width: 767px) {
  /* Keep every Research & Policy CTA on the same bottom line. */
  body .rp-mobile.rp-paged-slider .rp-btn,
  body .rp-mobile.rp-paged-slider .rp-reference-card .rp-btn {
    margin-top: auto !important;
    align-self: stretch !important;
  }

  /* Preserve the chip spacing while the CTA uses the remaining card space. */
  body .rp-mobile.rp-paged-slider .rp-tags,
  body .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags,
  body .rp-mobile.rp-paged-slider .rp-reference-card .rp-feature-tags {
    margin-top: 0 !important;
    flex: 0 0 auto !important;
  }
}


/* original line 13049 */

@media (max-width: 767px) {
  /* Keep every light-blue tag row on the same horizontal level. */
  body .rp-mobile.rp-paged-slider .rp-tags,
  body .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags,
  body .rp-mobile.rp-paged-slider .rp-reference-card .rp-feature-tags {
    margin-top: auto !important;
    margin-bottom: 9px !important;
    min-height: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
    align-items: center !important;
  }

  /* All blue chips use one consistent height without stretching their text. */
  body .rp-mobile.rp-paged-slider .rp-tags span,
  body .rp-mobile.rp-paged-slider .rp-feature-tags span,
  body .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags span {
    height: 22px !important;
    min-height: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Button remains directly below the aligned chip row. */
  body .rp-mobile.rp-paged-slider .rp-btn,
  body .rp-mobile.rp-paged-slider .rp-reference-card .rp-btn {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    flex: 0 0 auto !important;
  }
}

@media (max-width: 390px) {
  body .rp-mobile.rp-paged-slider .rp-tags,
  body .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags,
  body .rp-mobile.rp-paged-slider .rp-reference-card .rp-feature-tags {
    min-height: 23px !important;
    height: 23px !important;
    flex-basis: 23px !important;
  }

  body .rp-mobile.rp-paged-slider .rp-tags span,
  body .rp-mobile.rp-paged-slider .rp-feature-tags span,
  body .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags span {
    height: 21px !important;
    min-height: 21px !important;
  }
}


/* original line 13106 */

@media (max-width: 767px) {
  /* Keep the Research & Policy evidence sentence on exactly two lines on iPhone/mobile. */
  body .rp-mobile .rp-heading .rp-mobile-evidence {
    width: 100% !important;
    max-width: 100% !important;
    margin: 13px auto 0 !important;
    padding: 0 !important;
    font-size: clamp(11.5px, 3.1vw, 13px) !important;
    line-height: 1.32 !important;
    font-weight: 600 !important;
    text-align: center !important;
    letter-spacing: -0.05px !important;
  }

  body .rp-mobile .rp-heading .rp-mobile-evidence span {
    display: block !important;
    white-space: nowrap !important;
  }

  /* Center the two English lines in the right side of the Zameeni Haqaiq banner. */
  body .mobile-zameeni-copy {
    left: 112px !important;
    bottom: 19px !important;
  }

  body .mobile-zameeni-copy > p {
  }

  body .mobile-zameeni-copy > div {
  }

  body .mobile-zameeni-copy > div > p {
    display: inline-block !important;
  }

  body .mobile-zameeni-copy > div > span {
    margin-left: 0 !important;
  }
}

@media (max-width: 380px) {
  body .rp-mobile .rp-heading .rp-mobile-evidence {
    font-size: 11.4px !important;
  }

  body .mobile-zameeni-copy {
    left: 108px !important;
    right: 14px !important;
  }
}


/* original line 13174 */

/* ---------------------------------------------------------
   Research & Policy:
   Cards stay completely unchanged.
   Only the blue CTA button becomes slightly darker while
   it is being hovered/pressed/tapped.
   --------------------------------------------------------- */
.rp-section .rp-btn {
  background: #043E6B !important;
  color: #ffffff !important;
}

/* Desktop mouse hover */
.rp-section .rp-btn:hover {
  background: #033653 !important;
  color: #ffffff !important;
}

/* Mouse click / mobile tap */
.rp-section .rp-btn:active {
  background: #022B47 !important;
  color: #ffffff !important;
}

/* Keyboard accessibility */
.rp-section .rp-btn:focus-visible {
  background: #033653 !important;
  color: #ffffff !important;
  outline: 2px solid #dfbf72 !important;
  outline-offset: 2px !important;
}

.rp-section .rp-btn:hover b,
.rp-section .rp-btn:active b,
.rp-section .rp-btn:focus-visible b {
  color: #ffffff !important;
}

@media (max-width: 767px) {
  /* Exact 3-line mobile heading: "on" stays on line 1. */
  body .rp-mobile .rp-heading .rp-mobile-title {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    font-size: clamp(18px, 5.5vw, 19px) !important;
    line-height: 1.07 !important;
    letter-spacing: -.65px !important;
    text-align: center !important;
  }

  body .rp-mobile .rp-heading .rp-mobile-title span {
    display: block !important;
    width: 100% !important;
    white-space: nowrap !important;
    text-align: center !important;
  }

  /* Center Urdu logo in the right side of the white panel. */
  body .mobile-zameeni-logo {
    left: 108px !important;
    right: 14px !important;
    top: 16px !important;
  }

  body .mobile-zameeni-logo img {
    width: 184px !important;
  }

  /* Center Zameeni Haqaiq + A Column by Syed Shayan. */
  body .mobile-zameeni-copy {
    left: 108px !important;
    right: 18px !important;
    bottom: 16px !important;
  }

  body .mobile-zameeni-copy > p {
  }

  body .mobile-zameeni-copy > div {
  }

  body .mobile-zameeni-copy > div > p {
  }

  body .mobile-zameeni-copy > div > span {
  }
}

@media (max-width: 380px) {
  body .rp-mobile .rp-heading .rp-mobile-title {
    font-size: 24.8px !important;
    letter-spacing: -.75px !important;
  }

  body .mobile-zameeni-logo,
  body .mobile-zameeni-copy {
    left: 104px !important;
    right: 14px !important;
  }

  body .mobile-zameeni-logo img {
  }
}


/* original line 13313 */

/* =========================================================
   22-09 FINAL REFERENCE ADJUSTMENTS
   - consistent space before new sections
   - platform cards/icons match supplied reference
   - Group.png replaces coded Digital Library
   - static 3-site network layout
   ========================================================= */

/* ---------- Section breathing room ---------- */
@media (max-width: 1023px) {
body .research-policy-mobile-wrap {
  padding-top: 45px !important;
}
  body .public-opinion-section-wrap {
    margin-top: 0 !important;
  }

  body .public-opinion-section-wrap #public-opinion-pdfmatch {
    padding-top: 0 !important;
  }

  body #digital-library-pdfmatch {
    margin-top: 72px !important;
  }

  body #digital-library-pdfmatch + .pdf-housing-spacer,
  body .pdf-housing-spacer {
    height: 38px !important;
  }
}

/* ---------- HOW THE PLATFORM WORKS ---------- */
body #public-opinion-pdfmatch .steps {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 4px !important;
  align-items: stretch !important;
}

body #public-opinion-pdfmatch .step {
  position: relative !important;
  min-width: 0 !important;
  min-height: 160px !important;
  padding: 10px 10px 11px !important;
  border: 1px solid #dedede !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  overflow: hidden !important;
  text-align: left !important;
}

body #public-opinion-pdfmatch .step .num {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  margin: 0 7px 0 0 !important;
  border-radius: 50% !important;
  background: #0F7A57 !important;
  color: #ffffff !important;
  font-size: 13px !important;
  line-height: 24px !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
}

body #public-opinion-pdfmatch .step img {
  display: inline-block !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  margin: 0 !important;
  object-fit: contain !important;
  vertical-align: middle !important;
}

body #public-opinion-pdfmatch .step h3 {
  margin: 12px 0 5px !important;
  color: #043E6B !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 17px !important;
  line-height: 1.04 !important;
  font-weight: 800 !important;
  letter-spacing: -.25px !important;
}

body #public-opinion-pdfmatch .step p {
  margin: 0 !important;
  color: #595959 !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.18 !important;
  font-weight: 500 !important;
}

@media (max-width: 700px) {
  body #public-opinion-pdfmatch .steps { }

  body #public-opinion-pdfmatch .step {
    min-height: 158px !important;
    padding: 9px 7px 9px !important;
  }

  body #public-opinion-pdfmatch .step .num {
    width: 23px !important;
    height: 23px !important;
    min-width: 23px !important;
    min-height: 23px !important;
    margin-right: 5px !important;
    font-size: 12px !important;
    line-height: 23px !important;
  }

  body #public-opinion-pdfmatch .step img {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
  }

  body #public-opinion-pdfmatch .step h3 {
    margin-top: 10px !important;
    font-size: clamp(12px, 3.05vw, 18px) !important;
    line-height: 1.04 !important;
  }

  body #public-opinion-pdfmatch .step p {
    font-size: clamp(11px, 2.6vw, 15px) !important;
    line-height: 1.17 !important;
  }
}

@media (max-width: 420px) {
  body #public-opinion-pdfmatch .step {
    min-height: 150px !important;
    padding: 8px 5px 8px !important;
  }

  body #public-opinion-pdfmatch .step .num {
    width: 21px !important;
    height: 21px !important;
    min-width: 21px !important;
    min-height: 21px !important;
    font-size: 11px !important;
    line-height: 21px !important;
  }

  body #public-opinion-pdfmatch .step img {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
  }

  body #public-opinion-pdfmatch .step h3 {
    font-size: 11px !important;
  }

  body #public-opinion-pdfmatch .step p {
    font-size: 11px !important;
  }
}

/* ---------- DIGITAL LIBRARY: one supplied image only ---------- */
body #digital-library-pdfmatch.digital-library-image-section {
  width: 100% !important;
  max-width: 720px !important;
  margin-left: 11px !important;
  margin-right: auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #ffffff !important;
  /*margin-top: -1px !important;*/
}
@media (max-width: 700px) {
  body #digital-library-pdfmatch.digital-library-image-section {
    top: -5px !important;
  }
}

body #digital-library-pdfmatch .digital-library-group-image {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
  object-fit: contain !important;
}

/* ---------- PART OF SYEDSHAYAN.COM ---------- */
body .syed-network-section {
  width: 100% !important;
  margin: 64px 0 0 !important;
  padding: 48px 16px 58px !important;
  background: #ffffff !important;
}

body .syed-network-wrap {
  width: 100% !important;
  max-width: 690px !important;
  margin: 0 auto !important;
}

body .syed-network-heading {
  margin-bottom: 42px !important;
  text-align: center !important;
}

body .syed-network-heading-top {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
}

body .syed-network-heading-line {
  width: 58px !important;
  height: 2px !important;
  flex: 0 0 58px !important;
  background: #D6A839 !important;
}

body .syed-network-heading h2 {
  margin: 0 !important;
  color: #3b3b3b !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 20px !important;
  line-height: 1 !important;
  letter-spacing: .15px !important;
}

body .syed-network-brand {
  margin-top: 10px !important;
  color: #043E6B !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 24px !important;
  line-height: 1.1 !important;
}

body .syed-network-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 0 !important;
}

body .syed-network-item {
  position: relative !important;
  min-width: 0 !important;
  min-height: 145px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 16px 4px !important;
  color: inherit !important;
  text-decoration: none !important;
}

body .syed-network-item-middle::before,
body .syed-network-item-middle::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  background: #e5e5e5 !important;
}

body .syed-network-item-middle::before { left: 0 !important; }
body .syed-network-item-middle::after { right: 0 !important; }

body .syed-network-logo-box {
  width: 100% !important;
  height: 92px !important;
}

body .syed-network-free-media-logo {
  display: block !important;
  width: 150px !important;
  height: 80px !important;
  object-fit: contain !important;
  transform: none !important;
}

body .syed-network-otd-combo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
}

body .syed-network-otd-logo {
  display: block !important;
  width: 92px !important;
  height: 78px !important;
  object-fit: contain !important;
}

body .syed-network-calendar {
  position: relative !important;
  width: 52px !important;
  height: 72px !important;
  flex: 0 0 52px !important;
}

body .syed-network-calendar > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: fill !important;
}

body .syed-network-calendar-day,
body .syed-network-calendar-number,
body .syed-network-calendar-month {
  position: absolute !important;
  z-index: 2 !important;
  width: 76% !important;
  color: #2f1d12 !important;
  font-family: Arial, sans-serif !important;
}

body .syed-network-calendar-day {
}

body .syed-network-calendar-number {
  font-size: 16px !important;
  line-height: 1 !important;
}

body .syed-network-calendar-month {
}

body .syed-network-shehrbeen-logo {
  display: block !important;
  width: 125px !important;
  height: 82px !important;
  object-fit: contain !important;
}

body .syed-network-url-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 28px !important;
  padding: 5px 11px !important;
  border-radius: 999px !important;
  background: #f8f8f8 !important;
  color: #2d2d2d !important;
  box-shadow: 0 3px 10px rgba(0,0,0,.10) !important;
  font-family: Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

body .syed-network-url-pill span {
  color: #D6A839 !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

@media (max-width: 700px) {
  body .syed-network-section {
    margin-top: 54px !important;
    padding: 42px 10px 50px !important;
  }

  body .syed-network-wrap {
    max-width: 620px !important;
  }

  body .syed-network-heading {
    margin-bottom: 38px !important;
  }

  body .syed-network-heading-line {
    width: 48px !important;
    flex-basis: 48px !important;
  }

  body .syed-network-heading h2 {
    font-size: 18px !important;
  }

  body .syed-network-brand {
    font-size: 22px !important;
  }

  body .syed-network-item {
    min-height: 132px !important;
    padding: 0 10px 3px !important;
  }

  body .syed-network-logo-box {
    height: 82px !important;
  }

  body .syed-network-free-media-logo {
    width: 138px !important;
    height: 72px !important;
  }

  body .syed-network-otd-logo {
    width: 82px !important;
    height: 68px !important;
  }

  body .syed-network-calendar {
    width: 46px !important;
    height: 64px !important;
    flex-basis: 46px !important;
  }

  body .syed-network-shehrbeen-logo {
    width: 116px !important;
    height: 72px !important;
  }

  body .syed-network-url-pill {
    min-height: 27px !important;
    padding: 5px 9px !important;
    font-size: clamp(11px, 2vw, 12px) !important;
  }
}

@media (max-width: 420px) {
  body .syed-network-section {
  }

  body .syed-network-heading-top { }
  body .syed-network-heading-line { width: 38px !important; flex-basis: 38px !important; }
  body .syed-network-heading h2 { font-size: 16px !important; }
  body .syed-network-brand { font-size: 19px !important; }

  body .syed-network-item {
    min-height: 118px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  body .syed-network-logo-box { height: 72px !important; }
  body .syed-network-free-media-logo { width: 105px !important; height: 58px !important; }
  body .syed-network-otd-combo { gap: 2px !important; }
  body .syed-network-otd-logo { width: 62px !important; height: 56px !important; }
  body .syed-network-calendar { width: 34px !important; height: 49px !important; flex-basis: 34px !important; }
  body .syed-network-calendar-day,
  body .syed-network-calendar-month { }
  body .syed-network-calendar-number { font-size: 11px !important; }
  body .syed-network-shehrbeen-logo { width: 86px !important; height: 60px !important; }
  body .syed-network-url-pill {
    padding: 4px 5px !important;
  }
}


/* original line 13807 */

/* =========================================================
   22-09 FINAL SMALL CHANGES
   1) Group.png keeps its exact artwork, Explore Ebooks is clickable
   2) Previous continuous partner animation restored
   3) Partner separators taper: thin -> thick -> thin
   ========================================================= */

/* ---------- GROUP.PNG / EXPLORE EBOOKS ---------- */
body #digital-library-pdfmatch.digital-library-image-section {
  position: relative !important;
}

/*
 * Group.png already contains the exact navy Explore Ebooks artwork.
 * This transparent anchor sits precisely over it, so the visible button
 * stays pixel-identical to the supplied image while becoming clickable.
 */
body #digital-library-pdfmatch .digital-library-explore-hitbox {
  position: absolute !important;
  left: 3.55% !important;
  top: 66.05% !important;
  width: 32.05% !important;
  height: 9.15% !important;
  z-index: 8 !important;
  display: block !important;
  border: 0 !important;
  border-radius: 2px !important;
  background: transparent !important;
  cursor: pointer !important;
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

body #digital-library-pdfmatch .digital-library-explore-hitbox:focus-visible {
  outline: 2px solid #D6A839 !important;
  outline-offset: 2px !important;
}

/* ---------- PART OF SYEDSHAYAN.COM: restore old animation ---------- */
body .syed-network-marquee {
  position: relative !important;
  overflow: hidden !important;
  padding: 2px 0 7px !important;
}

body .syed-network-track,
body .syed-network-grid.syed-network-track {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: max-content !important;
  max-width: none !important;
  transform: translate3d(0,0,0);
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

body .syed-network-track .syed-network-item {
  width: 230px !important;
  flex: 0 0 230px !important;
  min-width: 230px !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
  transform: translateZ(0);
}

/* Remove the old straight middle-only lines. */
body .syed-network-item-middle::before,
body .syed-network-item-middle::after {
  content: none !important;
  display: none !important;
}

/*
 * Separator on every item:
 * narrow at the top, widest in the middle, narrow again at the bottom.
 */
body .syed-network-track .syed-network-item::after {
  content: '' !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  top: 4px !important;
  right: -1.5px !important;
  width: 3px !important;
  height: calc(100% - 8px) !important;
  z-index: 3 !important;
  pointer-events: none !important;
  background: linear-gradient(
    to bottom,
    rgba(205,205,205,.42) 0%,
    rgba(186,186,186,.72) 48%,
    rgba(205,205,205,.42) 100%
  ) !important;
  clip-path: polygon(
    40% 0%,
    60% 0%,
    100% 50%,
    60% 100%,
    40% 100%,
    0% 50%
  ) !important;
}

/* Keep the clean current reference design while it moves. */
body .syed-network-track .syed-network-item {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

@media (max-width: 700px) {
  body .syed-network-track .syed-network-item {
    width: 206px !important;
    flex-basis: 206px !important;
    min-width: 206px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media (max-width: 420px) {
  body .syed-network-track .syed-network-item {
    width: 176px !important;
    flex-basis: 176px !important;
    min-width: 176px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body .syed-network-track {
    transform: translate3d(0,0,0) !important;
  }
}


/* original line 13952 */

@media (max-width: 767px) {
  /* Urdu logo: keep it on the right side like the supplied reference. */
  body .mobile-zameeni-logo {
    left: 116px !important;
    right: 10px !important;
    top: 15px !important;
    height: 68px !important;
    justify-content: flex-end !important;
    transform: translateX(6px) !important;
  }

  body .mobile-zameeni-logo img {
    width: 180px !important;
    height: 66px !important;
    object-position: right center !important;
  }

  /* Lower blue-strip text: left aligned exactly like the reference image. */
  body .mobile-zameeni-copy {
    left: 122px !important;
    right: 20px !important;
    bottom: 17px !important;
    min-height: 52px !important;
  }

  body .mobile-zameeni-copy > p {
    width: auto !important;
  }

  body .mobile-zameeni-copy > div {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-top: 4px !important;
  }

  body .mobile-zameeni-copy > div > p {
  }

  body .mobile-zameeni-copy > div > span {
    position: static !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
    padding-left: 10px !important;
    transform: none !important;
  }
}

@media (max-width: 380px) {
  body .mobile-zameeni-logo {
    left: 112px !important;
    right: 8px !important;
    transform: translateX(5px) !important;
  }

  body .mobile-zameeni-logo img {
    width: 174px !important;
  }

  body .mobile-zameeni-copy {
    left: 116px !important;
    right: 18px !important;
  }
}


/* original line 14041 */

/* =========================================================
   22-09 FINAL: PARTNER LOGOS + CLEAN REFERENCE BUTTON ARROW
   ========================================================= */

/* PART OF SYEDSHAYAN.COM — bigger logos + readable text */
body .syed-network-track .syed-network-item {
  width: 260px !important;
  min-height: 158px !important;
  padding: 0 16px 8px !important;
}

body .syed-network-logo-box {
  height: 118px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
}

body .syed-network-free-media-logo {
  width: 182px !important;
}

body .syed-network-shehrbeen-logo {
  width: 154px !important;
}

body .syed-network-otd-combo {
  gap: 8px !important;
}

body .syed-network-otd-logo {
  width: 112px !important;
  height: 84px !important;
}

body .syed-network-calendar {
  width: 60px !important;
  height: 82px !important;
  flex: 0 0 60px !important;
}

body .syed-network-calendar-day {
  top: 18% !important;
}

body .syed-network-calendar-number {
  top: 37% !important;
}

body .syed-network-calendar-month {
}

body .syed-network-otd-subtitle {
  display: none !important;
}

body .syed-network-url-pill {
  min-height: 34px !important;
  padding: 7px 13px !important;
  font-size: 14px !important;
}

body .syed-network-url-pill span {
  margin-left: 5px !important;
  font-size: 17px !important;
}

/* Survey button — same arrow pattern as reference */
#public-opinion-pdfmatch .survey-button {
  gap: 8px !important;
  padding: 10px 12px 10px 12px !important;
  border-radius: 10px !important;
  background: linear-gradient(90deg, #042945 0%, #043E6B 100%) !important;
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  box-shadow: 0 5px 12px rgba(0,0,0,.18) !important;
}

#public-opinion-pdfmatch .survey-button .survey-button-arrow {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  margin-left: 2px !important;
  font-size: 25px !important;
  line-height: .75 !important;
  font-weight: 700 !important;
}

@media (max-width: 700px) {
  body .syed-network-track .syed-network-item {
    width: 236px !important;
    min-height: 150px !important;
    padding: 0 13px 8px !important;
  }

  body .syed-network-logo-box {
    height: 110px !important;
    gap: 6px !important;
  }

  body .syed-network-free-media-logo {
    width: 168px !important;
    height: 84px !important;
  }

  body .syed-network-shehrbeen-logo {
    width: 144px !important;
    height: 84px !important;
  }

  body .syed-network-otd-logo {
    width: 102px !important;
    height: 76px !important;
  }

  body .syed-network-calendar {
    width: 54px !important;
    height: 74px !important;
    flex-basis: 54px !important;
  }

  body .syed-network-calendar-day,
  body .syed-network-calendar-month {
  }

  body .syed-network-calendar-number {
  }

  body .syed-network-url-pill {
    min-height: 32px !important;
    padding: 7px 12px !important;
    font-size: 13px !important;
  }

  #public-opinion-pdfmatch .survey-button {
    font-size: 14px !important;
    padding: 10px 11px !important;
    gap: 7px !important;
  }

  #public-opinion-pdfmatch .survey-button .survey-button-arrow {
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 24px !important;
  }
}

@media (max-width: 420px) {
  body .syed-network-track .syed-network-item {
    width: 212px !important;
    min-height: 140px !important;
    padding: 0 10px 7px !important;
  }

  body .syed-network-logo-box {
    height: 102px !important;
    gap: 5px !important;
  }

  body .syed-network-free-media-logo {
    width: 152px !important;
    height: 76px !important;
  }

  body .syed-network-shehrbeen-logo {
    width: 132px !important;
    height: 76px !important;
  }

  body .syed-network-otd-combo {
    gap: 5px !important;
  }

  body .syed-network-otd-logo {
    width: 88px !important;
    height: 66px !important;
  }

  body .syed-network-calendar {
    width: 47px !important;
    height: 66px !important;
    flex-basis: 47px !important;
  }

  body .syed-network-calendar-day,
  body .syed-network-calendar-month {
  }

  body .syed-network-calendar-number {
    font-size: 14px !important;
  }

  body .syed-network-url-pill {
    min-height: 30px !important;
    padding: 6px 10px !important;
  }

  body .syed-network-url-pill span {
    font-size: 15px !important;
  }

  #public-opinion-pdfmatch .survey-button {
    font-size: 12px !important;
    padding: 9px 10px !important;
    gap: 6px !important;
  }

  #public-opinion-pdfmatch .survey-button .survey-button-arrow {
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 22px !important;
  }
}


/* original line 14288 */

/* =========================================================
   22-09 CALENDAR TEXT FIX ONLY
   Keep Tue / date / month neatly inside calendar artwork.
   ========================================================= */
body .syed-network-calendar {
  overflow: hidden !important;
}

body .syed-network-calendar-day,
body .syed-network-calendar-number,
body .syed-network-calendar-month {
  left: 50% !important;
  width: 58% !important;
  max-width: 58% !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body .syed-network-calendar-day {
  top: 18.5% !important;
  line-height: 1 !important;
}

body .syed-network-calendar-number {
  font-size: 17px !important;
  line-height: .95 !important;
}

body .syed-network-calendar-month {
  bottom: 18% !important;
  line-height: 1 !important;
}

@media (max-width:700px) {
  body .syed-network-calendar-day,
  body .syed-network-calendar-month {
    font-size: 11px !important;
  }

  body .syed-network-calendar-number {
    top: 39% !important;
    font-size: 15px !important;
  }
}

@media (max-width:420px) {
  body .syed-network-calendar-day,
  body .syed-network-calendar-number,
  body .syed-network-calendar-month {
    width: 56% !important;
    max-width: 56% !important;
  }

  body .syed-network-calendar-day {
    top: 19% !important;
    font-size: 11px !important;
  }

  body .syed-network-calendar-number {
    top: 39.5% !important;
    font-size: 13px !important;
    line-height: .9 !important;
  }

  body .syed-network-calendar-month {
    bottom: 18.5% !important;
    font-size: 11px !important;
  }
}


/* original line 14373 */

/* =========================================================
   22-09 FINAL OTD ICON REPLACEMENT
   Uses Images/otd-icon.png (transparent background) and places
   today's Pakistan date inside the calendar drawn in that icon.
   ========================================================= */

body .syed-network-otd-logo-box {
  overflow: visible !important;
}

body .syed-network-otd-icon-wrap {
  position: relative !important;
  width: 220px !important;
  max-width: 100% !important;
  aspect-ratio: 1632 / 964 !important;
  margin: 0 auto !important;
  flex: 0 0 auto !important;
}

body .syed-network-otd-icon {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: contain !important;
}

body .syed-network-otd-live-day,
body .syed-network-otd-live-number,
body .syed-network-otd-live-month {
  position: absolute !important;
  left: 98.25% !important;
  z-index: 4 !important;
  width: 27% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  padding: 0 2px !important;
  color: #21120c !important;
  font-family: Arial, Helvetica, sans-serif !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
}

body .syed-network-otd-live-day {
  top: 36.2% !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

body .syed-network-otd-live-number {
  top: 54.1% !important;
  font-size: 24px !important;
  line-height: .92 !important;
  font-weight: 800 !important;
}

body .syed-network-otd-live-month {
  top: 74.0% !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

/* The new icon already contains the calendar artwork, so the old
   separate On This Date logo/calendar elements are no longer used. */

@media (max-width: 700px) {
  body .syed-network-otd-icon-wrap {
    width: 205px !important;
  }

  body .syed-network-otd-live-day {
    font-size: 11px !important;
  }

  body .syed-network-otd-live-number {
    font-size: 22px !important;
  }

  body .syed-network-otd-live-month {
    font-size: 11px !important;
  }
}

@media (max-width: 420px) {
  body .syed-network-otd-icon-wrap {
    width: 184px !important;
  }

  body .syed-network-otd-live-day {
    font-size: 11px !important;
  }

  body .syed-network-otd-live-number {
    font-size: 19px !important;
  }

  body .syed-network-otd-live-month {
    font-size: 11px !important;
  }
}


/* original line 14487 */

/* ---------------------------------------------------------
   HOW THE PLATFORM WORKS — compact mobile reference match
   --------------------------------------------------------- */
@media (max-width: 700px) {
  body #public-opinion-pdfmatch .steps {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 3px !important;
    align-items: stretch !important;
    width: 100% !important;
  }

  body #public-opinion-pdfmatch .step {
    box-sizing: border-box !important;
    min-width: 0 !important;
    min-height: 108px !important;
    height: 108px !important;
    padding: 6px 5px 6px !important;
    border: 1px solid #dedede !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    overflow: hidden !important;
    text-align: left !important;
  }

  body #public-opinion-pdfmatch .step .num {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    line-height: 18px !important;
    margin: 0 3px 0 0 !important;
    border-radius: 50% !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    vertical-align: middle !important;
  }

  body #public-opinion-pdfmatch .step img {
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    vertical-align: middle !important;
  }

  body #public-opinion-pdfmatch .step h3 {
    margin: 7px 0 3px !important;
    color: #043E6B !important;
    font-size: clamp(11px, 2.75vw, 12px) !important;
    line-height: 1.02 !important;
    font-weight: 800 !important;
    letter-spacing: -.15px !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  body #public-opinion-pdfmatch .step p {
    margin: 0 !important;
    color: #595959 !important;
    font-size: clamp(11px, 2.25vw, 11px) !important;
    line-height: 1.10 !important;
    font-weight: 500 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
}

@media (max-width: 390px) {
  body #public-opinion-pdfmatch .steps {
    gap: 3px !important;
  }

  body #public-opinion-pdfmatch .step {
    min-height: 104px !important;
    height: 104px !important;
    padding: 5px 4px 5px !important;
  }

  body #public-opinion-pdfmatch .step .num {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    min-height: 17px !important;
    line-height: 17px !important;
    font-size: 11px !important;
  }

  body #public-opinion-pdfmatch .step img {
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    min-height: 13px !important;
  }

  body #public-opinion-pdfmatch .step h3 {
    margin-top: 6px !important;
    font-size: 11px !important;
  }

  body #public-opinion-pdfmatch .step p {
    font-size: 11px !important;
    line-height: 1.08 !important;
  }
}

/* ---------------------------------------------------------
   ZAMEENI HAQAIQ — match supplied reference on mobile
   --------------------------------------------------------- */
@media (max-width: 767px) {
  body .mobile-zameeni-card {
    width: 100% !important;
    max-width: 394px !important;
    height: 190px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: 0 5px 14px rgba(0,0,0,.10) !important;
  }

  /* Blue at the start, darker at the end. */
  body .mobile-zameeni-card > div:nth-of-type(2) {
    left: 14px !important;
    right: 14px !important;
    bottom: 10px !important;
    height: 86px !important;
    background: linear-gradient(90deg, #0d5a87 0%, #07456d 42%, #022846 100%) !important;
    box-shadow: 0 2px 5px rgba(0,0,0,.12) !important;
  }

  /* Bring Syed Shayan slightly forward/right and keep him above the strip. */
  body .mobile-zameeni-person {
    left: 28px !important;
    top: 20px !important;
    width: 112px !important;
    height: 160px !important;
    z-index: 40 !important;
    box-shadow: 0 3px 8px rgba(0,0,0,.18) !important;
  }

  body .mobile-zameeni-person img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 34% !important;
  }

  /* Urdu logo centered in the white area to the right of the portrait. */
  body .mobile-zameeni-logo {
    left: 148px !important;
    right: 22px !important;
    top: 13px !important;
    height: 72px !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
  }

  body .mobile-zameeni-logo img {
    width: 188px !important;
    max-width: 100% !important;
    height: 70px !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  /* Center both English lines; arrow stays cleanly at the right edge. */
  body .mobile-zameeni-copy {
    align-items: center !important;
    text-align: center !important;
  }

  body .mobile-zameeni-copy > p {
    text-align: center !important;
  }

  body .mobile-zameeni-copy > div {
    text-align: center !important;
  }

  body .mobile-zameeni-copy > div > p {
    width: 100% !important;
    padding: 0 24px 0 0 !important;
    text-align: center !important;
  }

  body .mobile-zameeni-copy > div > span {
    color: #dfbf72 !important;
    font-size: 24px !important;
  }
}

@media (max-width: 380px) {
  body .mobile-zameeni-card {
    height: 180px !important;
  }

  body .mobile-zameeni-card > div:nth-of-type(2) {
    height: 80px !important;
  }

  body .mobile-zameeni-person {
    left: 23px !important;
    top: 19px !important;
    width: 104px !important;
    height: 150px !important;
  }

  body .mobile-zameeni-logo,
  body .mobile-zameeni-copy {
    left: 135px !important;
    right: 18px !important;
  }

  body .mobile-zameeni-logo img {
    width: 176px !important;
  }

  body .mobile-zameeni-copy > div > p {
    font-size: 11px !important;
  }
}


/* original line 14753 */

@media (max-width: 700px) {
  html body #public-opinion-pdfmatch .step > img {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    vertical-align: middle !important;
  }
}

@media (max-width: 390px) {
  html body #public-opinion-pdfmatch .step > img {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
  }
}


/* original line 14783 */

/* ---------------------------------------------------------
   ZAMEENI HAQAIQ
   Match the supplied reference:
   - English copy aligned to the LEFT
   - arrow stays at the far right
   - arrow returns to the slimmer 20px reference size
   - gradient becomes noticeably darker toward the right end
   --------------------------------------------------------- */
@media (max-width: 767px) {

  body .mobile-zameeni-card > div:nth-of-type(2) {
    background: linear-gradient(
      90deg,
      #0c5a87 0%,
      #07466d 48%,
      #033451 72%,
      #011f36 100%
    ) !important;
  }

  body .mobile-zameeni-copy {
    left: 148px !important;
    right: 25px !important;
    bottom: 23px !important;
    width: auto !important;
    min-height: 55px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;

    text-align: left !important;
  }

  body .mobile-zameeni-copy > p {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
  }

  body .mobile-zameeni-copy > div {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin-top: 5px !important;
    text-align: left !important;
  }

  body .mobile-zameeni-copy > div > p {
    display: block !important;
    width: auto !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
    white-space: nowrap !important;

    font-size: 12px !important;
    line-height: 1.1 !important;
  }

  body .mobile-zameeni-copy > div > span {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;

    margin: 0 !important;
    padding: 0 !important;
    transform: translateY(-50%) !important;

    color: #d6aa43 !important;
    font-size: 20px !important;
    line-height: 1 !important;
    font-weight: 300 !important;
  }

  /* -------------------------------------------------------
     RESEARCH & POLICY CARD ICONS
     Restore the larger visual scale shown in the reference.
     ------------------------------------------------------- */
  body .rp-mobile.rp-paged-slider .rp-icon {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    flex: 0 0 48px !important;
  }

  body .rp-mobile.rp-paged-slider .rp-icon img,
  body .rp-mobile.rp-paged-slider .rp-energy-icon img,
  body .rp-mobile.rp-paged-slider .rp-map-icon img,
  body .rp-mobile.rp-paged-slider .rp-water-icon img {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    object-fit: contain !important;
  }

  body .rp-mobile.rp-paged-slider .rp-card-label {
    min-height: 48px !important;
    gap: 8px !important;
  }

  /* -------------------------------------------------------
     TOP FOUR HOME CARDS
     Slightly enlarge the circular icons as requested.
     ------------------------------------------------------- */
  body #home-entry-cards .home-entry-icon,
  body #home-entry-cards > a > div > .flex-grow > .flex.items-center > div:first-child {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    flex: 0 0 52px !important;
  }

  body #home-entry-cards .home-entry-icon img,
  body #home-entry-cards > a > div > .flex-grow > .flex.items-center img {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    object-fit: contain !important;
  }
}

@media (max-width: 390px) {
  /* Keep the same left-aligned reference composition on small iPhones. */
  body .mobile-zameeni-copy {
    left: 135px !important;
    right: 18px !important;
    align-items: flex-start !important;
    text-align: left !important;
  }

  body .mobile-zameeni-copy > p,
  body .mobile-zameeni-copy > div,
  body .mobile-zameeni-copy > div > p {
    text-align: left !important;
  }

  body .mobile-zameeni-copy > div > p {
    max-width: calc(100% - 28px) !important;
    font-size: 11px !important;
  }

  body .mobile-zameeni-copy > div > span {
    font-size: 20px !important;
    color: #d6aa43 !important;
  }

  body .rp-mobile.rp-paged-slider .rp-icon {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    flex-basis: 46px !important;
  }

  body .rp-mobile.rp-paged-slider .rp-icon img,
  body .rp-mobile.rp-paged-slider .rp-energy-icon img,
  body .rp-mobile.rp-paged-slider .rp-map-icon img,
  body .rp-mobile.rp-paged-slider .rp-water-icon img {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
  }

  body #home-entry-cards .home-entry-icon,
  body #home-entry-cards > a > div > .flex-grow > .flex.items-center > div:first-child {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    flex-basis: 50px !important;
  }

  body #home-entry-cards .home-entry-icon img,
  body #home-entry-cards > a > div > .flex-grow > .flex.items-center img {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;
  }
}


/* original line 14982 */

/* Exact green sampled from the supplied reference image */
#public-opinion-pdfmatch {
  --green: #0F7A57 !important;
}

/* PUBLIC OPINION */
#public-opinion-pdfmatch .survey-label {
  color: #0F7A57 !important;
}

/* Only the word "Survey" in the title */
#public-opinion-pdfmatch .survey-title span {
  color: #0F7A57 !important;
}

/* HOW THE PLATFORM WORKS */
#public-opinion-pdfmatch .how {
  color: #0F7A57 !important;
}

/* Green number circles 1,2,3,4 */
#public-opinion-pdfmatch .step .num,
body #public-opinion-pdfmatch .step .num {
  background: #0F7A57 !important;
  color: #ffffff !important;
}

/* Green arrow inside METHODOLOGY & STANDARDS */
#public-opinion-pdfmatch .survey-button .survey-button-arrow,
#public-opinion-pdfmatch .survey-button b {
  color: #0F7A57 !important;
}

/* VIEW ALL SURVEYS + its arrow */
#public-opinion-pdfmatch .survey-all,
#public-opinion-pdfmatch .survey-all a,
#public-opinion-pdfmatch .survey-all a::before,
#public-opinion-pdfmatch .survey-all a::after {
  color: #0F7A57 !important;
}


/* original line 15027 */

/* ---------------------------------------------------------
   PUBLIC OPINION — force the exact reference green on iOS.
   -webkit-text-fill-color prevents Safari/WebKit from
   visually replacing the requested text color.
   --------------------------------------------------------- */
@supports (-webkit-touch-callout: none) {
  #public-opinion-pdfmatch {
    --green: #0F7A57 !important;
  }

  html body #public-opinion-pdfmatch .survey-label,
  html body #public-opinion-pdfmatch .survey-title span,
  html body #public-opinion-pdfmatch .how,
  html body #public-opinion-pdfmatch .survey-all,
  html body #public-opinion-pdfmatch .survey-all a,
  html body #public-opinion-pdfmatch .survey-all a::before,
  html body #public-opinion-pdfmatch .survey-all a::after,
  html body #public-opinion-pdfmatch .survey-button .survey-button-arrow,
  html body #public-opinion-pdfmatch .survey-button b {
    color: #0F7A57 !important;
    -webkit-text-fill-color: #0F7A57 !important;
  }

  html body #public-opinion-pdfmatch .step .num {
    background: #0F7A57 !important;
    background-color: #0F7A57 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }
}

/* ---------------------------------------------------------
   iPHONE ZAMEENI HAQAIQ
   Android layout remains untouched.
   Fixes the copy overlapping the portrait and brings the
   arrow slightly inward like the supplied reference.
   --------------------------------------------------------- */
@supports (-webkit-touch-callout: none) {
  @media (max-width: 767px) {
    html body .mobile-zameeni-copy {
      left: 152px !important;
      right: 32px !important;
      bottom: 23px !important;
      width: auto !important;
      min-height: 55px !important;

      display: flex !important;
      flex-direction: column !important;
      align-items: flex-start !important;
      justify-content: center !important;
      text-align: left !important;
    }

    html body .mobile-zameeni-copy > p {
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      text-align: left !important;
      font-size: 13px !important;
      line-height: 1.1 !important;
    }

    html body .mobile-zameeni-copy > div {
      position: relative !important;
      display: block !important;
      width: 100% !important;
      margin-top: 5px !important;
      text-align: left !important;
    }

    html body .mobile-zameeni-copy > div > p {
      display: block !important;
      width: auto !important;
      max-width: calc(100% - 34px) !important;
      margin: 0 !important;
      padding: 0 !important;
      text-align: left !important;
      white-space: nowrap !important;
      font-size: 12px !important;
      line-height: 1.1 !important;
    }

    html body .mobile-zameeni-copy > div > span {
      position: absolute !important;
      right: 0 !important;
      top: 50% !important;
      margin: 0 !important;
      padding: 0 !important;
      transform: translateY(-50%) !important;
      color: #d6aa43 !important;
      -webkit-text-fill-color: #d6aa43 !important;
      font-size: 20px !important;
      line-height: 1 !important;
      font-weight: 300 !important;
    }
  }

  /* Smaller iPhones */
  @media (max-width: 380px) {
    html body .mobile-zameeni-copy {
      left: 140px !important;
      right: 30px !important;
    }

    html body .mobile-zameeni-copy > div > p {
      max-width: calc(100% - 32px) !important;
      font-size: 11px !important;
    }
  }
}



/* ================= ORIGINAL home-17.css ================= */

/* original line 15155 */

@media (max-width: 767px) {

  /* common structure */
  html .mobile-zameeni-copy {
    text-align: left !important;
    align-items: flex-start !important;
  }

  html .mobile-zameeni-copy > div {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin-top: 5px !important;
    text-align: left !important;
  }

  html .mobile-zameeni-copy > div > p {
    margin: 0 !important;
    white-space: nowrap !important;
    text-align: left !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
  }

  html .mobile-zameeni-copy > div > span {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #d6aa43 !important;
    -webkit-text-fill-color: #d6aa43 !important;
    font-size: 20px !important;
    line-height: 1 !important;
    font-weight: 300 !important;
  }

  /* ==========================================
     iPhone + Android = arrow on RIGHT side
     Match the 3rd reference image closely.
     iPhone gets a very slight forward/right nudge.
     ========================================== */
  html.device-ios .mobile-zameeni-copy,
  html.device-android .mobile-zameeni-copy {
    left: 148px !important;
    right: 22px !important;
    bottom: 23px !important;
  }

  html.device-ios .mobile-zameeni-copy > div > p,
  html.device-android .mobile-zameeni-copy > div > p {
    width: 100% !important;
    max-width: calc(100% - 36px) !important;
    padding-right: 36px !important;
    padding-left: 0 !important;
  }

  html.device-ios .mobile-zameeni-copy > div > span,
  html.device-android .mobile-zameeni-copy > div > span {
    right: 4px !important;
    left: auto !important;
  }

  /* iPhone only: tiny extra forward move */
  html.device-ios .mobile-zameeni-copy {
    right: 20px !important;
  }

  html.device-ios .mobile-zameeni-copy > div > span {
    right: 5px !important;
  }
}

@media (max-width: 380px) {
  html.device-ios .mobile-zameeni-copy,
  html.device-android .mobile-zameeni-copy {
    left: 136px !important;
    right: 17px !important;
  }

  html.device-ios .mobile-zameeni-copy > div > p,
  html.device-android .mobile-zameeni-copy > div > p {
    max-width: calc(100% - 34px) !important;
    padding-right: 34px !important;
    padding-left: 0 !important;
    font-size: 11px !important;
  }

  html.device-ios .mobile-zameeni-copy > div > span,
  html.device-android .mobile-zameeni-copy > div > span {
    right: 4px !important;
    left: auto !important;
  }

  html.device-ios .mobile-zameeni-copy {
    right: 15px !important;
  }

  html.device-ios .mobile-zameeni-copy > div > span {
    right: 5px !important;
  }
}


/* original line 15262 */

/* ---------------------------------------------------------
   METHODOLOGY & STANDARDS
   Keep the green arrow slim and close to the text, matching
   the supplied 2nd reference image.
   --------------------------------------------------------- */
#public-opinion-pdfmatch .survey-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#public-opinion-pdfmatch .survey-button .survey-button-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: 16px !important;
  min-width: 16px !important;
  /*margin: 0 0 0 3px !important;*/
  margin-top:5px;
  padding: 0 !important;
  border: 0 !important;
  color: #0F7A57 !important;
  -webkit-text-fill-color: #0F7A57 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  transform: translateY(-1px) !important;
}

/* ---------------------------------------------------------
   VIEW ALL SURVEYS
   Use real spans instead of old ::before/::after arrows so
   the arrow stays immediately beside the text like image 4.
   --------------------------------------------------------- */
#public-opinion-pdfmatch .survey-all {
  text-align: right !important;
}

#public-opinion-pdfmatch .survey-all a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  width: auto !important;
  font-size: inherit !important;
  line-height: 1 !important;
  color: #0F7A57 !important;
  -webkit-text-fill-color: #0F7A57 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

/* Disable the older generated text/arrow. */
#public-opinion-pdfmatch .survey-all a::before,
#public-opinion-pdfmatch .survey-all a::after {
  content: none !important;
  display: none !important;
}

#public-opinion-pdfmatch .survey-all .survey-all-text {
  display: inline-block !important;
  color: #0F7A57 !important;
  -webkit-text-fill-color: #0F7A57 !important;
  font-size: inherit !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

#public-opinion-pdfmatch .survey-all .survey-all-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: 18px !important;
  min-width: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #0F7A57 !important;
  -webkit-text-fill-color: #0F7A57 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 767px) {
  #public-opinion-pdfmatch .survey-button {
    gap: 2px !important;
  }

  #public-opinion-pdfmatch .survey-button .survey-button-arrow {
    width: 15px !important;
    min-width: 15px !important;
    margin-left: 2px !important;
    font-size: 17px !important;
  }

  #public-opinion-pdfmatch .survey-all a {
    gap: 5px !important;
  }

  #public-opinion-pdfmatch .survey-all .survey-all-arrow {
    width: 17px !important;
    min-width: 17px !important;
    font-size: 17px !important;
  }
}

@media (max-width: 390px) {
  #public-opinion-pdfmatch .survey-button .survey-button-arrow {
    width: 14px !important;
    min-width: 14px !important;
    font-size: 16px !important;
  }

  #public-opinion-pdfmatch .survey-all a {
    gap: 4px !important;
  }

  #public-opinion-pdfmatch .survey-all .survey-all-arrow {
    width: 16px !important;
    min-width: 16px !important;
    font-size: 16px !important;
  }
}


/* original line 15395 */

/*
  This block intentionally sits at the very end so it wins over older
  responsive font-size rules. Only the text values verified from the
  supplied Figma Properties screenshots are changed here.
*/
@media (max-width: 767px) {

  /* HERO -------------------------------------------------- */
  html body .figma-hero-title {
    font-family: 'Lora', serif !important;
    font-size: 20px !important;       /* Figma 17px -> Web 20px */
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    color: #043F6C !important;
  }

  html body .figma-hero-tagline {
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;       /* Figma 9px -> Web 12px */
    font-weight: 500 !important;
    font-style: italic !important;
    letter-spacing: 0 !important;
    color: #BD8B12 !important;
  }

  /* RESEARCH & POLICY ------------------------------------ */
  html body .rp-mobile.rp-paged-slider .rp-card > p {
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;       /* Figma 9px -> Web 12px */
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    color: #282724 !important;
  }

  /* PUBLIC OPINION --------------------------------------- */
  html body #public-opinion-pdfmatch .survey-label {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;       /* Figma 11px -> Web 14px */
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    color: #107B57 !important;
    -webkit-text-fill-color: #107B57 !important;
  }

  html body #public-opinion-pdfmatch .survey-title,
  html body #public-opinion-pdfmatch .survey-title span {
    font-family: 'Lora', serif !important;
    font-size: 20px !important;       /* Figma 17px -> Web 20px */
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  html body #public-opinion-pdfmatch .survey-title {
    color: #043F6C !important;
    -webkit-text-fill-color: #043F6C !important;
  }

  html body #public-opinion-pdfmatch .survey-title span {
    color: #107B57 !important;
    -webkit-text-fill-color: #107B57 !important;
  }

  html body #public-opinion-pdfmatch .survey-lead {
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;       /* Figma 9px -> Web 12px */
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    color: #262626 !important;
  }

  html body #public-opinion-pdfmatch .survey-copy {
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;       /* Figma 8px -> Web 11px */
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    color: #464646 !important;
  }

  html body #public-opinion-pdfmatch .survey-method {
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;       /* Figma 9px -> Web 12px */
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    color: #2F2F2F !important;
  }

  html body #public-opinion-pdfmatch .survey-button {
    font-family: 'Poppins', sans-serif !important;       /* Figma 8px -> Web 11px */
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
  }

  /* Keep the button arrow green after WebKit text-fill on the parent. */
  html body #public-opinion-pdfmatch .survey-button .survey-button-arrow {
    color: #107B57 !important;
    -webkit-text-fill-color: #107B57 !important;
  }

  html body #public-opinion-pdfmatch .how {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;       /* Figma 11px -> Web 14px */
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    color: #107B57 !important;
    -webkit-text-fill-color: #107B57 !important;
  }

  html body #public-opinion-pdfmatch .step p {
    font-family: 'Poppins', sans-serif !important;       /* Figma 8px -> Web 11px */
    font-weight: 500 !important;
    letter-spacing: -0.02em !important;
    color: #565656 !important;
  }

  html body #public-opinion-pdfmatch .survey-all,
  html body #public-opinion-pdfmatch .survey-all a,
  html body #public-opinion-pdfmatch .survey-all .survey-all-text {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;       /* Figma 11px -> Web 14px */
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    color: #107B57 !important;
    -webkit-text-fill-color: #107B57 !important;
  }

  /* HOUSING SOCIETIES ------------------------------------ */
  html body .pdf-housing-mobile .hs-badge span {       /* Figma 11px -> Web 14px */
    font-weight: 700 !important;
  }

  html body .pdf-housing-mobile .hs-title {       /* Figma 18px -> Web 21px */
  }

  html body .pdf-housing-mobile .hs-subtitle span {       /* Figma 14px -> Web 17px */
  }

  html body .pdf-housing-mobile .hs-desc {       /* Figma 10px -> Web 13px */
    letter-spacing: 0 !important;
  }

  html body .pdf-housing-mobile .hs-card p {       /* Figma 10px -> Web 13px */
  }

  html body .pdf-housing-mobile .hs-card h3 {       /* Figma 11px -> Web 14px */
    text-transform: uppercase !important;
  }

  /* MEDIA & RESEARCH HUB --------------------------------- */
  html body .figma-media-mobile > h2 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 18px !important;       /* Figma 15px -> Web 18px */
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    color: #052945 !important;
  }

  html body .figma-media-mobile a p {
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;       /* Figma 8px -> Web 11px */
    font-weight: 300 !important;
    letter-spacing: 0 !important;
    color: #333131 !important;
  }

  /* PART OF SYEDSHAYAN.COM ------------------------------- */
  html body .syed-network-heading h2 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;       /* Figma 11px -> Web 14px */
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    color: #404040 !important;
  }

  html body .syed-network-brand {
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important;       /* Figma 12px -> Web 15px */
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    color: #043F6C !important;
  }
}


/* original line 15613 */

/* ===== FINAL 23-09 ANDROID + IPHONE MATCH OVERRIDE ===== */
@media (max-width: 767px) {

  /* VIEW ALL SURVEYS: same position, size and arrow on Android + iPhone */
  html body #public-opinion-pdfmatch .survey-all {
    width: 100% !important;
    text-align: right !important;
  }

  html body #public-opinion-pdfmatch .survey-all a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    color: #107B57 !important;
    -webkit-text-fill-color: #107B57 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  html body #public-opinion-pdfmatch .survey-all a::before,
  html body #public-opinion-pdfmatch .survey-all a::after {
    content: none !important;
    display: none !important;
  }

  html body #public-opinion-pdfmatch .survey-all .survey-all-text {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    color: #107B57 !important;
    -webkit-text-fill-color: #107B57 !important;
  }

  html body #public-opinion-pdfmatch .survey-all .survey-all-arrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    color: #107B57 !important;
    -webkit-text-fill-color: #107B57 !important;
    transform: translateY(-1px) !important;
  }

  /* HOUSING / RESEARCH SERIES typography */
  html body .pdf-housing-mobile .hs-badge {
    gap: 8px !important;
    margin-bottom: 6px !important;
  }

  html body .pdf-housing-mobile .hs-badge span {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    color: #D7A93A !important;
    -webkit-text-fill-color: #D7A93A !important;
  }

  html body .pdf-housing-mobile .hs-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 21px !important;
    font-weight: 600 !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    color: #043F6C !important;
    -webkit-text-fill-color: #043F6C !important;
  }

  html body .pdf-housing-mobile .hs-subtitle span {
    font-family: 'Poppins', sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    color: #043F6C !important;
    -webkit-text-fill-color: #043F6C !important;
  }

  html body .pdf-housing-mobile .hs-desc {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
    color: #333232 !important;
    margin-top: 8px !important;
  }

  html body .pdf-housing-mobile .hs-card p {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
    color: #D7A93A !important;
  }

  html body .pdf-housing-mobile .hs-card h3 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
    color: #043F6C !important;
  }

  html body .pdf-housing-mobile .hs-footer-link a {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    color: #D7A93A !important;
  }
}

/* Do not shrink the iPhone <=390px version differently from Android. */
@media (max-width: 390px) {
  html body #public-opinion-pdfmatch .survey-all a,
  html body #public-opinion-pdfmatch .survey-all .survey-all-text {
    font-size: 14px !important;
    font-weight: 600 !important;
  }

  html body #public-opinion-pdfmatch .survey-all .survey-all-arrow {
    width: auto !important;
    min-width: 0 !important;
    font-size: 16px !important;
  }

  html body .pdf-housing-mobile .hs-badge span {
    font-size: 14px !important;
    font-weight: 600 !important;
  }

  html body .pdf-housing-mobile .hs-title {
    font-size: 21px !important;
    font-weight: 600 !important;
  }

  html body .pdf-housing-mobile .hs-subtitle span {
    font-size: 17px !important;
    font-weight: 600 !important;
  }

  html body .pdf-housing-mobile .hs-desc {
    font-size: 13px !important;
    font-weight: 400 !important;
  }

  html body .pdf-housing-mobile .hs-card p {
    font-size: 13px !important;
    font-weight: 400 !important;
  }

  html body .pdf-housing-mobile .hs-card h3 {
    font-size: 14px !important;
    font-weight: 500 !important;
  }
}


/* original line 15802 */

/*
   Final mobile-only override.
   1) Reduces the large gap between VIEW ALL SURVEYS and Digital Library.
   2) Makes PART OF SyedShayan.com logos compact like the supplied reference.
   3) Keeps divider lines away from logos and consistent on Android + iPhone.
*/
@media (max-width: 767px) {

  /* VIEW ALL SURVEYS -> DIGITAL LIBRARY: remove the oversized mobile gap */
  html body #digital-library-pdfmatch,
  html body #digital-library-pdfmatch.digital-library-image-section {
    margin-top: 18px !important;
    top: 0 !important;
  }

  /* Keep the survey link from adding any extra space below itself. */
  html body #public-opinion-pdfmatch .survey-all {
  }

  /* PART OF SYEDSHAYAN.COM: tighter heading-to-logo spacing */
  html body .syed-network-heading {
    margin-bottom: 22px !important;
  }

  /* Three compact partner items can sit naturally across a phone viewport. */
  html body .syed-network-track .syed-network-item {
    width: 124px !important;
    min-width: 124px !important;
    flex: 0 0 124px !important;
    min-height: 106px !important;
    padding: 0 10px 4px !important;
    overflow: visible !important;
  }

  html body .syed-network-logo-box {
    height: 64px !important;
    overflow: visible !important;
  }

  /* Free Media News */
  html body .syed-network-free-media-logo {
    width: 80px !important;
    max-width: 80px !important;
    height: 48px !important;
    object-fit: contain !important;
    transform: none !important;
  }

  /* On This Date + live calendar: scale the whole combined artwork down. */
  html body .syed-network-otd-logo-box {
    height: 64px !important;
    overflow: visible !important;
  }

  html body .syed-network-otd-icon-wrap {
    position: relative !important;
    right: 0 !important;
    width: 68px !important;
    max-width: 68px !important;
    margin: 0 12px 0 0 !important;
    aspect-ratio: 1632 / 964 !important;
  }

  html body .syed-network-otd-icon {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  html body .syed-network-otd-calendar-bg {
    left: 100% !important;
    top: 50% !important;
    width: 38px !important;
    height: 50px !important;
    transform: translate(-50%, -50%) !important;
    object-fit: fill !important;
  }

  html body .syed-network-otd-live-day,
  html body .syed-network-otd-live-number,
  html body .syed-network-otd-live-month {
    left: 100% !important;
    width: 34% !important;
    padding: 0 1px !important;
  }

  html body .syed-network-otd-live-day {
    top: 35.5% !important;
    font-size: 11px !important;
  }

  html body .syed-network-otd-live-number {
    top: 54% !important;
    font-size: 11px !important;
  }

  html body .syed-network-otd-live-month {
    top: 74% !important;
    font-size: 11px !important;
  }

  /* Shehrbeen */
  html body .syed-network-shehrbeen-logo {
    width: 76px !important;
    max-width: 76px !important;
    height: 50px !important;
    object-fit: contain !important;
  }

  /* Compact URL pills, matching the smaller reference layout. */
  html body .syed-network-url-pill {
    max-width: 112px !important;
    min-height: 21px !important;
    padding: 4px 6px !important;
    font-size: 11px !important;
    line-height: 1 !important;
  }

  html body .syed-network-url-pill span {
    margin-left: 3px !important;
    font-size: 11px !important;
  }

  /*
     Divider sits at the item boundary instead of over the logo.
     Extra horizontal breathing room comes from the compact logo widths above.
  */
  html body .syed-network-track .syed-network-item::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    top: 3px !important;
    right: 0 !important;
    bottom: auto !important;

    /* Reference-style divider: thin at top/bottom, fuller in the middle */
    width: 2px !important;
    height: 90px !important;
    opacity: 1 !important;
    background: linear-gradient(
      to bottom,
      rgba(229,229,229,0) 0%,
      rgba(229,229,229,.38) 12%,
      rgba(218,218,218,.82) 36%,
      rgba(218,218,218,.95) 50%,
      rgba(218,218,218,.82) 64%,
      rgba(229,229,229,.38) 88%,
      rgba(229,229,229,0) 100%
    ) !important;
    -webkit-clip-path: polygon(50% 0, 100% 26%, 100% 74%, 50% 100%, 0 74%, 0 26%) !important;
    clip-path: polygon(50% 0, 100% 26%, 100% 74%, 50% 100%, 0 74%, 0 26%) !important;
    pointer-events: none !important;
  }

  /* No divider after the last logo. */
  html body .syed-network-track .syed-network-item:last-child::after {
    display: none !important;
  }
}

/* Keep the same partner sizing on narrow iPhones instead of shrinking again. */
@media (max-width: 390px) {
  html body .syed-network-track .syed-network-item {
    width: 124px !important;
    min-width: 124px !important;
    flex-basis: 124px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  html body .syed-network-free-media-logo {
    width: 80px !important;
    max-width: 80px !important;
    height: 48px !important;
  }

  html body .syed-network-otd-icon-wrap {
    width: 68px !important;
    max-width: 68px !important;
    right: 0 !important;
  }

  html body .syed-network-shehrbeen-logo {
    width: 76px !important;
    max-width: 76px !important;
    height: 50px !important;
  }

  html body .syed-network-url-pill {
    font-size: 11px !important;
    padding: 4px 6px !important;
  }
}


/* original line 16001 */

/*
   Desktop-only fix:
   The Digital Library artwork was being forced left by margin-left:11px.
   Keep mobile/tablet behavior unchanged and center the complete Group.png
   section on desktop.
*/
@media (min-width: 1024px) {
  html body #digital-library-pdfmatch.digital-library-image-section {
    width: 100% !important;
    max-width: 720px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body #digital-library-pdfmatch .digital-library-group-image {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    object-fit: contain !important;
  }
}


/* original line 16033 */

/*
   Figma reference:
   Keep all four mobile cards equal in height and make the LAST LINE
   of each description finish at the same vertical level.

   Important:
   - Heading/icon area stays at the top.
   - Description uses the remaining flexible space.
   - The paragraph is pushed to the bottom of that content area.
   - CTA remains directly below with the same gap in every card.
*/
@media (max-width: 767px) {

  #home-entry-cards {
    grid-auto-rows: 1fr !important;
    align-items: stretch !important;
  }

  #home-entry-cards > a {
    height: 100% !important;
  }

  #home-entry-cards > a > div {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
  }

  #home-entry-cards > a > div > .flex-grow {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }

  /* KEY FIX:
     Shorter descriptions move slightly lower, so every description
     finishes on the same horizontal/vertical ending line. */
  #home-entry-cards > a > div > .flex-grow > p {
    margin-top: auto !important;
    margin-bottom: 0 !important;
  }

  /* Do not let another auto-margin split the available space.
     Existing flex-grow padding already provides the gap above button. */
  #home-entry-cards > a > div > div:last-child {
    margin-top: 0 !important;
    flex-shrink: 0 !important;
  }
}


/* original line 16089 */

/* =========================================================
   MOBILE ONLY
   1) Research & Policy heading typography enlarged to better
      match the supplied Figma reference.
   2) Digital Library Group.png enlarged across the available
      mobile width so the ebook artwork does not leave the
      right-side/corner area looking empty.
   ========================================================= */
@media (max-width: 767px) {

  /* ---------- RESEARCH & POLICY HEADING ---------- */
  html body .research-policy-mobile-wrap .rp-heading {
    width: 100% !important;
    max-width: 335px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 18px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body .research-policy-mobile-wrap .rp-kicker {
    gap: 10px !important;
    margin-bottom: 7px !important;
    font-size: 13.5px !important;
    line-height: 1.05 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  html body .research-policy-mobile-wrap .rp-kicker span {
    width: 34px !important;
    min-width: 34px !important;
    flex-basis: 34px !important;
    height: 1.5px !important;
  }

  html body .rp-mobile .rp-heading .rp-mobile-title {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: 22px !important;
    line-height: 1.08 !important;
    font-weight: 700 !important;
    letter-spacing: -0.25px !important;
    text-align: center !important;
    color: #043E6B !important;
  }

  html body .rp-mobile .rp-heading .rp-mobile-title span {
    display: block !important;
    width: 100% !important;
    white-space: nowrap !important;
  }

  html body .rp-mobile .rp-heading .rp-mobile-evidence {
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px auto 0 !important;
    padding: 0 !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 12.5px !important;
    line-height: 1.28 !important;
    font-weight: 600 !important;
    letter-spacing: -0.08px !important;
    text-align: center !important;
    color: #262626 !important;
  }

  html body .rp-mobile .rp-heading .rp-mobile-evidence span {
    display: block !important;
    white-space: nowrap !important;
  }

  /* ---------- DIGITAL LIBRARY ----------
     Group.png is the complete supplied artwork, so enlarging
     its section enlarges the ebook artwork proportionally too.
     The clickable Explore Ebooks overlay remains aligned because
     it is positioned relative to this same section.
  */
  html body #digital-library-pdfmatch.digital-library-image-section {
    position: relative !important;
    max-width: none !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body #digital-library-pdfmatch .digital-library-group-image {
  }
}

/* Most Android/mobile widths: bring the artwork close to viewport edges. */
@media (min-width: 421px) and (max-width: 700px) {
  html body #digital-library-pdfmatch.digital-library-image-section {
    width: calc(100% + 28px) !important;
    margin-left: -14px !important;
    margin-right: -14px !important;
  }
}

/* iPhone / narrow mobile: same Figma-like edge fill. */
@media (max-width: 420px) {
  html body #digital-library-pdfmatch.digital-library-image-section {
    width: calc(100% + 20px) !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
  }

  html body .research-policy-mobile-wrap .rp-heading {
    max-width: 330px !important;
  }

  html body .research-policy-mobile-wrap .rp-kicker {
    font-size: 13px !important;
  }

  html body .rp-mobile .rp-heading .rp-mobile-title {
    font-size: 21.5px !important;
    line-height: 1.08 !important;
  }

  html body .rp-mobile .rp-heading .rp-mobile-evidence {
    font-size: 12px !important;
    line-height: 1.28 !important;
  }
}

/* Keep narrow iPhones consistent; override the older 24.8px rule. */
@media (max-width: 380px) {
  html body .rp-mobile .rp-heading .rp-mobile-title {
    font-size: 21px !important;
    letter-spacing: -0.2px !important;
  }

  html body .rp-mobile .rp-heading .rp-mobile-evidence {
    font-size: 11.7px !important;
  }
}


/* original line 16239 */

@media (max-width: 767px) {

  /* PUBLIC OPINION — tighten the text/button stack like the Figma reference */
  html body #public-opinion-pdfmatch .survey-copy {
    margin-bottom: 8px !important;
  }

  html body #public-opinion-pdfmatch .survey-method {
    margin: 4px 0 0 !important;
  }

  /* Methodology button: move upward and make it thinner */
  html body #public-opinion-pdfmatch .survey-button {
    width: max-content !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 24px !important;
    margin-top: 8px !important;
    padding: 4px 8px !important;
    gap: 3px !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }

  html body #public-opinion-pdfmatch .survey-button .survey-button-arrow {
    width: 13px !important;
    min-width: 13px !important;
    margin: 0 0 0 1px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    transform: translateY(-1px) !important;
  }

  /* Pull everything below the button upward */
  html body #public-opinion-pdfmatch .how {
    margin-top: 20px !important;
    margin-bottom: 10px !important;
  }

  html body #public-opinion-pdfmatch .steps {
    gap: 3px !important;
    align-items: stretch !important;
  }

  html body #public-opinion-pdfmatch .step {
    height: 100px !important;
    min-height: 100px !important;
    padding: 6px 5px 6px !important;
    border: 1px solid #dedede !important;
    border-radius: 6px !important;
    box-shadow: none !important;
  }

  html body #public-opinion-pdfmatch .step .num {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    line-height: 18px !important;
    font-size: 11px !important;
  }

  html body #public-opinion-pdfmatch .step img {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
  }

  html body #public-opinion-pdfmatch .step h3 {
    margin: 6px 0 2px !important;
    font-size: 11px !important;
    line-height: 1.02 !important;
  }

  html body #public-opinion-pdfmatch .step p {
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.08 !important;
  }

  html body #public-opinion-pdfmatch .survey-all {
    margin-top: 15px !important;
    margin-bottom: 0 !important;
  }

  /* DIGITAL LIBRARY
     Make Group.png larger and crop the unused right-side white area,
     matching the supplied Figma composition more closely. */
  html body #digital-library-pdfmatch,
  html body #digital-library-pdfmatch.digital-library-image-section {
    width: 100vw !important;
    margin-top: 14px !important;
    margin-left: calc(50% - 50vw) !important;
    background: #fff !important;
  }

  html body #digital-library-pdfmatch .digital-library-group-image {
    width: 104% !important;
    max-width: none !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
  }

  /* Keep the invisible Explore Ebooks link aligned with centered Group.png */
  html body #digital-library-pdfmatch .digital-library-explore-hitbox {
    left: calc(-2% + 3.69%) !important;
    width: 33.33% !important;
  }
}

@media (max-width: 390px) {
  html body #public-opinion-pdfmatch .survey-button {
    height: 23px !important;
    padding: 4px 7px !important;
    font-size: 11px !important;
  }

  html body #public-opinion-pdfmatch .how {
    margin-top: 18px !important;
  }

  html body #public-opinion-pdfmatch .step {
    height: 98px !important;
    min-height: 98px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  html body #digital-library-pdfmatch .digital-library-group-image {
    width: 104% !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
  }

  html body #digital-library-pdfmatch .digital-library-explore-hitbox {
    left: calc(-2% + 3.69%) !important;
    width: 33.33% !important;
  }
}


/* original line 16402 */

@media (max-width: 767px) {

  /*
    Reference target:
    - 2 complete cards visible together
    - same card height
    - title always uses the same 2-line block
    - body copy wraps compactly to about 4–5 lines
    - chips and CTA stay on exactly the same horizontal level
  */

  html body .research-policy-mobile-wrap {
  }

  html body .rp-mobile.rp-paged-slider {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-pages {
    display: flex !important;
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-pages::-webkit-scrollbar {
    display: none !important;
  }

  /* Exactly two complete cards in the viewport. */
  html body .rp-mobile.rp-paged-slider .rp-page {
    flex: 0 0 calc((100% - 5px) / 2) !important;
    width: calc((100% - 5px) / 2) !important;
    min-width: calc((100% - 5px) / 2) !important;
    max-width: calc((100% - 5px) / 2) !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }

  /* Spacer keeps the last card swipeable without changing card width. */
  html body .rp-mobile.rp-paged-slider .rp-pages::after {
    content: "" !important;
    display: block !important;
    flex: 0 0 calc((100% - 5px) / 2) !important;
    width: calc((100% - 5px) / 2) !important;
    min-width: calc((100% - 5px) / 2) !important;
  }

  /* SAME outer size for all five cards. */
  html body .rp-mobile.rp-paged-slider .rp-page .rp-card,
  html body .rp-mobile.rp-paged-slider .rp-card,
  html body .rp-mobile.rp-paged-slider .rp-reference-card {
    min-width: 0 !important;
  }

  /* Category row starts at the same level on every card. */
  html body .rp-mobile.rp-paged-slider .rp-card-label {
    box-sizing: border-box !important;
    text-align: left !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-card-label > span {
    font-weight: 500 !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-icon,
  html body .rp-mobile.rp-paged-slider .rp-energy-icon,
  html body .rp-mobile.rp-paged-slider .rp-map-icon,
  html body .rp-mobile.rp-paged-slider .rp-water-icon {
  }

  html body .rp-mobile.rp-paged-slider .rp-icon img,
  html body .rp-mobile.rp-paged-slider .rp-energy-icon img,
  html body .rp-mobile.rp-paged-slider .rp-map-icon img,
  html body .rp-mobile.rp-paged-slider .rp-water-icon img {
    display: block !important;
  }

  /* Every title occupies exactly the same 2-line block. */
  html body .rp-mobile.rp-paged-slider .rp-card h3,
  html body .rp-mobile.rp-paged-slider .rp-reference-card h3 {
    margin: 5px 0 4px !important;
  }

  /*
    Key change requested:
    compact body copy like the reference image.
    The narrower font + line-height makes the descriptions sit at
    roughly 4–5 lines instead of the oversized 7–9 line mobile wrap.
  */
  html body .rp-mobile.rp-paged-slider .rp-card > p,
  html body .rp-mobile.rp-paged-slider .rp-reference-card > p {
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
    margin: 0 0 6px !important;
    line-height: 1.28 !important;
    font-weight: 400 !important;
  }

  /* Chips always appear at the same vertical level. */
  html body .rp-mobile.rp-paged-slider .rp-tags,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-feature-tags {
    margin: auto 0 6px !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-tags span,
  html body .rp-mobile.rp-paged-slider .rp-feature-tags span,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags span {
  }

  /* Long Corruption / Mineral pills stay on one line. */
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-feature-tags span {
  }

  /* All CTA buttons line up and remain fully inside each half-width card. */
  html body .rp-mobile.rp-paged-slider .rp-btn,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-btn {
    flex: 0 0 28px !important;
    font-weight: 600 !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-btn b {
    flex: 0 0 auto !important;
    font-size: 15px !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-controls {
    margin-top: 3px !important;
  }
}

/* Narrow iPhone: KEEP two complete cards and the same 4–5-line text rhythm. */
@media (max-width: 390px) {

  html body .research-policy-mobile-wrap {
  }

  html body .rp-mobile.rp-paged-slider .rp-pages {
  }

  html body .rp-mobile.rp-paged-slider .rp-page,
  html body .rp-mobile.rp-paged-slider .rp-pages::after {
  }

  html body .rp-mobile.rp-paged-slider .rp-page .rp-card,
  html body .rp-mobile.rp-paged-slider .rp-card,
  html body .rp-mobile.rp-paged-slider .rp-reference-card {
    height: 244px !important;
    min-height: 244px !important;
    max-height: 244px !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-card-label > span {
  }

  html body .rp-mobile.rp-paged-slider .rp-card h3,
  html body .rp-mobile.rp-paged-slider .rp-reference-card h3 {
    font-size: 13px !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-card > p,
  html body .rp-mobile.rp-paged-slider .rp-reference-card > p {
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
    line-height: 1.27 !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-tags span,
  html body .rp-mobile.rp-paged-slider .rp-feature-tags span,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags span {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-feature-tags span {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-btn,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-btn {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }
}


/* original line 16730 */

@media (max-width: 767px) {

  /* Keep exactly two complete cards visible. */
  html body .research-policy-mobile-wrap {
  }

  html body .rp-mobile.rp-paged-slider .rp-pages {
  }

  html body .rp-mobile.rp-paged-slider .rp-page,
  html body .rp-mobile.rp-paged-slider .rp-pages::after {
    flex-basis: calc((100% - 5px) / 2) !important;
  }

  /* Same compact height for every card, with content filling the space. */
  html body .rp-mobile.rp-paged-slider .rp-page .rp-card,
  html body .rp-mobile.rp-paged-slider .rp-card,
  html body .rp-mobile.rp-paged-slider .rp-reference-card {
    height: 232px !important;
    min-height: 232px !important;
    max-height: 232px !important;
    padding: 8px 7px 7px !important;
    display: flex !important;
    flex-direction: column !important;
  }

  /* Category row: larger and slightly bolder. */
  html body .rp-mobile.rp-paged-slider .rp-card-label {
    flex: 0 0 36px !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-card-label > span {
  }

  /* Keep icons proportionate to the stronger typography. */
  html body .rp-mobile.rp-paged-slider .rp-icon,
  html body .rp-mobile.rp-paged-slider .rp-energy-icon,
  html body .rp-mobile.rp-paged-slider .rp-map-icon,
  html body .rp-mobile.rp-paged-slider .rp-water-icon {
    width: 31px !important;
    height: 31px !important;
    min-width: 31px !important;
    min-height: 31px !important;
    flex: 0 0 31px !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-icon img,
  html body .rp-mobile.rp-paged-slider .rp-energy-icon img,
  html body .rp-mobile.rp-paged-slider .rp-map-icon img,
  html body .rp-mobile.rp-paged-slider .rp-water-icon img {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
  }

  /* Main titles stay aligned in the same two-line area. */
  html body .rp-mobile.rp-paged-slider .rp-card h3,
  html body .rp-mobile.rp-paged-slider .rp-reference-card h3 {
    box-sizing: border-box !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 4px 0 4px !important;
    font-size: 15.5px !important;
    line-height: 1.04 !important;
    letter-spacing: -0.14px !important;
  }

  /*
    Bigger readable body copy:
    - increased from the tiny 8.x px size
    - medium weight for readability
    - fixed text area creates roughly 4–5 lines
    - no large artificial white gap below the paragraph
  */
  html body .rp-mobile.rp-paged-slider .rp-card > p,
  html body .rp-mobile.rp-paged-slider .rp-reference-card > p {
    box-sizing: border-box !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    margin: 0 0 5px !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    letter-spacing: -0.06px !important;
  }

  /*
    IMPORTANT: remove margin-top:auto.
    That old auto margin was creating the large empty white area.
  */
  html body .rp-mobile.rp-paged-slider .rp-tags,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-feature-tags {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    flex: 0 0 20px !important;
    margin: 0 0 5px !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 3px !important;
    overflow: hidden !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-tags span,
  html body .rp-mobile.rp-paged-slider .rp-feature-tags span,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags span {
    padding: 0 4px !important;
    display: inline-flex !important;
  }

  /* Long reference-card chips need only a tiny reduction to remain single-line. */
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-feature-tags span {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  /* CTA text also made more readable while keeping all buttons aligned. */
  html body .rp-mobile.rp-paged-slider .rp-btn,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-btn {
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    flex: 0 0 30px !important;
    gap: 3px !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-btn b {
    font-size: 16px !important;
    line-height: 1 !important;
  }
}

/* iPhone / narrow mobile: retain the same readable scale and two-card layout. */
@media (max-width: 390px) {

  html body .research-policy-mobile-wrap {
  }

  html body .rp-mobile.rp-paged-slider .rp-pages {
  }

  html body .rp-mobile.rp-paged-slider .rp-page,
  html body .rp-mobile.rp-paged-slider .rp-pages::after {
  }

  html body .rp-mobile.rp-paged-slider .rp-page .rp-card,
  html body .rp-mobile.rp-paged-slider .rp-card,
  html body .rp-mobile.rp-paged-slider .rp-reference-card {
    height: 232px !important;
    min-height: 232px !important;
    max-height: 232px !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-card-label > span {
    font-size: 11px !important;
    font-weight: 600 !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-card h3,
  html body .rp-mobile.rp-paged-slider .rp-reference-card h3 {
    font-size: 15px !important;
    font-weight: 800 !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-card > p,
  html body .rp-mobile.rp-paged-slider .rp-reference-card > p {
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-tags span,
  html body .rp-mobile.rp-paged-slider .rp-feature-tags span,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags span {
    font-weight: 700 !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-feature-tags span {
  }

  html body .rp-mobile.rp-paged-slider .rp-btn,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-btn {
    font-size: 11px !important;
    font-weight: 700 !important;
  }
}


/* original line 17000 */

@media (max-width: 767px) {

  /* Light-blue boxes: slightly taller + larger/bolder text. */
  html body .rp-mobile.rp-paged-slider .rp-tags,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-feature-tags {
    height: 23px !important;
    min-height: 23px !important;
    max-height: 23px !important;
    flex: 0 0 23px !important;
    margin-bottom: 5px !important;
    gap: 4px !important;
    overflow: visible !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-tags span,
  html body .rp-mobile.rp-paged-slider .rp-feature-tags span,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags span {
    height: 22px !important;
    min-height: 22px !important;
    padding: 0 5px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: -0.05px !important;
  }

  /* Longer feature pills remain readable without wrapping. */
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-feature-tags span {
    font-size: 11px !important;
    font-weight: 800 !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  /*
    CTA arrow:
    Android/Chromium can render the text-arrow slightly above center.
    Make the arrow its own centered flex box, then nudge it 1px down.
  */
  html body .rp-mobile.rp-paged-slider .rp-btn b,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-btn b {
    position: relative !important;
    top: 1px !important;
  }

  /* Keep the CTA text itself vertically centered. */
  html body .rp-mobile.rp-paged-slider .rp-btn,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-btn {
  }
}

/* iPhone/iOS: keep the arrow at its current correct position. */
@supports (-webkit-touch-callout: none) {
  @media (max-width: 767px) {
    html body .rp-mobile.rp-paged-slider .rp-btn b,
    html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-btn b {
      top: 0 !important;
    }
  }
}

/* Very narrow iPhones: keep pill text readable without making the boxes oversized. */
@media (max-width: 390px) {
  html body .rp-mobile.rp-paged-slider .rp-tags span,
  html body .rp-mobile.rp-paged-slider .rp-feature-tags span,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags span {
    font-size: 11px !important;
    font-weight: 800 !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-feature-tags span {
    font-size: 11px !important;
  }
}


/* original line 17092 */

@media (max-width: 767px) {

  /*
    Match the supplied reference:
    keep a small, equal white gutter on BOTH sides of the complete
    Digital Library artwork instead of stretching/cropping it edge-to-edge.
  */
  html body #digital-library-pdfmatch,
  html body #digital-library-pdfmatch.digital-library-image-section {
    width: calc(100vw - 24px) !important;

    /* 12px visible space from left + 12px from right */
    margin-left: calc(50% - 50vw + 12px) !important;
  }

  /* Show the COMPLETE artwork, centered, without 104% oversizing/cropping. */
  html body #digital-library-pdfmatch .digital-library-group-image {
  }

  /* Re-align the invisible Explore Ebooks link to the original Group.png proportions. */
  html body #digital-library-pdfmatch .digital-library-explore-hitbox {
  }
}

/* Keep exactly the same balanced spacing on narrow iPhones too. */
@media (max-width: 390px) {
  html body #digital-library-pdfmatch,
  html body #digital-library-pdfmatch.digital-library-image-section {
    width: calc(100vw - 24px) !important;
    margin-left: calc(50% - 50vw + 12px) !important;
  }

  html body #digital-library-pdfmatch .digital-library-group-image {
    left: auto !important;
  }

  html body #digital-library-pdfmatch .digital-library-explore-hitbox {
  }
}


/* original line 17166 */

@media (max-width: 767px) {

  /*
    Final mobile adjustment:
    - artwork is slightly larger than before
    - exact visual centering
    - equal small left/right gutters
  */
  html body #digital-library-pdfmatch,
  html body #digital-library-pdfmatch.digital-library-image-section {
    position: relative !important;

    /* 8px space on both sides */

    /* exact center */
    background: #ffffff !important;
  }

  html body #digital-library-pdfmatch .digital-library-group-image {

    position: static !important;
    left: auto !important;
  }

  /* Keep Explore Ebooks clickable area aligned with Group.png */
  html body #digital-library-pdfmatch .digital-library-explore-hitbox {
    left: 3.55% !important;
  }
}

/* Same exact centering on narrow iPhones */
@media (max-width: 390px) {
  html body #digital-library-pdfmatch,
  html body #digital-library-pdfmatch.digital-library-image-section {
    width: calc(100vw - 16px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html body #digital-library-pdfmatch .digital-library-group-image {
    width: 100% !important;
    margin: 0 auto !important;
    transform: none !important;
  }

  html body #digital-library-pdfmatch .digital-library-explore-hitbox {
    left: 3.55% !important;
    width: 32.05% !important;
  }
}


/* original line 17246 */

@media (max-width: 767px) {

  /*
    The outer section was mathematically centered already.
    The supplied Group.png artwork itself has slightly more visual white
    space on the right, so shift the ARTWORK a little to the right.
  */
  html body #digital-library-pdfmatch,
  html body #digital-library-pdfmatch.digital-library-image-section {
    width: calc(100vw - 16px) !important;
    max-width: none !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body #digital-library-pdfmatch .digital-library-group-image {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;

    /* visual centering correction */
    position: relative !important;
    left: 9px !important;
    right: auto !important;
    transform: none !important;

    margin: 0 auto !important;
    object-fit: contain !important;
  }

  /* Move invisible Explore Ebooks link with the artwork */
  html body #digital-library-pdfmatch .digital-library-explore-hitbox {
    left: calc(3.55% + 9px) !important;
    top: 66.05% !important;
    width: 32.05% !important;
    height: 9.15% !important;
  }
}

/* Same correction for narrow iPhones */
@media (max-width: 390px) {
  html body #digital-library-pdfmatch .digital-library-group-image {
    left: 9px !important;
  }

  html body #digital-library-pdfmatch .digital-library-explore-hitbox {
    left: calc(3.55% + 9px) !important;
  }
}


/* original line 17306 */

/* Keep desktop and tablet layout same, only improve visual scale/readability */
body .syed-network-heading-top {
  gap: 18px !important;
}

body .syed-network-heading-line {
  width: 64px !important;
  height: 3px !important;
  flex: 0 0 64px !important;
  background: #C99A28 !important;
  border-radius: 999px !important;
}

body .syed-network-heading h2 {
  color: #3a3a3a !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  letter-spacing: .2px !important;
}

body .syed-network-brand {
  margin-top: 9px !important;
  font-size: 28px !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
}

body .syed-network-item {
  min-height: 164px !important;
  padding: 0 14px 6px !important;
}

body .syed-network-item-middle::before,
body .syed-network-item-middle::after {
  width: 1px !important;
  background: #dedede !important;
}

body .syed-network-logo-box {
  height: 104px !important;
}

body .syed-network-free-media-logo {
  width: 176px !important;
  max-width: 100% !important;
  height: 92px !important;
}

body .syed-network-otd-combo {
  gap: 7px !important;
}

body .syed-network-otd-logo {
  width: 108px !important;
  height: 86px !important;
}

body .syed-network-calendar {
  width: 58px !important;
  height: 78px !important;
  flex: 0 0 58px !important;
}

body .syed-network-calendar-day {
  top: 20% !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

body .syed-network-calendar-number {
  top: 39% !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}

body .syed-network-calendar-month {
  bottom: 17% !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

body .syed-network-shehrbeen-logo {
  width: 142px !important;
  max-width: 100% !important;
  height: 92px !important;
}

body .syed-network-url-pill {
  min-height: 32px !important;
  padding: 6px 13px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  color: #2c2c2c !important;
}

body .syed-network-url-pill span {
  margin-left: 4px !important;
  color: #C99A28 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

@media (max-width: 700px) {
  body .syed-network-heading-top {
    gap: 14px !important;
  }

  body .syed-network-heading-line {
    width: 54px !important;
    height: 3px !important;
    flex-basis: 54px !important;
  }

  body .syed-network-heading h2 {
    font-size: 20px !important;
  }

  body .syed-network-brand {
    font-size: 24px !important;
  }

  body .syed-network-item {
    min-height: 146px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-bottom: 4px !important;
  }

  body .syed-network-logo-box {
    height: 92px !important;
  }

  body .syed-network-free-media-logo {
    width: 154px !important;
    height: 80px !important;
  }

  body .syed-network-otd-combo {
    gap: 5px !important;
  }

  body .syed-network-otd-logo {
    width: 90px !important;
    height: 74px !important;
  }

  body .syed-network-calendar {
    width: 50px !important;
    height: 68px !important;
    flex-basis: 50px !important;
  }

  body .syed-network-calendar-day,
  body .syed-network-calendar-month {
    font-size: 11px !important;
  }

  body .syed-network-calendar-number {
    font-size: 16px !important;
  }

  body .syed-network-shehrbeen-logo {
    width: 126px !important;
    height: 80px !important;
  }

  body .syed-network-url-pill {
    min-height: 29px !important;
    padding: 5px 10px !important;
    font-size: clamp(11px, 2.15vw, 12px) !important;
    font-weight: 600 !important;
  }

  body .syed-network-url-pill span {
    font-size: 15px !important;
  }
}

@media (max-width: 420px) {
  body .syed-network-section {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  body .syed-network-heading-top {
    gap: 10px !important;
  }

  body .syed-network-heading-line {
    width: 42px !important;
    height: 2.5px !important;
    flex-basis: 42px !important;
  }

  body .syed-network-heading h2 {
    font-size: 17px !important;
  }

  body .syed-network-brand {
    font-size: 21px !important;
  }

  body .syed-network-item {
    min-height: 128px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    padding-bottom: 3px !important;
  }

  body .syed-network-logo-box {
    height: 78px !important;
  }

  body .syed-network-free-media-logo {
    width: 118px !important;
    height: 66px !important;
  }

  body .syed-network-otd-combo {
    gap: 3px !important;
  }

  body .syed-network-otd-logo {
    width: 70px !important;
    height: 60px !important;
  }

  body .syed-network-calendar {
    width: 38px !important;
    height: 54px !important;
    flex-basis: 38px !important;
  }

  body .syed-network-calendar-day,
  body .syed-network-calendar-month {
    font-size: 11px !important;
  }

  body .syed-network-calendar-number {
    font-size: 12px !important;
  }

  body .syed-network-shehrbeen-logo {
    width: 98px !important;
    height: 66px !important;
  }

  body .syed-network-url-pill {
    min-height: 24px !important;
    padding: 4px 6px !important;
  }

  body .syed-network-url-pill span {
    font-size: 13px !important;
  }
}


/* original line 17571 */

/*
  Typography QA rule:
  No visible page text should render below 11px.
  Existing larger typography is preserved.
*/
small {
  font-size: 11px !important;
}

/* Slightly stronger card typography for readability */
#home-entry-cards .home-entry-copy,
#home-entry-cards .home-entry-card p,
.rp-card > p,
.rp-reference-card > p,
#public-opinion-pdfmatch .step p,
.pdfmatch .step p,
.hs-card p,
.hs-glass-card p,
.news-card p,
.mobile-zameeni-card p {
  font-weight: 500 !important;
}

#home-entry-cards .home-entry-title,
.rp-card-label,
.rp-card-label > span,
#public-opinion-pdfmatch .step h3,
.pdfmatch .step h3,
.hs-card h3,
.hs-glass-card h3,
.news-card h3,
.mobile-zameeni-card h3 {
  font-weight: 700 !important;
}

.rp-tags span,
.rp-feature-tags span,
.rp-btn,
#home-entry-cards .home-entry-button {
  font-weight: 700 !important;
}

/* Partner URLs: explicitly keep them at least 11px on small phones */
@media (max-width: 420px) {
  body .syed-network-url-pill {
    font-size: 11px !important;
    font-weight: 600 !important;
  }
}


/* original line 17625 */

/*
  Final mobile override for the Research & Policy slider.
  - Slightly taller cards so the full description is visible.
  - Keeps all cards the same height.
  - Light-blue pills use a smaller font and a 2-column grid so they can never overlap.
  - iPhone/Safari text auto-scaling is disabled only for these pills.
*/
@media (max-width: 767px) {

  /* Slight card-height increase: 248px -> 290px */
  html body .rp-mobile.rp-paged-slider .rp-page .rp-card,
  html body .rp-mobile.rp-paged-slider .rp-card,
  html body .rp-mobile.rp-paged-slider .rp-reference-card {
    height: 290px !important;
    min-height: 290px !important;
    max-height: 290px !important;
  }

  /* Give the description enough fixed space so every card stays aligned. */
  html body .rp-mobile.rp-paged-slider .rp-card > p,
  html body .rp-mobile.rp-paged-slider .rp-reference-card > p {
    height: 102px !important;
    min-height: 102px !important;
    max-height: 102px !important;
    overflow: hidden !important;
  }

  /* Two pills always remain INSIDE their own card. */
  html body .rp-mobile.rp-paged-slider .rp-tags,
  html body .rp-mobile.rp-paged-slider .rp-feature-tags,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-feature-tags {
    max-width: 100% !important;
    column-gap: 2px !important;
    row-gap: 0 !important;
    margin: auto 0 6px !important;
    -webkit-text-size-adjust: none !important;
    text-size-adjust: none !important;
  }

  /* Normal blue pill text. */
  html body .rp-mobile.rp-paged-slider .rp-tags span,
  html body .rp-mobile.rp-paged-slider .rp-feature-tags span,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags span {
  }

  /* The longest four labels need a little extra reduction. */
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-feature-tags span {
  }
}

/* Narrow iPhone / small Android phones. */
@media (max-width: 390px) {
  html body .rp-mobile.rp-paged-slider .rp-page .rp-card,
  html body .rp-mobile.rp-paged-slider .rp-card,
  html body .rp-mobile.rp-paged-slider .rp-reference-card {
    height: 294px !important;
    min-height: 294px !important;
    max-height: 294px !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-card > p,
  html body .rp-mobile.rp-paged-slider .rp-reference-card > p {
    height: 106px !important;
    min-height: 106px !important;
    max-height: 106px !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-tags,
  html body .rp-mobile.rp-paged-slider .rp-feature-tags,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-feature-tags {
    column-gap: 1px !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-tags span,
  html body .rp-mobile.rp-paged-slider .rp-feature-tags span,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags span {
    letter-spacing: -0.2px !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-feature-tags span {
  }
}


/* original line 17753 */

@media (max-width: 767px) {
  /*
    Remove the artificial fixed paragraph/card heights that created the large
    white gap. Content now flows naturally, while the card remains compact.
  */
  html body .rp-mobile.rp-paged-slider .rp-page .rp-card,
  html body .rp-mobile.rp-paged-slider .rp-card,
  html body .rp-mobile.rp-paged-slider .rp-reference-card {
    height: auto !important;
    min-height: 238px !important;
    max-height: none !important;
    justify-content: flex-start !important;
  }

  /* Keep heading block compact. */
  html body .rp-mobile.rp-paged-slider .rp-card h3,
  html body .rp-mobile.rp-paged-slider .rp-reference-card h3 {
    height: auto !important;
    min-height: 30px !important;
    max-height: none !important;
    margin: 5px 0 5px !important;
    line-height: 1.02 !important;
  }

  /* Full description, approximately 4–5 lines on common phones. */
  html body .rp-mobile.rp-paged-slider .rp-card > p,
  html body .rp-mobile.rp-paged-slider .rp-reference-card > p {
    height: auto !important;
    margin: 0 0 7px !important;
    letter-spacing: -0.12px !important;
  }

  /* IMPORTANT: no margin:auto here — that was the cause of the empty space. */
  html body .rp-mobile.rp-paged-slider .rp-tags,
  html body .rp-mobile.rp-paged-slider .rp-feature-tags,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-feature-tags {
    flex: 0 0 20px !important;
    margin: 0 0 6px !important;
    gap: 2px !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-tags span,
  html body .rp-mobile.rp-paged-slider .rp-feature-tags span,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags span {
    height: 18px !important;
    min-height: 18px !important;
    letter-spacing: -0.18px !important;
  }

  /* Long corruption/mineral labels stay fully inside their own pill. */
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-feature-tags span {
    font-size: 7px !important;
    letter-spacing: -0.22px !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-btn,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-btn {
  }
}

@media (max-width: 390px) {
  html body .rp-mobile.rp-paged-slider .rp-page .rp-card,
  html body .rp-mobile.rp-paged-slider .rp-card,
  html body .rp-mobile.rp-paged-slider .rp-reference-card {
    min-height: 235px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-card > p,
  html body .rp-mobile.rp-paged-slider .rp-reference-card > p {
    font-size: 9.2px !important;
    line-height: 1.17 !important;
    letter-spacing: -0.14px !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-tags span,
  html body .rp-mobile.rp-paged-slider .rp-feature-tags span,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags span {
  }

  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-feature-tags span {
    font-size: 6.5px !important;
    letter-spacing: -0.24px !important;
  }
}


/* original line 17886 */

@media (max-width: 767px) {
  /* Keep exactly two complete cards visible, like the supplied reference. */
  html body .research-policy-mobile-wrap {
    padding-left: 6px !important;
    padding-right: 6px !important;
    overflow: hidden !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-pages {
    gap: 5px !important;
    align-items: flex-start !important; /* prevents tallest card from stretching every card */
    padding: 1px 0 7px !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-page,
  html body .rp-mobile.rp-paged-slider .rp-pages::after {
    flex: 0 0 calc((100% - 5px) / 2) !important;
    width: calc((100% - 5px) / 2) !important;
    min-width: calc((100% - 5px) / 2) !important;
    max-width: calc((100% - 5px) / 2) !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-page {
    height: 248px !important;
    min-height: 248px !important;
    max-height: 248px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    align-self: flex-start !important;
  }

  /* Exact compact card rhythm: label -> title -> copy -> pills -> CTA. */
  html body .rp-mobile.rp-paged-slider .rp-page .rp-card,
  html body .rp-mobile.rp-paged-slider .rp-card,
  html body .rp-mobile.rp-paged-slider .rp-reference-card {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 248px !important;
    min-height: 248px !important;
    max-height: 248px !important;
    padding: 9px 7px 8px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-rows: 36px 34px minmax(0, 1fr) 20px 28px !important;
    row-gap: 4px !important;
    align-content: stretch !important;
    border-radius: 11px !important;
    overflow: hidden !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-card-label {
    width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 5px !important;
    display: flex !important;
    align-items: center !important;
    align-self: start !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-card-label > span {
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.12 !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-icon,
  html body .rp-mobile.rp-paged-slider .rp-energy-icon,
  html body .rp-mobile.rp-paged-slider .rp-map-icon,
  html body .rp-mobile.rp-paged-slider .rp-water-icon {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    flex: 0 0 30px !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-icon img,
  html body .rp-mobile.rp-paged-slider .rp-energy-icon img,
  html body .rp-mobile.rp-paged-slider .rp-map-icon img,
  html body .rp-mobile.rp-paged-slider .rp-water-icon img {
    width: 27px !important;
    height: 27px !important;
    min-width: 27px !important;
    max-width: 27px !important;
    max-height: 27px !important;
    object-fit: contain !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-card h3,
  html body .rp-mobile.rp-paged-slider .rp-reference-card h3 {
    width: 100% !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: start !important;
    color: #043E6B !important;
    font-size: 13.5px !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
    letter-spacing: -0.12px !important;
    text-align: left !important;
    overflow: hidden !important;
  }

  /* Full copy stays inside the card. The row itself absorbs the small height difference. */
  html body .rp-mobile.rp-paged-slider .rp-card > p,
  html body .rp-mobile.rp-paged-slider .rp-reference-card > p {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: start !important;
    color: #282724 !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 9.6px !important;
    line-height: 1.18 !important;
    font-weight: 500 !important;
    text-align: left !important;
    overflow: visible !important;
  }

  /* Longer Corruption/Mineral descriptions get a tiny reduction so all copy remains visible. */
  html body .rp-mobile.rp-paged-slider .rp-reference-card > p {
    font-size: 8.7px !important;
    line-height: 1.15 !important;
    letter-spacing: -0.1px !important;
  }

  /* Sky-blue boxes: two equal columns, no overlap. */
  html body .rp-mobile.rp-paged-slider .rp-tags,
  html body .rp-mobile.rp-paged-slider .rp-feature-tags,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-feature-tags {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: center !important;
    gap: 3px !important;
    overflow: hidden !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-tags span,
  html body .rp-mobile.rp-paged-slider .rp-feature-tags span,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags span {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 19px !important;
    min-height: 19px !important;
    margin: 0 !important;
    padding: 0 2px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: -0.12px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    -webkit-text-size-adjust: none !important;
    text-size-adjust: none !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-feature-tags span {
    font-size: 7.2px !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
    letter-spacing: -0.18px !important;
  }

  /* Button is the last grid row, so there can be no large empty area under it. */
  html body .rp-mobile.rp-paged-slider .rp-btn,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-btn {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    margin: 0 !important;
    padding: 0 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: end !important;
    gap: 2px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: -0.1px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-btn b,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-btn b {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 1 !important;
  }
}

@media (max-width: 390px) {
  html body .research-policy-mobile-wrap {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-pages {
    gap: 4px !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-page,
  html body .rp-mobile.rp-paged-slider .rp-pages::after {
    flex-basis: calc((100% - 4px) / 2) !important;
    width: calc((100% - 4px) / 2) !important;
    min-width: calc((100% - 4px) / 2) !important;
    max-width: calc((100% - 4px) / 2) !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-page,
  html body .rp-mobile.rp-paged-slider .rp-page .rp-card,
  html body .rp-mobile.rp-paged-slider .rp-card,
  html body .rp-mobile.rp-paged-slider .rp-reference-card {
    height: 246px !important;
    min-height: 246px !important;
    max-height: 246px !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-card,
  html body .rp-mobile.rp-paged-slider .rp-reference-card {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-card > p {
    font-size: 9.2px !important;
    line-height: 1.17 !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-reference-card > p {
    font-size: 8.35px !important;
    line-height: 1.14 !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-tags span,
  html body .rp-mobile.rp-paged-slider .rp-feature-tags span,
  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-tags span {
    font-size: 8px !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-reference-card .rp-feature-tags span {
    font-size: 6.8px !important;
  }
}


/* original line 18177 */

/* ===== 24-09 ONLY CARD DESCRIPTION TEXT WRAP FIX =====
   Only the paragraph typography is adjusted. Card size, buttons,
   pills, icons and spacing remain unchanged. */
@media (max-width: 767px) {
  html body .rp-mobile.rp-paged-slider .rp-card > p,
  html body .rp-mobile.rp-paged-slider .rp-reference-card > p {
    font-size: 12.5px !important;
    line-height: 1.48 !important;
    letter-spacing: -0.08px !important;
  }

  /* Longer Corruption / Mineral copy: keep all text inside the same card. */
  html body .rp-mobile.rp-paged-slider .rp-reference-card > p {
    font-size: 9.2px !important;
    line-height: 1.20 !important;
  }
}

@media (max-width: 390px) {
  html body .rp-mobile.rp-paged-slider .rp-card > p {
    font-size: 12px !important;
    line-height: 1.48 !important;
  }

  html body .rp-mobile.rp-paged-slider .rp-reference-card > p {
    font-size: 8.9px !important;
    line-height: 1.18 !important;
  }
}


/* original line 18212 */

/* Only description text of cards 3, 4 and 5 is changed.
   Card height, title, icons, pills, buttons and spacing remain untouched. */
@media (max-width: 767px) {

  /* CARD 3 — WATER SECURITY: ~6 lines */
  html body .rp-mobile.rp-paged-slider
  .rp-page[data-rp-page="2"] .rp-card > p {
    font-size: 13px !important;
    line-height: 1.22 !important;
    letter-spacing: -0.08px !important;
  }

  /* CARD 4 — CORRUPTION & INTEGRITY: ~6–7 lines */
  html body .rp-mobile.rp-paged-slider
  .rp-page[data-rp-page="3"] .rp-card > p {
    font-size: 10.4px !important;
    line-height: 1.22 !important;
    letter-spacing: -0.08px !important;
  }

  /* CARD 5 — MINERAL RESOURCES: ~6–7 lines */
  html body .rp-mobile.rp-paged-slider
  .rp-page[data-rp-page="4"] .rp-card > p {
    font-size: 10.6px !important;
    line-height: 1.22 !important;
    letter-spacing: -0.08px !important;
  }
}

/* Narrow iPhone: keep all text inside the existing fixed card height. */
@media (max-width: 390px) {
  html body .rp-mobile.rp-paged-slider
  .rp-page[data-rp-page="2"] .rp-card > p {
    font-size: 12.6px !important;
    line-height: 1.22 !important;
  }

  html body .rp-mobile.rp-paged-slider
  .rp-page[data-rp-page="3"] .rp-card > p {
    font-size: 10.2px !important;
    line-height: 1.20 !important;
  }

  html body .rp-mobile.rp-paged-slider
  .rp-page[data-rp-page="4"] .rp-card > p {
    font-size: 10.4px !important;
    line-height: 1.20 !important;
  }
}


/* original line 18267 */

@media (max-width: 767px) {
  html body .rp-mobile.rp-paged-slider .rp-card > p,
  html body .rp-mobile.rp-paged-slider .rp-reference-card > p,
  html body .rp-mobile.rp-paged-slider .rp-page[data-rp-page] .rp-card > p {
    font-size: 11px !important;
  }
}

@media (max-width: 390px) {
  html body .rp-mobile.rp-paged-slider .rp-card > p,
  html body .rp-mobile.rp-paged-slider .rp-reference-card > p,
  html body .rp-mobile.rp-paged-slider .rp-page[data-rp-page] .rp-card > p {
    font-size: 11px !important;
  }
}


/* original line 18290 */

@media (max-width: 767px) {
  @supports (-webkit-touch-callout: none) {

    html,
    body {
      width: 100% !important;
      height: auto !important;
      min-height: 100% !important;
      margin: 0 !important;
      padding-bottom: 0 !important;
      overscroll-behavior-y: none !important;
    }

    /* The PHP footer is wrapped in this element in the page. */
    html body .ios-footer-wrap {
      display: block !important;
      position: relative !important;
      width: 100% !important;
      height: auto !important;
      min-height: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
      line-height: normal !important;
    }

    /*
      footer.php can use div/section instead of a <footer> tag.
      Remove bottom padding/margin from the LAST branch only so the
      skyline/illustration finishes exactly at the end of the page.
    */
    html body .ios-footer-wrap > div:last-of-type,
    html body .ios-footer-wrap > section:last-of-type,
    html body .ios-footer-wrap > footer:last-of-type,
    html body .ios-footer-wrap > main:last-of-type {
      margin-bottom: 0 !important;
      padding-bottom: 0 !important;
    }

    html body .ios-footer-wrap div:last-child,
    html body .ios-footer-wrap section:last-child,
    html body .ios-footer-wrap footer:last-child {
      margin-bottom: 0 !important;
      padding-bottom: 0 !important;
    }

    /* Prevent the normal inline-image baseline from leaving a strip. */
    html body .ios-footer-wrap img {
      vertical-align: bottom !important;
    }

    html body .ios-footer-wrap img:last-child {
      display: block !important;
      margin-bottom: 0 !important;
    }
  }
}



/* ================= ORIGINAL home-18.css ================= */

/* original line 18409 */

@media (max-width: 700px) {
  /* Free Media News */
  html body .syed-network-free-media-logo {
    width: 166px !important;
    max-width: 100% !important;
    height: 86px !important;
  }

  /* On This Date combined logo/calendar artwork */
  html body .syed-network-otd-icon-wrap {
    width: 74px !important;
    max-width: 74px !important;
  }

  html body .syed-network-otd-calendar-bg {
    width: 42px !important;
    height: 54px !important;
  }

  /* Shehrbeen */
  html body .syed-network-shehrbeen-logo {
    width: 136px !important;
    max-width: 100% !important;
    height: 86px !important;
  }
}

@media (max-width: 420px) {
  html body .syed-network-free-media-logo {
    width: 128px !important;
    max-width: 128px !important;
    height: 72px !important;
  }

  html body .syed-network-otd-icon-wrap {
    width: 74px !important;
    max-width: 74px !important;
  }

  html body .syed-network-otd-calendar-bg {
    width: 42px !important;
    height: 54px !important;
  }

  html body .syed-network-shehrbeen-logo {
    width: 106px !important;
    max-width: 106px !important;
    height: 72px !important;
  }
}


/* original line 18464 */

@media (max-width: 700px) {
  html body .syed-network-otd-live-day,
  html body .syed-network-otd-live-month {
    font-size: 8px !important;
  }

  html body .syed-network-otd-live-number {
    font-size: 9px !important;
  }
}

@media (max-width: 420px) {
  html body .syed-network-otd-live-day,
  html body .syed-network-otd-live-month {
    font-size: 8px !important;
  }

  html body .syed-network-otd-live-number {
    font-size: 9px !important;
  }
}


/* original line 18492 */

.rp-section .rp-card {
  cursor: pointer !important;
}



/* ================= ORIGINAL home-19.css ================= */

/* original line 18541 */

@media (max-width: 700px) {

  /* Keep exactly three partner items visible across the phone viewport. */
  html body .syed-network-marquee {
    width: 100% !important;
    overflow: hidden !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    box-sizing: border-box !important;
  }

  html body .syed-network-track .syed-network-item {
    width: calc((100vw - 12px) / 3) !important;
    min-width: calc((100vw - 12px) / 3) !important;
    flex: 0 0 calc((100vw - 12px) / 3) !important;

    min-height: 104px !important;
    padding: 0 5px 4px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  /* Compact logo row like the supplied screenshot. */
  html body .syed-network-logo-box,
  html body .syed-network-otd-logo-box {
    width: 100% !important;
    height: 66px !important;
    min-height: 66px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  /* FREE MEDIA NEWS */
  html body .syed-network-free-media-logo {
    width: 96px !important;
    max-width: 96px !important;
    height: 54px !important;
    object-fit: contain !important;
  }

  /* ON THIS DATE + calendar */
  html body .syed-network-otd-icon-wrap {
    width: 76px !important;
    max-width: 76px !important;
    margin: 0 10px 0 0 !important;
    right: 0 !important;
  }

  html body .syed-network-otd-calendar-bg {
    width: 38px !important;
    height: 48px !important;
  }

  html body .syed-network-otd-live-day,
  html body .syed-network-otd-live-month {
    font-size: 7px !important;
    line-height: 1 !important;
  }

  html body .syed-network-otd-live-number {
    font-size: 8px !important;
    line-height: 1 !important;
  }

  /* SHEHRBEEN */
  html body .syed-network-shehrbeen-logo {
    width: 92px !important;
    max-width: 92px !important;
    height: 56px !important;
    object-fit: contain !important;
  }

  /* Website pill under every logo. */
  html body .syed-network-url-pill {
    width: auto !important;
    max-width: calc(100% - 8px) !important;
    min-height: 20px !important;
    margin-top: 2px !important;
    padding: 4px 6px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body .syed-network-url-pill span {
    font-size: 11px !important;
    margin-left: 2px !important;
  }

  /*
    Thin light divider centered between each logo item,
    matching the supplied reference image.
  */
  html body .syed-network-track .syed-network-item::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    top: 7px !important;
    right: 0 !important;
    width: 1px !important;
    height: 82px !important;
    opacity: 1 !important;
    background: linear-gradient(
      to bottom,
      rgba(220,220,220,0) 0%,
      rgba(214,214,214,.55) 12%,
      rgba(204,204,204,.92) 45%,
      rgba(204,204,204,.92) 55%,
      rgba(214,214,214,.55) 88%,
      rgba(220,220,220,0) 100%
    ) !important;
    -webkit-clip-path: none !important;
    clip-path: none !important;
    pointer-events: none !important;
  }

  /* Keep the continuous marquee clean at the physical end of the cloned track. */
  html body .syed-network-track .syed-network-item:last-child::after {
    display: none !important;
  }
}

/* Same 3-logo composition on narrow iPhones. */
@media (max-width: 390px) {
  html body .syed-network-track .syed-network-item {
    width: calc((100vw - 12px) / 3) !important;
    min-width: calc((100vw - 12px) / 3) !important;
    flex-basis: calc((100vw - 12px) / 3) !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  html body .syed-network-free-media-logo {
    width: 92px !important;
    max-width: 92px !important;
    height: 52px !important;
  }

  html body .syed-network-otd-icon-wrap {
    width: 72px !important;
    max-width: 72px !important;
    margin-right: 9px !important;
  }

  html body .syed-network-otd-calendar-bg {
    width: 36px !important;
    height: 46px !important;
  }

  html body .syed-network-shehrbeen-logo {
    width: 88px !important;
    max-width: 88px !important;
    height: 54px !important;
  }

  html body .syed-network-url-pill {
    max-width: calc(100% - 6px) !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    font-size: 9px !important;
  }
}


/* original line 18715 */

/*
  Only hover / press behavior is added here.
  Existing button sizes, colors, layout, text, links and page code stay unchanged.
*/
@media (hover:hover) and (pointer:fine) {
  .pdfmatch .cta,
  #public-opinion-pdfmatch .survey-button,
  .pdfmatch .survey-button,
  #home-entry-cards .home-entry-button,
  .rp-section .rp-btn,
  .news-popup-trigger,
  .pdfmatch .survey-all a,
  a.inline-flex.rounded-lg,
  a.inline-flex.rounded-full,
  a.inline-flex.rounded-xl {
    transition:
      transform .25s ease,
      filter .25s ease,
      box-shadow .25s ease !important;
  }

  .pdfmatch .cta:hover,
  #public-opinion-pdfmatch .survey-button:hover,
  .pdfmatch .survey-button:hover,
  #home-entry-cards .home-entry-button:hover,
  .rp-section .rp-btn:hover,
  .news-popup-trigger:hover,
  .pdfmatch .survey-all a:hover,
  a.inline-flex.rounded-lg:hover,
  a.inline-flex.rounded-full:hover,
  a.inline-flex.rounded-xl:hover {
    transform: translateY(-3px) !important;
    filter: brightness(.94) !important;
    box-shadow: 0 9px 18px rgba(0,0,0,.20) !important;
  }

  button:not(.rp-dots button):not(#close-real-estate-news-modal) {
    transition:
      transform .22s ease,
      filter .22s ease,
      box-shadow .22s ease !important;
  }

  button:not(.rp-dots button):not(#close-real-estate-news-modal):hover {
    transform: translateY(-2px) !important;
    filter: brightness(.94) !important;
  }
}

/* Small press feedback; does not alter the normal design. */
.pdfmatch .cta:active,
#public-opinion-pdfmatch .survey-button:active,
.pdfmatch .survey-button:active,
#home-entry-cards .home-entry-button:active,
.rp-section .rp-btn:active,
.news-popup-trigger:active,
.pdfmatch .survey-all a:active,
a.inline-flex.rounded-lg:active,
a.inline-flex.rounded-full:active,
a.inline-flex.rounded-xl:active,
button:not(.rp-dots button):not(#close-real-estate-news-modal):active {
  transform: translateY(0) scale(.98) !important;
}


/* id="free-media-final-center-fix" */

    /* FINAL: Free Media News only — centered, static, no separator line */
    body .syed-network-marquee {
      width: 100% !important;
      overflow: visible !important;
    }

    body #syedNetworkTrack.syed-network-track,
    body #syedNetworkTrack.syed-network-grid {
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 auto !important;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      gap: 0 !important;
      transform: none !important;
      animation: none !important;
      transition: none !important;
      will-change: auto !important;
    }

    body #syedNetworkTrack > .syed-network-item {
      width: 230px !important;
      min-width: 230px !important;
      flex: 0 0 230px !important;
      margin: 0 auto !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    /* Remove the grey vertical separator completely */
    body #syedNetworkTrack > .syed-network-item::before,
    body #syedNetworkTrack > .syed-network-item::after,
    body .syed-network-track .syed-network-item::before,
    body .syed-network-track .syed-network-item::after {
      content: none !important;
      display: none !important;
      visibility: hidden !important;
      background: none !important;
      width: 0 !important;
    }
  

/* id="free-media-logo-final-override" */

/* ===== FINAL FREE MEDIA NEWS — BIGGER + PERFECT CENTER + LESS TOP GAP ===== */

/* Keep the complete partner area centered */
html body .syed-network-section,
html body .syed-network-wrap,
html body .syed-network-marquee {
    width: 100% !important;
}

html body .syed-network-heading {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 10px !important; /* removes extra gap above logo */
}

html body #syedNetworkTrack.syed-network-track,
html body #syedNetworkTrack.syed-network-grid {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
}

/* Free Media single item */
html body #syedNetworkTrack > .syed-network-item {
    width: 280px !important;
    min-width: 280px !important;
    flex: 0 0 280px !important;
    margin: 0 auto !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
}

/* Logo holder */
html body .syed-network-logo-box {
    width: 100% !important;
    height: 125px !important;
    min-height: 125px !important;
    margin: 0 auto !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Free Media News logo — larger */
html body .syed-network-free-media-logo {
    display: block !important;
    width: 220px !important;
    max-width: 220px !important;
    height: 118px !important;
    object-fit: contain !important;

    margin: 0 auto !important;
    padding: 0 !important;
    transform: none !important;
}

/* Website pill also stays centered */
html body .syed-network-url-pill {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 2px !important;
}

/* Mobile */
@media (max-width: 767px) {
    html body .syed-network-heading {
        margin-bottom: 8px !important;
    }

    html body #syedNetworkTrack > .syed-network-item {
        width: 250px !important;
        min-width: 250px !important;
        flex: 0 0 250px !important;
        margin: 0 auto !important;
    }

    html body .syed-network-logo-box {
        height: 118px !important;
        min-height: 118px !important;
    }

    html body .syed-network-free-media-logo {
        width: 195px !important;
        max-width: 195px !important;
        height: 108px !important;
        margin: 0 auto !important;
    }
}

/* Small phones */
@media (max-width: 390px) {
    html body #syedNetworkTrack > .syed-network-item {
        width: 230px !important;
        min-width: 230px !important;
        flex-basis: 230px !important;
    }

    html body .syed-network-free-media-logo {
        width: 180px !important;
        max-width: 180px !important;
        height: 102px !important;
    }
}


/* id="free-media-news-reference-design" */

  .fmn-partner-section,
  .fmn-partner-section * {
    box-sizing: border-box;
  }

  .fmn-partner-section {
    width: 100%;
    padding: 24px 14px 38px;
    background: #ffffff;
  }

  .fmn-partner-wrap {
    width: 100%;
    max-width: 390px;
    margin: 0 auto;
  }

  .fmn-partner-heading {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin: 0 auto 16px;
    text-align: center;
  }

  .fmn-partner-heading-line {
    display: block;
    width: 38px;
    height: 1.5px;
    flex: 0 0 38px;
    background: #111111;
  }

  .fmn-partner-heading h2 {
    margin: 0;
    padding: 0;
    color: #111111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 1.1;
    font-weight: 500;
    letter-spacing: -.25px;
    white-space: nowrap;
  }

  .fmn-feature-card {
    width: 100%;
    max-width: 315px;
    min-height: 78px;
    margin: 0 auto;
    padding: 7px 9px 7px 7px;

    display: grid;
    grid-template-columns: 68px minmax(0, 1fr) 21px;
    align-items: center;
    gap: 8px;

    background: #f6f9fd;
    border: 3px solid #ffffff;
    border-radius: 10px;
    box-shadow: 0 7px 18px rgba(0, 0, 0, .13);

    color: inherit;
    text-decoration: none !important;
    overflow: hidden;

    transition: transform .22s ease, box-shadow .22s ease;
  }

  .fmn-feature-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 23px rgba(0, 0, 0, .16);
  }

  .fmn-feature-logo-wrap {
    width: 68px;
    height: 56px;
    padding-right: 7px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-right: 1px solid #d9e1ea;
    overflow: visible;
  }

  .fmn-feature-logo {
    display: block !important;
    width: 116px !important;
    max-width: 116px !important;
    height: 82px !important;
    max-height: 82px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    transform: scale(1.14) !important;
    transform-origin: center center !important;
  }

  .fmn-feature-copy {
    min-width: 0;
    text-align: left;
  }

  .fmn-feature-copy h3 {
    margin: 0 0 2px !important;
    padding: 0 !important;
    color: #111111 !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: 22px !important;
    line-height: 1.02 !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    white-space: nowrap;
  }

  .fmn-feature-copy p {
    margin: 0 !important;
    padding: 0 !important;
    color: #8a8a8a !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: 11px !important;
    line-height: 1.12 !important;
    font-style: italic !important;
    font-weight: 400 !important;
    white-space: nowrap;
  }

  .fmn-feature-arrow {
    width: 21px;
    height: 21px;
    justify-self: end;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    background: #9fcaf5;
    color: #ffffff;
    box-shadow: 0 3px 7px rgba(90, 157, 221, .28);

    font-family: Arial, Helvetica, sans-serif;
    font-size: 19px;
    line-height: 1;
    font-weight: 400;
    padding: 0 0 2px 1px;
  }

  @media (max-width: 700px) {
    .fmn-partner-section {
      padding: 22px 12px 34px;
    }

    .fmn-partner-wrap {
      max-width: 360px;
    }

    .fmn-partner-heading {
      gap: 8px;
      margin-bottom: 15px;
    }

    .fmn-partner-heading-line {
      width: 34px;
      flex-basis: 34px;
    }

    .fmn-partner-heading h2 {
      font-size: 18px;
    }

    .fmn-feature-card {
      max-width: 300px;
      min-height: 76px;
      grid-template-columns: 66px minmax(0, 1fr) 20px;
      gap: 7px;
    }

    .fmn-feature-logo-wrap {
      width: 66px;
      height: 54px;
    }

    .fmn-feature-logo {
      width: 112px !important;
      max-width: 112px !important;
      height: 80px !important;
      max-height: 80px !important;
    }

    .fmn-feature-copy h3 {
      font-size: 21px !important;
    }

    .fmn-feature-copy p {
      font-size: 10.5px !important;
    }
  }

  @media (max-width: 480px) {
    .fmn-partner-section {
      padding: 20px 10px 30px;
    }

    .fmn-partner-heading {
      gap: 7px;
      margin-bottom: 14px;
    }

    .fmn-partner-heading-line {
      width: 27px;
      flex-basis: 27px;
    }

    .fmn-partner-heading h2 {
      font-size: 17px;
    }

    .fmn-feature-card {
      width: min(100%, 286px);
      min-height: 72px;
      padding: 6px 8px 6px 6px;
      grid-template-columns: 62px minmax(0, 1fr) 20px;
      gap: 7px;
    }

    .fmn-feature-logo-wrap {
      width: 62px;
      height: 52px;
      padding-right: 6px;
    }

    .fmn-feature-logo {
      width: 108px !important;
      max-width: 108px !important;
      height: 76px !important;
      max-height: 76px !important;
      transform: scale(1.14) !important;
    }

    .fmn-feature-copy h3 {
      font-size: 20px !important;
    }

    .fmn-feature-copy p {
      font-size: 10px !important;
    }

    .fmn-feature-arrow {
      width: 20px;
      height: 20px;
      font-size: 18px;
    }
  }

  @media (max-width: 360px) {
    .fmn-feature-card {
      width: min(100%, 272px);
      grid-template-columns: 58px minmax(0, 1fr) 19px;
      gap: 6px;
    }

    .fmn-feature-logo-wrap {
      width: 58px;
    }

    .fmn-feature-logo {
      width: 102px !important;
      max-width: 102px !important;
      height: 72px !important;
      max-height: 72px !important;
    }

    .fmn-feature-copy h3 {
      font-size: 19px !important;
    }

    .fmn-feature-copy p {
      font-size: 9.5px !important;
    }
  }


/* id="fmn-card-logo-fit-final" */

/* Free Media News card — keep the existing design, fix only the logo fit/alignment */
.fmn-partner-section .fmn-feature-logo-wrap{
  width:68px !important;
  height:56px !important;
  padding:0 7px 0 0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

.fmn-partner-section .fmn-feature-logo{
  display:block !important;
  width:58px !important;
  max-width:58px !important;
  height:54px !important;
  max-height:54px !important;
  padding:0 !important;
}

@media (max-width:480px){
  .fmn-partner-section .fmn-feature-logo-wrap{
    width:62px !important;
    height:52px !important;
    padding-right:6px !important;
  }

  .fmn-partner-section .fmn-feature-logo{
    width:52px !important;
    max-width:52px !important;
    height:48px !important;
    max-height:48px !important;
    transform:none !important;
  }
}

@media (max-width:360px){
  .fmn-partner-section .fmn-feature-logo-wrap{
    width:58px !important;
    height:50px !important;
  }

  .fmn-partner-section .fmn-feature-logo{
    width:48px !important;
    max-width:48px !important;
    height:46px !important;
    max-height:46px !important;
  }
}


/* id="fmn-on-this-date-matched-card" */

/* Partner cards: same width and height; On This Date content placed on
   independent rows so the badge never overlaps the title. */
.fmn-partner-section .fmn-feature-card {
  width: min(100%, 325px) !important;
  max-width: 325px !important;
  height: 96px !important;
  min-height: 96px !important;
}
.fmn-partner-section .fmn-otd-card {
  position:relative !important;
  margin:12px auto 0 !important;
  padding:8px 35px 8px 8px !important;
  display:grid !important;
  grid-template-columns:119px minmax(0,1fr) !important;
  align-items:center !important;
  column-gap:9px !important;
  overflow:hidden !important;
}
.fmn-partner-section .fmn-otd-identity {
  box-sizing:border-box !important;
  width:119px !important;
  min-width:0 !important;
  height:77px !important;
  border-right:1px solid #ccd7e3 !important;
  padding-right:7px !important;
}
.fmn-partner-section .fmn-otd-images {
  width:100% !important;
  height:65px !important;
}
.fmn-partner-section .fmn-otd-logo {
  display:block !important;
  width:68px !important;
  height:62px !important;
  flex:0 0 68px !important;
}
.fmn-partner-section .fmn-otd-calendar {
  display:block !important;
  width:41px !important;
  height:58px !important;
  flex:0 0 41px !important;
}
.fmn-partner-section .fmn-otd-calendar > img {
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  display:block !important;
}
.fmn-partner-section .fmn-otd-calendar-text {
  inset:24% 4% 10% !important;
  text-align:center !important;
  color:#121212 !important;
  pointer-events:none !important;
}
.fmn-partner-section .fmn-otd-weekday {font:700 5.6px/1 Arial,sans-serif !important;}
.fmn-partner-section .fmn-otd-day {font:800 20px/.98 Arial,sans-serif !important;}
.fmn-partner-section .fmn-otd-month {font:700 6.7px/1 Arial,sans-serif !important;}
.fmn-partner-section .fmn-otd-copy {
  padding:24px 0 0 !important;
  min-width:0 !important;
  align-self:center !important;
  text-align:left !important;
}
.fmn-partner-section .fmn-otd-copy h3 {
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  color:#06152c !important;
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:21px !important;
  font-weight:500 !important;
  line-height:1.05 !important;
  letter-spacing:-.5px !important;
  white-space:nowrap !important;
}
.fmn-partner-section .fmn-otd-title-line {
  max-width:115px !important;
  height:2px !important;
  margin:5px 0 5px !important;
  border-radius:100px !important;
  background:linear-gradient(90deg,#c39136,#e3bd76,#c39136) !important;
}
.fmn-partner-section .fmn-otd-copy p {
  margin:0 !important;
  color:#747e90 !important;
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:9px !important;
  line-height:1.15 !important;
  font-style:italic !important;
  white-space:nowrap !important;
}
.fmn-partner-section .fmn-otd-archive-pill {
  position:absolute !important;
  top:6px !important;
  right:8px !important;
  z-index:3 !important;
  width:98px !important;
  height:24px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  padding:3px 5px !important;
  border:1px solid #dccfba !important;
  border-radius:10px !important;
  background:linear-gradient(#fdfcf9,#f5f2ea) !important;
  text-align:center !important;
  pointer-events:none !important;
}
.fmn-partner-section .fmn-otd-archive-pill strong {
  font:800 7.3px/1 Arial,sans-serif !important;
  letter-spacing:1.4px !important;
  color:#06152c !important;
}
.fmn-partner-section .fmn-otd-archive-pill em {
  font:700 5.3px/1 Arial,sans-serif !important;
  font-style:normal !important;
  letter-spacing:1px !important;
  margin-top:3px !important;
  color:#656565 !important;
}
.fmn-partner-section .fmn-otd-arrow {
  position:absolute !important;
  top:59% !important;
  right:8px !important;
  transform:translateY(-50%) !important;
  height:23px !important;
  width:23px !important;
  font-size:20px !important;
}
@media(max-width:480px) {
  .fmn-partner-section .fmn-feature-card {
    width:min(100%,286px) !important;
    max-width:286px !important;
    height:90px !important;
    min-height:90px !important;
  }
  .fmn-partner-section .fmn-otd-card {
    grid-template-columns:104px minmax(0,1fr) !important;
    gap:7px !important;
    padding:7px 30px 7px 7px !important;
  }
  .fmn-partner-section .fmn-otd-identity {width:104px !important;height:72px !important;padding-right:4px !important;}
  .fmn-partner-section .fmn-otd-images {height:60px !important;gap:2px !important;}
  .fmn-partner-section .fmn-otd-logo {width:61px !important;height:57px !important;flex-basis:61px !important;}
  .fmn-partner-section .fmn-otd-calendar {width:37px !important;height:54px !important;flex-basis:37px !important;}
  .fmn-partner-section .fmn-otd-weekday {font-size:5px !important;}
  .fmn-partner-section .fmn-otd-day {font-size:18px !important;}
  .fmn-partner-section .fmn-otd-month {font-size:6px !important;}
  .fmn-partner-section .fmn-otd-copy {padding-top:24px !important;}
  .fmn-partner-section .fmn-otd-copy h3 {font-size:18px !important;letter-spacing:-.5px !important;}
  .fmn-partner-section .fmn-otd-title-line {margin:4px 0 !important;max-width:100px !important;}
  .fmn-partner-section .fmn-otd-copy p {font-size:8.1px !important;}
  .fmn-partner-section .fmn-otd-archive-pill {top:5px !important;right:7px !important;width:88px !important;height:22px !important;}
  .fmn-partner-section .fmn-otd-archive-pill strong {font-size:6.8px !important;letter-spacing:1.2px !important;}
  .fmn-partner-section .fmn-otd-archive-pill em {font-size:4.9px !important;}
  .fmn-partner-section .fmn-otd-arrow {right:6px !important;width:21px !important;height:21px !important;}
}
@media(max-width:360px) {
  .fmn-partner-section .fmn-feature-card {width:min(100%,272px) !important;max-width:272px !important;}
  .fmn-partner-section .fmn-otd-card {grid-template-columns:99px minmax(0,1fr) !important;gap:6px !important;padding-right:28px !important;}
  .fmn-partner-section .fmn-otd-identity {width:99px !important;}
  .fmn-partner-section .fmn-otd-logo {width:58px !important;flex-basis:58px !important;}
  .fmn-partner-section .fmn-otd-calendar {width:35px !important;flex-basis:35px !important;}
  .fmn-partner-section .fmn-otd-copy h3 {font-size:17px !important;}
  .fmn-partner-section .fmn-otd-copy p {font-size:7.7px !important;}
}


/* id="partner-desktop-mobile-calendar-20261021" */

/* Scoped layout: two matching cards on desktops, a neat vertical stack on phones. */
@media (min-width: 768px) {
  .fmn-partner-section .fmn-partner-wrap {
    width:100% !important; max-width:690px !important;
    display:grid !important;
    grid-template-columns:repeat(2,325px) !important;
    justify-content:center !important;
    align-items:start !important;
    column-gap:18px !important;
    row-gap:0 !important;
  }
  .fmn-partner-section .fmn-partner-heading {
    grid-column:1 / -1 !important; margin:0 auto 18px !important;
  }
  .fmn-partner-section .fmn-feature-card {
    width:325px !important; max-width:325px !important;
    height:96px !important; min-height:96px !important;
    margin:0 !important;
  }
  .fmn-partner-section .fmn-otd-card {margin:0 !important;}
}
/* Calendar is drawn in HTML/CSS instead of squashing the original image.
   PHP-rendered weekday, date and month continue to update daily (Pakistan time). */
.fmn-partner-section .fmn-otd-calendar {
  flex:0 0 46px !important; width:46px !important; height:59px !important;
  border:1px solid #94663f !important;
  background:linear-gradient(125deg,#fcf7ed 3%,#efe0c8 100%) !important;
  box-shadow:2px 3px 0 #8e6544,2px 5px 5px #0002 !important;
  transform:none !important;
}
.fmn-partner-section .fmn-calendar-ring {
  display:block !important; position:absolute !important; top:-7px !important;
  width:6px !important; height:14px !important; border:2px solid #3b3b3b !important;
  border-radius:6px !important; background:transparent !important; z-index:2 !important;
}
.fmn-partner-section .fmn-calendar-ring-left {left:10px !important;}
.fmn-partner-section .fmn-calendar-ring-right {right:9px !important;}
.fmn-partner-section .fmn-otd-calendar-text {
  position:absolute !important;
  display:flex !important; flex-direction:column !important;
  align-items:center !important; justify-content:center !important;
  gap:2px !important; color:#171717 !important; line-height:1 !important;
}
.fmn-partner-section .fmn-otd-weekday { letter-spacing:-.2px !important;}
.fmn-partner-section .fmn-otd-day {font:800 28px/.95 Arial,sans-serif !important;}
.fmn-partner-section .fmn-otd-month {font:700 8px/1 Arial,sans-serif !important;}
.fmn-partner-section .fmn-otd-logo {
  width:65px !important; height:63px !important; flex:0 0 65px !important;
}
.fmn-partner-section .fmn-otd-images {}
.fmn-partner-section .fmn-otd-archive-pill {
  width:112px !important; min-height:28px !important; height:28px !important;
  padding:4px 4px !important; top:5px !important; right:7px !important;
}
.fmn-partner-section .fmn-otd-archive-pill strong {
  font:800 8.4px/1.05 Arial,sans-serif !important;
  letter-spacing:1.1px !important;
}
.fmn-partner-section .fmn-otd-archive-pill em {
  font:800 6.4px/1.1 Arial,sans-serif !important;
  letter-spacing:.55px !important; color:#394251 !important;
  margin-top:2px !important;
}
.fmn-partner-section .fmn-otd-copy {padding-top:27px !important;}
@media (max-width:767px) {
  .fmn-partner-section .fmn-partner-wrap {
    max-width:330px !important; gap:0 !important;
  }
  .fmn-partner-section .fmn-feature-card {
    width:min(100%,272px) !important; max-width:272px !important;
    height:79px !important; min-height:79px !important;
  }
  .fmn-partner-section .fmn-otd-card {
    margin:10px auto 0 !important;
    grid-template-columns:104px minmax(0,1fr) !important;
    padding:5px 29px 5px 6px !important; column-gap:6px !important;
  }
  .fmn-partner-section .fmn-otd-identity {}
  .fmn-partner-section .fmn-otd-images {height:57px !important;}
  .fmn-partner-section .fmn-otd-logo {width:58px !important;height:55px !important;flex:0 0 58px !important;}
  .fmn-partner-section .fmn-otd-calendar {width:39px !important;height:52px !important;flex:0 0 39px !important;}
  .fmn-partner-section .fmn-otd-weekday {font-size:6px !important;}
  .fmn-partner-section .fmn-otd-day {font-size:24px !important;}
  .fmn-partner-section .fmn-otd-month {font-size:7px !important;}
  .fmn-partner-section .fmn-otd-copy {padding-top:23px !important;}
  .fmn-partner-section .fmn-otd-copy h3 {}
  .fmn-partner-section .fmn-otd-copy p {}
  .fmn-partner-section .fmn-otd-archive-pill {width:103px !important;height:23px !important;min-height:23px !important;top:3px !important;right:5px !important;}
  .fmn-partner-section .fmn-otd-archive-pill strong {font-size:7.4px !important;}
  .fmn-partner-section .fmn-otd-archive-pill em {font-size:5.8px !important;}
  .fmn-partner-section .fmn-otd-arrow {right:5px !important;}
  .fmn-partner-section .fmn-feature-logo-wrap {height:49px !important;}
  .fmn-partner-section .fmn-feature-logo {max-height:46px !important;}
  .fmn-partner-section .fmn-feature-copy h3 {font-size:19px !important;}
  .fmn-partner-section .fmn-feature-copy p {font-size:9px !important;}
  .fmn-partner-section .fmn-otd-copy h3 {font-size:17px !important;}
  .fmn-partner-section .fmn-otd-copy p {font-size:7.4px !important;}
}


/* id="otd-calendar-compact-arc-final" */

/* Compact calendar in the original On This Date composition. */
.fmn-partner-section .fmn-otd-calendar {
  width:35px !important;
  height:45px !important;
  flex:0 0 35px !important;
  border-radius:4px !important;
}
.fmn-partner-section .fmn-calendar-ring {
  top:-5px !important;
  width:5px !important;
  height:11px !important;
  border-width:1.6px !important;
}
.fmn-partner-section .fmn-calendar-ring-left { left:8px !important; }
.fmn-partner-section .fmn-calendar-ring-right { right:8px !important; }
.fmn-partner-section .fmn-otd-calendar-text {
  inset:5px 1px 2px !important;
}
.fmn-partner-section .fmn-otd-weekday {
  font:700 7px/1 Arial,sans-serif !important;
  letter-spacing:0 !important;
}
.fmn-partner-section .fmn-otd-day { font:800 22px/.98 Arial,sans-serif !important; }
.fmn-partner-section .fmn-otd-month { font:700 7px/1 Arial,sans-serif !important; }
.fmn-partner-section .fmn-otd-images { }
/* Reference's subtle gold arc, not a straight horizontal rule. */
.fmn-partner-section .fmn-otd-title-line {
  display:block !important;
  width:100% !important;
  max-width:112px !important;
  height:6px !important;
  margin:2px 0 2px !important;
  border:0 !important;
  border-top:2px solid #c49a51 !important;
  border-radius:50% 50% 0 0 !important;
  background:none !important;
  transform:rotate(-1deg) !important;
  transform-origin:center !important;
}
/* Preserve the supplied reference tagline styling. */
@media (max-width:767px) {
  .fmn-partner-section .fmn-otd-calendar {
  }
  .fmn-partner-section .fmn-otd-weekday {font-size:6.3px !important;}
  .fmn-partner-section .fmn-otd-day {font-size:20px !important;}
  .fmn-partner-section .fmn-otd-month {font-size:6.5px !important;}
  .fmn-partner-section .fmn-otd-title-line {max-width:98px !important; height:5px !important;}
}


/* id="partner-mobile-equal-width-square-pins-v6" */

/* Reference-style small, strong, squarish calendar binding pins. */
.fmn-partner-section .fmn-otd-calendar .fmn-calendar-ring {
  top:-4px !important;
  height:9px !important;
  border:2px solid #313139 !important;
  border-radius:1px !important;
  box-sizing:border-box !important;
  transform:none !important;
}
.fmn-partner-section .fmn-otd-calendar .fmn-calendar-ring-left {}
.fmn-partner-section .fmn-otd-calendar .fmn-calendar-ring-right {}
/* Match the outside edges of the two cards on mobile, not just their content. */
@media (max-width:767px) {
  .fmn-partner-section .fmn-partner-wrap {
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
  }
  .fmn-partner-section .fmn-partner-wrap > a.fmn-feature-card,
  .fmn-partner-section .fmn-partner-wrap > a.fmn-feature-card.fmn-otd-card {
    box-sizing:border-box !important;
    display:grid !important;
    width:272px !important;
    max-width:min(272px,100%) !important;
    min-width:0 !important;
    height:79px !important;
    min-height:79px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    border-width:3px !important;
    flex:none !important;
    transform:none;
  }
  .fmn-partner-section .fmn-partner-wrap > a.fmn-feature-card.fmn-otd-card {
    margin-top:10px !important;
  }
}
@media (max-width:310px) {
  .fmn-partner-section .fmn-partner-wrap > a.fmn-feature-card,
  .fmn-partner-section .fmn-partner-wrap > a.fmn-feature-card.fmn-otd-card {
    width:100% !important;
    max-width:100% !important;
  }
}


/* id="fmn-mobile-horizontal-swipe-2026" */

/* On desktop keep the existing two independent cards and their layout. */
.fmn-partner-section .fmn-mobile-slider { display:contents; }

/* On phones show Free Media fully and a peek of On This Date. */
@media (max-width:767px) {
  html body .fmn-partner-section .fmn-partner-wrap {
    display:block !important;
    width:100% !important;
    max-width:390px !important;
    overflow:visible !important;
  }
  html body .fmn-partner-section .fmn-mobile-slider {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:12px !important;
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;
    scroll-padding-inline:0 !important;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-x pan-y;
    scrollbar-width:none;
    padding:7px 0 18px 0 !important;
  }
  html body .fmn-partner-section .fmn-mobile-slider::-webkit-scrollbar {
    display:none;
  }
  html body .fmn-partner-section .fmn-mobile-slider > a.fmn-feature-card,
  html body .fmn-partner-section .fmn-mobile-slider > a.fmn-feature-card.fmn-otd-card {
    flex:0 0 min(272px, 80%) !important;
    width:min(272px, 80%) !important;
    max-width:none !important;
    min-width:0 !important;
    height:79px !important;
    min-height:79px !important;
    margin:0 !important;
    scroll-snap-align:start;
    scroll-snap-stop:normal;
    transform:none !important;
  }
  html body .fmn-partner-section .fmn-mobile-slider > a.fmn-otd-card {
    margin-top:0 !important;
  }
}


/* id="fmn-logo-balance-final-20261021" */

/* Balance Free Media and On This Date logo sizes so both feel visually equal. */
.fmn-partner-section .fmn-feature-logo-wrap{
  width:70px !important;
  height:58px !important;
  padding-right:8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.fmn-partner-section .fmn-feature-logo{
  width:60px !important;
  max-width:60px !important;
  height:46px !important;
  max-height:46px !important;
  margin:0 auto !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
}
.fmn-partner-section .fmn-otd-identity{
  width:108px !important;
}
.fmn-partner-section .fmn-otd-images{
}
.fmn-partner-section .fmn-otd-logo{
  width:60px !important;
  height:46px !important;
  flex:0 0 60px !important;
  object-fit:contain !important;
  object-position:center !important;
}
.fmn-partner-section .fmn-otd-calendar{
  width:33px !important;
  flex:0 0 33px !important;
}
@media (max-width:767px){
  .fmn-partner-section .fmn-feature-logo-wrap{
    width:68px !important;
    height:54px !important;
    padding-right:7px !important;
  }
  .fmn-partner-section .fmn-feature-logo{
    width:56px !important;
    max-width:56px !important;
    height:42px !important;
    max-height:42px !important;
  }
  .fmn-partner-section .fmn-otd-identity{
    width:104px !important;
    padding-right:4px !important;
  }
  .fmn-partner-section .fmn-otd-images{
    height:54px !important;
  }
  .fmn-partner-section .fmn-otd-logo{
    width:56px !important;
    height:42px !important;
    flex:0 0 56px !important;
  }
  .fmn-partner-section .fmn-otd-calendar{
    height:41px !important;
  }
}


/* id="otd-logo-extra-large-visible-fix" */

/* The PNG is wide and has internal transparent padding.
   Crop only the extra space, so ON THIS DATE appears much larger. */
.fmn-partner-section .fmn-otd-logo-crop {
  flex:0 0 65px !important;
  width:65px !important;
  height:64px !important;
}
.fmn-partner-section .fmn-otd-logo-crop .fmn-otd-logo {
  left:-12px !important;
  top:-6px !important;
  width:145px !important;
  min-width:145px !important;
  height:auto !important;
  min-height:0 !important;
  flex:none !important;
  object-fit:fill !important;
}
.fmn-partner-section .fmn-otd-images {
  gap:3px !important;
}
@media(max-width:767px) {
  .fmn-partner-section .fmn-otd-logo-crop {
    flex:0 0 63px !important;
    width:63px !important;
    height:59px !important;
  }
  .fmn-partner-section .fmn-otd-logo-crop .fmn-otd-logo {
    width:140px !important;
    min-width:140px !important;
    left:-12px !important;
    top:-7px !important;
  }
  .fmn-partner-section .fmn-otd-identity {
    padding-right:1px !important;
  }
  .fmn-partner-section .fmn-otd-images {
    gap:2px !important;
  }
}


/* id="otd-logo-spacing-calendar-polish-final" */

/* Minor size reduction for On This Date logo so breathing space appears between logo and calendar. */
.fmn-partner-section .fmn-otd-identity{
  width:110px !important;
  height:72px !important;
  padding-right:6px !important;
}
.fmn-partner-section .fmn-otd-images{
  height:58px !important;
  gap:5px !important;
}
.fmn-partner-section .fmn-otd-logo-crop{
  flex:0 0 58px !important;
  width:58px !important;
  height:56px !important;
}
.fmn-partner-section .fmn-otd-logo-crop .fmn-otd-logo{
  left:-10px !important;
  width:130px !important;
  min-width:130px !important;
}

/* Cleaner, more professional little calendar */
.fmn-partner-section .fmn-otd-calendar{
  position:relative !important;
  border:1px solid #9e7447 !important;
  border-radius:5px !important;
  background:linear-gradient(180deg,#fbf7ef 0%,#f3e5cf 100%) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset, 1px 2px 0 #8d6847, 0 4px 7px rgba(76,55,27,.18) !important;
}
.fmn-partner-section .fmn-otd-calendar::before{
  content:"" !important;
  position:absolute !important;
  left:2px !important;
  right:2px !important;
  top:2px !important;
  height:9px !important;
  border-radius:4px 4px 3px 3px !important;
  background:linear-gradient(180deg,#f7ecd9 0%,#ecd8ba 100%) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.65) inset !important;
}
.fmn-partner-section .fmn-otd-calendar .fmn-calendar-ring{
  top:-5px !important;
  width:5px !important;
  height:10px !important;
  border:1.8px solid #4e4e4e !important;
  border-radius:6px !important;
  background:transparent !important;
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset !important;
}
.fmn-partner-section .fmn-otd-calendar .fmn-calendar-ring-left{left:7px !important;}
.fmn-partner-section .fmn-otd-calendar .fmn-calendar-ring-right{right:7px !important;}
.fmn-partner-section .fmn-otd-calendar-text{
  inset:9px 1px 2px !important;
  gap:1px !important;
  color:#181818 !important;
}
.fmn-partner-section .fmn-otd-weekday{
  font:700 5.5px/1 Arial,sans-serif !important;
  letter-spacing:-.1px !important;
}
.fmn-partner-section .fmn-otd-day{
  font:800 19px/.95 Arial,sans-serif !important;
}
.fmn-partner-section .fmn-otd-month{
  font:700 6.2px/1 Arial,sans-serif !important;
}

@media(max-width:767px){
  .fmn-partner-section .fmn-otd-identity{
    width:102px !important;
    height:62px !important;
    padding-right:3px !important;
  }
  .fmn-partner-section .fmn-otd-images{
    height:52px !important;
    gap:4px !important;
  }
  .fmn-partner-section .fmn-otd-logo-crop{
    flex:0 0 54px !important;
    width:54px !important;
    height:51px !important;
  }
  .fmn-partner-section .fmn-otd-logo-crop .fmn-otd-logo{
    width:125px !important;
    min-width:122px !important;
    left:-9px !important;
    top:-5px !important;
  }
  .fmn-partner-section .fmn-otd-calendar{
  }
  .fmn-partner-section .fmn-otd-calendar::before{
    top:2px !important;
    height:8px !important;
  }
  .fmn-partner-section .fmn-otd-calendar .fmn-calendar-ring{
    top:-5px !important;
    width:5px !important;
    height:10px !important;
    border-width:1.6px !important;
  }
  .fmn-partner-section .fmn-otd-calendar .fmn-calendar-ring-left{left:6px !important;}
  .fmn-partner-section .fmn-otd-calendar .fmn-calendar-ring-right{right:6px !important;}
  .fmn-partner-section .fmn-otd-calendar-text{
    inset:8px 1px 2px !important;
  }
  .fmn-partner-section .fmn-otd-weekday{font-size:5px !important;}
  .fmn-partner-section .fmn-otd-day{font-size:18px !important;}
  .fmn-partner-section .fmn-otd-month{font-size:5.8px !important;}
}


/* id="otd-logo-reduced-only-20261021" */

/* Smaller On This Date logo; original calendar, date function and slider are unchanged. */
.fmn-partner-section .fmn-otd-logo-crop {
  width:54px !important; flex:0 0 54px !important; height:52px !important;
}
.fmn-partner-section .fmn-otd-logo-crop .fmn-otd-logo {
  width:116px !important; min-width:116px !important; left:-9px !important; top:-3px !important;
}
.fmn-partner-section .fmn-otd-images { gap:7px !important; }
@media(max-width:767px) {
  .fmn-partner-section .fmn-otd-logo-crop {
    width:50px !important; flex:0 0 50px !important; height:48px !important;
  }
  .fmn-partner-section .fmn-otd-logo-crop .fmn-otd-logo {
    width:109px !important; min-width:109px !important; left:-8px !important;
  }
  .fmn-partner-section .fmn-otd-images { gap:7px !important; }
}


/* id="otd-italic-logo-calendar-alignment-20261021" */

/* Override legacy cropping rules without changing the live calendar or other cards. */
.fmn-partner-section .fmn-otd-images {
  display:flex !important; align-items:center !important; justify-content:center !important;
  gap:4px !important; overflow:visible !important;
}
.fmn-partner-section .fmn-otd-logo-crop {
  position:relative !important; display:block !important;
  width:57px !important; height:48px !important; flex:0 0 57px !important;
  overflow:hidden !important; align-self:center !important;
}
.fmn-partner-section .fmn-otd-logo-crop .fmn-otd-logo {
  position:absolute !important; display:block !important;
  width:57px !important; min-width:57px !important; max-width:none !important;
  height:57px !important; min-height:57px !important; max-height:none !important;
  left:0 !important; top:-4px !important; margin:0 !important; padding:0 !important;
  object-fit:contain !important; transform:none !important;
}
.fmn-partner-section .fmn-otd-calendar {
  width:34px !important; height:43px !important; flex:0 0 34px !important;
}
@media (max-width:767px) {
  .fmn-partner-section .fmn-otd-images {gap:3px !important;}
  .fmn-partner-section .fmn-otd-logo-crop {
    width:53px !important; height:44px !important; flex:0 0 53px !important;
  }
  .fmn-partner-section .fmn-otd-logo-crop .fmn-otd-logo {
    width:53px !important; min-width:53px !important; height:53px !important;
    min-height:53px !important; left:0 !important; top:-4px !important;
  }
  .fmn-partner-section .fmn-otd-calendar {
    width:31px !important; height:40px !important; flex:0 0 31px !important;
  }
}


/* id="otd-tagline-beneath-logo-readable-20261022" */

/* The tagline belongs beneath the green OTD logo and calendar, not under the right heading. */
.fmn-partner-section .fmn-otd-identity {
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:1px !important;
}
.fmn-partner-section .fmn-otd-identity .fmn-otd-images {
  height:46px !important;
  min-height:46px !important;
  flex:0 0 46px !important;
  align-items:center !important;
}
.fmn-partner-section .fmn-otd-logo-tagline {
  display:block !important;
  width:100% !important;
  max-width:107px !important;
  padding:0 !important;
  margin:1px 0 0 !important;
  text-align:center !important;
  font-family:Georgia,'Times New Roman',serif !important;
  font-weight:700 !important;
  font-style:italic !important;
  font-size:9px !important;
  line-height:1.04 !important;
  letter-spacing:-.15px !important;
  color:#071d3d !important;
}
.fmn-partner-section .fmn-otd-logo-tagline span {display:block !important; white-space:nowrap !important;}
@media(max-width:767px) {
  .fmn-partner-section .fmn-otd-identity .fmn-otd-images {
    height:39px !important;
    min-height:39px !important;
    flex-basis:39px !important;
  }
  .fmn-partner-section .fmn-otd-logo-tagline {
    max-width:98px !important;
    font-size:8px !important;
    line-height:1.04 !important;
    margin-top:0 !important;
  }
}


/* id="otd-mobile-tagline-spacing-final-20261022" */

/* Mobile only: give the logo/calendar and the two-line tagline their own space. */
@media (max-width:767px) {
  html body .fmn-partner-section .fmn-otd-card,
  html body .fmn-partner-section .fmn-partner-wrap > a.fmn-feature-card.fmn-otd-card {
    height:94px !important;
    min-height:94px !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
    align-items:center !important;
  }
  html body .fmn-partner-section .fmn-otd-identity {
    height:76px !important;
    min-height:76px !important;
    justify-content:flex-start !important;
    gap:0 !important;
    padding-top:3px !important;
  }
  html body .fmn-partner-section .fmn-otd-identity .fmn-otd-images {
    height:43px !important;
    min-height:43px !important;
    flex:0 0 43px !important;
  }
  html body .fmn-partner-section .fmn-otd-logo-tagline {
    margin:7px 0 0 !important;
    padding:0 !important;
    font-size:8.5px !important;
    line-height:1.15 !important;
    position:relative !important;
    top:0 !important;
    flex:0 0 auto !important;
  }
}


/* id="otd-mobile-tagline-full-visible-20261022" */

/* Only the mobile OTD tagline: smaller, centered, and fully within the card. */
@media (max-width:767px) {
  html body .fmn-partner-section .fmn-otd-logo-tagline {
    box-sizing:border-box !important;
    display:block !important;
    width:100% !important;
    max-width:98px !important;
    margin:4px 0 0 !important;
    padding:0 2px 2px !important;
    font-family:Georgia,'Times New Roman',serif !important;
    font-size:6.6px !important;
    font-weight:700 !important;
    font-style:italic !important;
    line-height:1.25 !important;
    letter-spacing:-.12px !important;
    text-align:center !important;
    white-space:normal !important;
    overflow:visible !important;
  }
  html body .fmn-partner-section .fmn-otd-logo-tagline span {
    display:block !important;
    white-space:nowrap !important;
  }
}


/* id="otd-home-logo-replacement-20261023" */

/* Keep logo visually matched to the Free Media logo. No tagline. */
html body .fmn-partner-section .fmn-otd-logo-tagline { display:none !important; }
html body .fmn-partner-section .fmn-otd-identity {
  height:auto !important; min-height:0 !important; padding:0 !important;
  justify-content:center !important; align-items:center !important;
}
html body .fmn-partner-section .fmn-otd-images {
  display:flex !important; align-items:center !important; justify-content:center !important;
  height:58px !important; min-height:58px !important; flex:0 0 58px !important; gap:5px !important;
}
html body .fmn-partner-section .fmn-otd-logo-crop {
  position:relative !important; display:flex !important; align-items:center !important;
  justify-content:center !important; width:64px !important; height:49px !important;
  flex:0 0 64px !important; overflow:visible !important;
}
html body .fmn-partner-section .fmn-otd-logo-crop .fmn-otd-logo {
  position:static !important; display:block !important; width:64px !important;
  min-width:0 !important; max-width:64px !important; height:49px !important;
  min-height:0 !important; max-height:49px !important; inset:auto !important;
  margin:0 !important; padding:0 !important; transform:none !important; object-fit:contain !important;
}
@media (max-width:767px) {
  html body .fmn-partner-section .fmn-otd-images {
    height:54px !important; min-height:54px !important; flex-basis:54px !important; gap:4px !important;
  }
  html body .fmn-partner-section .fmn-otd-logo-crop {
    width:60px !important; height:45px !important; flex-basis:60px !important;
  }
  html body .fmn-partner-section .fmn-otd-logo-crop .fmn-otd-logo {
    width:60px !important; max-width:60px !important; height:45px !important; max-height:45px !important;
  }
}


/* id="ref-design-cards-column-20261028" */

  /* ---------- Four entry cards ---------- */
  html body #home-entry-cards > a > div {
    background: #ffffff !important;
    border: 1px solid #eef0f3 !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .08) !important;
    padding: 12px 11px 12px !important;
  }
  html body #home-entry-cards > a > div > .flex-grow > .flex.items-center {
    gap: 9px !important; margin-bottom: 10px !important; align-items: center !important;
  }
  html body #home-entry-cards > a > div > .flex-grow > .flex.items-center > div:first-child {
    width: 48px !important; height: 48px !important; min-width: 48px !important; flex: 0 0 48px !important;
    background: #ffffff !important; border-radius: 50% !important;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .15) !important;
  }
  html body #home-entry-cards > a > div > .flex-grow > .flex.items-center img {
    width: 30px !important; height: 30px !important; object-fit: contain !important;
  }
  html body #home-entry-cards h3 {
    margin: 0 !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 16px !important; line-height: 1.15 !important; font-weight: 600 !important;
    letter-spacing: -0.2px !important; color: #043E6B !important;
  }
  html body #home-entry-cards > a > div > .flex-grow > p.home-entry-kicker {
    margin: 0 0 6px !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 10px !important; line-height: 1.45 !important; font-weight: 500 !important;
    letter-spacing: 0 !important; word-spacing: 0 !important;
    text-transform: uppercase !important; color: #C59420 !important;
  }
  html body #home-entry-cards > a > div > .flex-grow > p:not(.home-entry-kicker) {
    margin: 0 !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 11px !important; line-height: 1.45 !important; font-weight: 400 !important;
    letter-spacing: 0 !important; word-spacing: 0 !important; color: #222222 !important;
  }
  html body #home-entry-cards > a > div > div:last-child {
    margin-top: 12px !important;
    height: 32px !important; min-height: 32px !important;
    padding: 0 6px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    border-radius: 9px !important;
    background: #043E6B !important; color: #ffffff !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 10.5px !important; line-height: 1.1 !important; font-weight: 500 !important;
    letter-spacing: 0 !important; word-spacing: 0 !important;
    text-transform: uppercase !important; white-space: nowrap !important;
  }
  @media (max-width: 380px) {
    html body #home-entry-cards h3 { font-size: 14.5px !important; }
    html body #home-entry-cards > a > div > .flex-grow > .flex.items-center > div:first-child { width: 42px !important; height: 42px !important; min-width: 42px !important; flex-basis: 42px !important; }
    html body #home-entry-cards > a > div > .flex-grow > .flex.items-center img { width: 26px !important; height: 26px !important; }
    html body #home-entry-cards > a > div > div:last-child { font-size: 9.5px !important; }
  }
  @media (min-width: 640px) {
    html body #home-entry-cards > a > div { padding: 16px 14px 14px !important; }
    html body #home-entry-cards h3 { font-size: 17px !important; }
    html body #home-entry-cards > a > div > .flex-grow > p.home-entry-kicker { font-size: 11px !important; }
    html body #home-entry-cards > a > div > .flex-grow > p:not(.home-entry-kicker) { font-size: 12px !important; }
    html body #home-entry-cards > a > div > div:last-child { height: 34px !important; min-height: 34px !important; font-size: 11px !important; }
  }

  /* ---------- Mobile Zameeni Haqaiq (reference: wider, shorter photo, arrow lower) ---------- */
  @media (max-width: 1023px) {
    html body .mobile-zameeni-wrap { padding-left: 12px !important; padding-right: 12px !important; }
    html body .mobile-zameeni-card {
      max-width: 520px !important; width: 100% !important;
      height: 162px !important; border-radius: 20px !important;
    }
    html body .mobile-zameeni-card > div:nth-child(2) {
      left: 10px !important; right: 10px !important; bottom: 10px !important; height: 72px !important;
    }
    html body .mobile-zameeni-person {
      left: 18px !important; top: 22px !important;
      width: 30% !important; max-width: 128px !important; height: 128px !important;
    }
    html body .mobile-zameeni-logo { right: 20px !important; top: 14px !important; }
    html body .mobile-zameeni-logo img { height: 56px !important; width: 170px !important; }
    html body .mobile-zameeni-copy {
      left: calc(min(30%, 128px) + 34px) !important; right: 18px !important; bottom: 26px !important;
    }
    html body .mobile-zameeni-copy > p { font-size: clamp(11px, 3.3vw, 13px) !important; color: #D8AE49 !important; }
    html body .mobile-zameeni-copy > div > p { font-size: clamp(11px, 3.4vw, 13.5px) !important; }
    html body .mobile-zameeni-arrow {
      position: absolute !important; right: 0 !important; bottom: -17px !important; margin: 0 !important; z-index: 5 !important;
      font-size: 22px !important; line-height: 1 !important; color: #D8AE49 !important;
    }
  }


/* id="mobile-fixes-20261028b" */

  /* ---- Entry cards: rows apne content jitne (pehle har row sab se lambe card jitni thi) ---- */
  html body #home-entry-cards { grid-template-rows: none !important; }
  html body #home-entry-cards > a > div { height: 100% !important; min-height: 0 !important; display: flex !important; flex-direction: column !important; }
  html body #home-entry-cards > a > div > .flex-grow { flex: 0 0 auto !important; }
  html body #home-entry-cards > a > div > div:last-child { margin-top: auto !important; }
  html body #home-entry-cards > a > div > .flex-grow > p:not(.home-entry-kicker) { margin-bottom: 12px !important; }
  @media (max-width: 639px) {
    html body .home-entry-position { padding-left: 12px !important; padding-right: 12px !important; }
    html body #home-entry-cards { gap: 8px !important; }
    html body #home-entry-cards > a > div { padding: 10px 9px 10px !important; }
    html body #home-entry-cards > a > div > .flex-grow > .flex.items-center { gap: 8px !important; }
    html body #home-entry-cards > a > div > .flex-grow > .flex.items-center > div:first-child {
      width: clamp(40px, 12.5vw, 52px) !important; height: clamp(40px, 12.5vw, 52px) !important;
      min-width: clamp(40px, 12.5vw, 52px) !important; flex: 0 0 clamp(40px, 12.5vw, 52px) !important;
    }
    html body #home-entry-cards > a > div > .flex-grow > .flex.items-center img {
      width: clamp(25px, 7.8vw, 32px) !important; height: clamp(25px, 7.8vw, 32px) !important;
    }
    html body #home-entry-cards h3 { font-size: clamp(13.5px, 4.1vw, 17px) !important; }
    html body #home-entry-cards > a > div > .flex-grow > p.home-entry-kicker { font-size: clamp(9px, 2.55vw, 11px) !important; }
    html body #home-entry-cards > a > div > .flex-grow > p:not(.home-entry-kicker) { font-size: clamp(10.5px, 2.85vw, 12px) !important; line-height: 1.42 !important; }
    html body #home-entry-cards > a > div > div:last-child {
      height: clamp(28px, 8vw, 34px) !important; min-height: clamp(28px, 8vw, 34px) !important; font-size: clamp(8.5px, 2.6vw, 11.5px) !important; letter-spacing: -0.15px !important;
    }
  }

  /* ---- Research cards (mobile): title poora dikhe, tags/button card ke andar ---- */
  @media (max-width: 767px) {
    html body .rp-mobile.rp-paged-slider .rp-pages { align-items: stretch !important; }
    html body .rp-mobile.rp-paged-slider .rp-page { height: auto !important; max-height: none !important; align-self: stretch !important; align-items: stretch !important; }
    html body .rp-mobile.rp-paged-slider .rp-page .rp-card,
    html body .rp-mobile.rp-paged-slider .rp-card,
    html body .rp-mobile.rp-paged-slider .rp-reference-card {
      height: auto !important; min-height: 246px !important; max-height: none !important;
      grid-template-rows: auto auto 1fr auto auto !important;
    }
    html body .rp-mobile.rp-paged-slider .rp-card h3,
    html body .rp-mobile.rp-paged-slider .rp-reference-card h3 {
      height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important;
      font-size: clamp(12.5px, 3.8vw, 14px) !important; line-height: 1.12 !important;
    }
    html body .rp-mobile.rp-paged-slider .rp-card > p { height: auto !important; margin-bottom: 6px !important; }
    html body .rp-mobile.rp-paged-slider .rp-tags,
    html body .rp-mobile.rp-paged-slider .rp-feature-tags { height: auto !important; max-height: none !important; overflow: visible !important; gap: 3px !important; margin-bottom: 6px !important; }
    html body .rp-mobile.rp-paged-slider .rp-tags span,
    html body .rp-mobile.rp-paged-slider .rp-feature-tags span {
      height: auto !important; min-height: 19px !important; padding: 3px 2px !important;
      font-size: clamp(8px, 2.4vw, 9.5px) !important; line-height: 1.1 !important; letter-spacing: -0.2px !important;
      white-space: normal !important; overflow: visible !important; text-align: center !important;
    }
    html body .rp-mobile.rp-paged-slider .rp-btn {
      font-size: clamp(9px, 2.75vw, 11px) !important; letter-spacing: -0.2px !important; padding: 0 5px !important;
    }
    html body .rp-mobile.rp-paged-slider .rp-btn b { font-size: 13px !important; }
  }


/* id="mobile-fixes-20261028c" */

  @media (max-width: 639px) {
    html body #home-entry-cards, html body #home-entry-cards * { -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; }
    /* cards chaure: page kinare aur beech ka gap kam */
    html body .home-entry-position { padding-left: 7px !important; padding-right: 7px !important; }
    html body #home-entry-cards { gap: 6px !important; }
    html body #home-entry-cards > a > div { padding: 8px 8px 9px !important; }
    html body #home-entry-cards > a > div > .flex-grow > .flex.items-center { gap: 7px !important; }
    html body #home-entry-cards > a > div > .flex-grow > .flex.items-center > div:first-child {
      width: 40px !important; height: 40px !important; min-width: 40px !important; flex: 0 0 40px !important;
    }
    html body #home-entry-cards > a > div > .flex-grow > .flex.items-center img { width: 25px !important; height: 25px !important; }
    html body #home-entry-cards h3 { font-size: 14px !important; }
    html body #home-entry-cards > a > div > .flex-grow > p.home-entry-kicker {
      margin: 0 0 3px !important; font-size: 9px !important; line-height: 1.3 !important;
    }
    html body #home-entry-cards > a > div > .flex-grow > p:not(.home-entry-kicker) {
      margin: 0 0 8px !important; font-size: 10.5px !important; line-height: 1.3 !important;
    }
    html body #home-entry-cards > a > div > div:last-child {
      height: 27px !important; min-height: 27px !important; border-radius: 8px !important;
      font-size: 9px !important; padding: 0 3px !important;
    }
  }

  /* Zameeni Haqaiq arrow: text se alag, dark patti ke neeche right corner mein */
  .mobile-zameeni-arrow2 { display: none; }
  @media (max-width: 1023px) {
    html body .mobile-zameeni-copy { right: 52px !important; }
    html body .mobile-zameeni-arrow2 {
      display: block; position: absolute; z-index: 40;
      right: 26px; bottom: 16px;
      font-family: Arial, sans-serif; font-size: 22px; line-height: 1; font-weight: 300;
      color: #D8AE49;
    }
  }


/* id="mobile-fixes-20261028d" */

  @media (max-width: 639px) {
    /* ---- Hero: cards text ke foran neeche (faltu khali jagah khatam) ---- */
    html body .home-hero-bg { min-height: 0 !important; padding-bottom: 70px !important; }
    html body .home-hero-text { margin-bottom: 0 !important; }
    html body .home-entry-spacer { height: 0 !important; }
    html body .home-entry-position,
    html.android-device body .home-entry-position { margin-top: 0 !important; padding-top: 0 !important; }
    html body .home-entry-wrapper,
    html body .home-entry-wrapper.animate-fade-up-onload.mbs1,
    html.android-device body .home-entry-wrapper.animate-fade-up-onload.mbs1 { margin-top: -52px !important; }

    /* ---- Cards: reference ke proportion (screen width ke hisaab se) ---- */
    html body .home-entry-position { padding-left: 4.3vw !important; padding-right: 4.3vw !important; }
    html body #home-entry-cards { gap: 1.7vw !important; row-gap: 1.7vw !important; }
    html body #home-entry-cards > a > div { padding: 3vw 2.9vw 3vw !important; border-radius: 12px !important; }
    html body #home-entry-cards > a > div > .flex-grow > .flex.items-center { gap: 2vw !important; }
    html body #home-entry-cards > a > div > .flex-grow > .flex.items-center > div:first-child {
      width: 11.5vw !important; height: 11.5vw !important; min-width: 11.5vw !important; flex: 0 0 11.5vw !important;
    }
    html body #home-entry-cards > a > div > .flex-grow > .flex.items-center img { width: 7.7vw !important; height: 7.7vw !important; }
    html body #home-entry-cards h3 { font-size: 3.75vw !important; line-height: 1.1 !important; letter-spacing: -0.3px !important; }
    html body #home-entry-cards > a > div > .flex-grow > p.home-entry-kicker {
      margin: 0 0 1.4vw !important; font-size: 2.6vw !important; line-height: 1.45 !important;
    }
    html body #home-entry-cards > a > div > .flex-grow > p:not(.home-entry-kicker) { font-size: 2.75vw !important;
    }
    html body #home-entry-cards > a > div > div:last-child {
      height: 7.2vw !important; min-height: 7.2vw !important;
      font-size: 2.6vw !important;
    }
  }


/* id="mobile-fixes-20261028e" */

  @media (max-width: 639px) {
    html body .home-entry-position { padding-left: 5vw !important; padding-right: 5vw !important; }
    html body #home-entry-cards { gap: 1.9vw !important; row-gap: 2.2vw !important; }
    html body #home-entry-cards > a > div { padding: 2.6vw 2vw 2.8vw 2.6vw !important; }
    html body #home-entry-cards > a > div > .flex-grow > .flex.items-center { gap: 2.2vw !important; margin-bottom: 2.6vw !important; }
    html body #home-entry-cards > a > div > .flex-grow > .flex.items-center > div:first-child {
      width: 12vw !important; height: 12vw !important; min-width: 12vw !important; flex: 0 0 12vw !important;
    }
    html body #home-entry-cards > a > div > .flex-grow > .flex.items-center img { width: 7.4vw !important; height: 7.4vw !important; }
    html body #home-entry-cards h3 { font-size: 3.9vw !important; line-height: 1.12 !important; letter-spacing: -0.2px !important; }
    html body #home-entry-cards > a > div > .flex-grow > p.home-entry-kicker {
      margin: 0 0 1.2vw !important; font-size: 2.45vw !important; line-height: 1.5 !important; letter-spacing: 0.15px !important;
    }
    html body #home-entry-cards > a > div > .flex-grow > p:not(.home-entry-kicker) {
      margin: 0 0 2.8vw !important; font-size: 2.55vw !important; line-height: 1.45 !important; letter-spacing: 0 !important;
    }
    html body #home-entry-cards > a > div > div:last-child {
      width: 100% !important; height: 6.8vw !important; min-height: 6.8vw !important; border-radius: 2vw !important;
      font-size: 2.45vw !important; padding: 0 1vw !important;
    }
  }


/* id="home-entry-cards-compact-20261028" */

@media (max-width: 639px) {
  html body .home-entry-position {
    padding-left: 2.4vw !important;
    padding-right: 2.4vw !important;
  }
  html body #home-entry-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 1.6vw !important;
    row-gap: 2vw !important;
    align-items: stretch !important;
  }
  html body #home-entry-cards > a {
    min-width: 0 !important;
    height: 100% !important;
  }
  html body #home-entry-cards > a > div {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 9px 8px 9px !important;
    display: flex !important;
    flex-direction: column !important;
  }
  html body #home-entry-cards > a > div > .flex-grow {
    flex: 1 1 auto !important;
    min-height: 0 !important;
  }
  html body #home-entry-cards > a > div > .flex-grow > .flex.items-center {
    margin-bottom: 6px !important;
    gap: 5px !important;
    align-items: center !important;
  }
  html body #home-entry-cards > a > div > .flex-grow > .flex.items-center > div:first-child {
    width: 39px !important;
    height: 39px !important;
    min-width: 39px !important;
    flex: 0 0 39px !important;
  }
  html body #home-entry-cards > a > div > .flex-grow > .flex.items-center img {
    width: 27px !important;
    height: 27px !important;
    object-fit: contain !important;
  }
  html body #home-entry-cards h3 {
    margin: 0 !important;
    font-size: clamp(12px, 3.65vw, 15px) !important;
    line-height: 1.08 !important;
  }
  html body #home-entry-cards > a > div > .flex-grow > p.home-entry-kicker {
    margin: 0 0 4px !important;
    font-size: 11px !important;
    line-height: 1.24 !important;
  }
  html body #home-entry-cards > a > div > .flex-grow > p:not(.home-entry-kicker) {
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.28 !important;
  }
  html body #home-entry-cards > a > div > div:last-child {
    margin-top: 9px !important;
    height: auto !important;
    min-height: 28px !important;
    padding: 6px 3px !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}


/* id="home-entry-lower-two-tight-20261028" */

@media (max-width: 639px) {
  html body #home-entry-cards > a:nth-child(3) > div,
  html body #home-entry-cards > a:nth-child(4) > div {
    padding: 7px 7px 8px !important;
    min-height: 0 !important;
  }
  html body #home-entry-cards > a:nth-child(3) > div > .flex-grow > .flex.items-center,
  html body #home-entry-cards > a:nth-child(4) > div > .flex-grow > .flex.items-center {
    margin-bottom: 4px !important;
    gap: 4px !important;
  }
  html body #home-entry-cards > a:nth-child(3) > div > .flex-grow > .flex.items-center > div:first-child,
  html body #home-entry-cards > a:nth-child(4) > div > .flex-grow > .flex.items-center > div:first-child {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    flex: 0 0 34px !important;
  }
  html body #home-entry-cards > a:nth-child(3) > div > .flex-grow > .flex.items-center img,
  html body #home-entry-cards > a:nth-child(4) > div > .flex-grow > .flex.items-center img {
    width: 25px !important;
    height: 25px !important;
  }
  html body #home-entry-cards > a:nth-child(3) h3,
  html body #home-entry-cards > a:nth-child(4) h3 {
    font-size: 12px !important;
    letter-spacing: -0.25px !important;
  }
  html body #home-entry-cards > a:nth-child(3) > div > .flex-grow > p.home-entry-kicker,
  html body #home-entry-cards > a:nth-child(4) > div > .flex-grow > p.home-entry-kicker {
    margin-bottom: 3px !important;
    line-height: 1.16 !important;
  }
  html body #home-entry-cards > a:nth-child(3) > div > .flex-grow > p:not(.home-entry-kicker),
  html body #home-entry-cards > a:nth-child(4) > div > .flex-grow > p:not(.home-entry-kicker) {
    line-height: 1.2 !important;
  }
  html body #home-entry-cards > a:nth-child(3) > div > div:last-child,
  html body #home-entry-cards > a:nth-child(4) > div > div:last-child {
    margin-top: 5px !important;
    min-height: 27px !important;
    padding: 5px 2px !important;
  }
}


/* id="home-entry-lower-headings-reference-20261028" */

@media (max-width: 639px) {
  html body #home-entry-cards > a:nth-child(3) > div,
  html body #home-entry-cards > a:nth-child(4) > div {
    padding: 10px 9px 10px !important;
  }
  html body #home-entry-cards > a:nth-child(3) > div > .flex-grow > .flex.items-center,
  html body #home-entry-cards > a:nth-child(4) > div > .flex-grow > .flex.items-center {
    gap: 7px !important;
    margin-bottom: 7px !important;
    align-items: center !important;
  }
  html body #home-entry-cards > a:nth-child(3) > div > .flex-grow > .flex.items-center > div:first-child,
  html body #home-entry-cards > a:nth-child(4) > div > .flex-grow > .flex.items-center > div:first-child {
    width: 43px !important;
    height: 43px !important;
    min-width: 43px !important;
    flex: 0 0 43px !important;
  }
  html body #home-entry-cards > a:nth-child(3) > div > .flex-grow > .flex.items-center img,
  html body #home-entry-cards > a:nth-child(4) > div > .flex-grow > .flex.items-center img {
    width: 32px !important;
    height: 32px !important;
    object-fit: contain !important;
  }
  html body #home-entry-cards > a:nth-child(3) h3,
  html body #home-entry-cards > a:nth-child(4) h3 {
    min-width: 0 !important;
    font-size: 16px !important;
    line-height: 1.03 !important;
    font-weight: 800 !important;
    letter-spacing: -0.35px !important;
    margin: 0 !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
  }
  html body #home-entry-cards > a:nth-child(3) > div > .flex-grow > p.home-entry-kicker,
  html body #home-entry-cards > a:nth-child(4) > div > .flex-grow > p.home-entry-kicker {
    margin-bottom: 5px !important;
  }
}


/* id="home-entry-lower-no-blank-space-20261028" */

@media (max-width: 639px) {
  html body #home-entry-cards > a:nth-child(n+3) > div {
    height: auto !important;
    min-height: 0 !important;
    padding: 9px 8px 9px !important;
    justify-content: flex-start !important;
  }
  html body #home-entry-cards > a:nth-child(n+3) > div > .flex-grow {
    flex: 0 0 auto !important;
  }
  html body #home-entry-cards > a:nth-child(n+3) > div > .flex-grow > .flex.items-center {
    gap: 6px !important;
    margin-bottom: 6px !important;
  }
  html body #home-entry-cards > a:nth-child(n+3) > div > .flex-grow > .flex.items-center > div:first-child {
    width: 43px !important;
    height: 43px !important;
    min-width: 43px !important;
    flex: 0 0 43px !important;
  }
  html body #home-entry-cards > a:nth-child(n+3) > div > .flex-grow > .flex.items-center img {
    width: 32px !important;
    height: 32px !important;
  }
  html body #home-entry-cards > a:nth-child(n+3) h3 {
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.03 !important;
    letter-spacing: -0.35px !important;
  }
  html body #home-entry-cards > a:nth-child(n+3) > div > .flex-grow > p.home-entry-kicker {
    margin-bottom: 4px !important;
  }
  html body #home-entry-cards > a:nth-child(n+3) > div > .flex-grow > p:not(.home-entry-kicker) {
    font-size: 11px !important;
    line-height: 1.25 !important;
    margin: 0 !important;
  }
  html body #home-entry-cards > a:nth-child(n+3) > div > div:last-child {
    margin-top: 6px !important;
    min-height: 27px !important;
    padding: 5px 2px !important;
  }
}


/* id="android-only-fix-20261028" */

/* html.android-device class sirf Android par lagti hai (head ka script). */

/* Android ka automatic text enlargement band */
html.android-device,
html.android-device body {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}

/* ---------- TOP 4 CARDS: Android par bhi wahi position jo iPhone par ---------- */
@media (max-width: 639px) {
  html.android-device body .home-entry-spacer { height: 0 !important; }
  html.android-device body .home-entry-position {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  html.android-device body .home-entry-wrapper,
  html.android-device body .home-entry-wrapper.animate-fade-up-onload.mbs1 {
    margin-top: -52px !important;
  }

  /* Lamba button text (EXPLORE RESEARCH SERVICES) card se bahar na jaye */
  html.android-device body #home-entry-cards > a > div > div:last-child {
    box-sizing: border-box !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 28px !important;
    padding: 5px 4px !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    text-align: center !important;
  }
}

@media (min-width: 640px) and (max-width: 767px) {
  html.android-device body .home-entry-position { margin-top: -6rem !important; }
  html.android-device body .home-entry-wrapper.animate-fade-up-onload.mbs1 { margin-top: -58px !important; }
}

@media (max-width: 400px) {
  html.android-device body #home-entry-cards > a > div > div:last-child {
    font-size: 10px !important;
    padding: 5px 3px !important;
  }
}

/* ---------- PART OF SYEDSHAYAN.COM: Android par text card ke saath scale ho ---------- */
@media (max-width: 640px) {
  html.android-device #ss-partners .ssp-url { font-size: 2.88cqw !important; }

  html.android-device #ss-partners .ssp-otd-mark span { font-size: 4.6cqw !important; }
  html.android-device #ss-partners .ssp-otd-mark strong { font-size: 7.2cqw !important; }
  html.android-device #ss-partners .ssp-calendar {
    width: 12.7cqw !important;
    border-width: 0.86cqw !important;
  }
  html.android-device #ss-partners .ssp-weekday { font-size: 2.6cqw !important; }
  html.android-device #ss-partners .ssp-day { font-size: 5.2cqw !important; }
  html.android-device #ss-partners .ssp-month { font-size: 3.17cqw !important; }
  html.android-device #ss-partners .ssp-otd .ssp-otd-copy h3 { font-size: 3.8cqw !important; }
  html.android-device #ss-partners .ssp-otd .ssp-otd-copy p { font-size: 2.9cqw !important; }

  html.android-device #ss-partners .ssp-renews .ssp-content h3 { font-size: 3.17cqw !important; }
  html.android-device #ss-partners .ssp-renews .ssp-content p { font-size: 2.88cqw !important; }

  html.android-device #ss-partners .ssp-survey .ssp-content h3 { font-size: 4.3cqw !important; }
  html.android-device #ss-partners .ssp-survey .ssp-content p { font-size: 2.95cqw !important; }
}


/* id="shehrbeen-card-logo-text-20261028" */

html body #ss-partners .ssp-shehr .ssp-content {
  width: 50% !important;
  max-width: 50% !important;
  padding-left: 4.5% !important;
  padding-right: 0 !important;
  justify-content: center !important;
}
html body #ss-partners .ssp-shehr .ssp-logo {
  height: 18cqw !important;
  width: auto !important;
  max-width: 100% !important;
  margin: -1.6cqw 0 -1.8cqw -1.2cqw !important;
}
html body #ss-partners .ssp-shehr .ssp-content h3 {
  margin: 0 0 .5cqw !important;
  white-space: nowrap !important;
  font-size: 3.05cqw !important;
  line-height: 1.2 !important;
}
html body #ss-partners .ssp-shehr .ssp-content p {
  white-space: normal !important;
  font-size: 2.8cqw !important;
  line-height: 1.28 !important;
}


/* id="home-entry-cards-equal-20261028" */

/* Grid ki har row sab se lambe card jitni: chaaron cards ki height ek jaisi */
html body #home-entry-cards.grid {
  grid-auto-rows: 1fr !important;
  grid-template-rows: none !important;
  align-items: stretch !important;
}
html body #home-entry-cards.grid > a:nth-child(n) {
  display: block !important;
  height: 100% !important;
  min-width: 0 !important;
}
html body #home-entry-cards.grid > a:nth-child(n) > div {
  box-sizing: border-box !important;
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}
html body #home-entry-cards.grid > a:nth-child(n) > div > .flex-grow {
  flex: 1 1 auto !important;
}
/* Button hamesha card ke neeche, chaaron cards mein ek hi line par */
html body #home-entry-cards.grid > a:nth-child(n) > div > div:last-child {
  margin-top: auto !important;
  flex: 0 0 auto !important;
}
@media (max-width: 639px) {
  html body #home-entry-cards.grid > a:nth-child(n) > div > div:last-child {
    min-height: 28px !important;
  }
  /* Text aur button ke darmiyan ek jaisa gap */
  html body #home-entry-cards.grid > a:nth-child(n) > div > .flex-grow {
    padding-bottom: 8px !important;
  }
  /* Chaaron cards ki andar ki padding ek jaisi */
  html body #home-entry-cards.grid > a:nth-child(n) > div {
    padding: 9px 8px 9px !important;
  }
}


/* id="single-hero-background-20261028" */

  /* Hero ki purani do alag images (mobile/desktop) ki jagah ek hi image */
  html body .home-hero-bg {
    background-image: url('/Images/background.png') !important;
    background-color: transparent !important;
  }
  html body .home-hero-bg::before {
    display: none !important;
  }
  /* Desktop: leave the header entirely to header_test.php.
     Only the homepage hero body keeps its own image. */
  @media (min-width: 1024px) {
    html body .home-hero-bg {
      background-position: center -100px !important;
      background-color: #7797c0 !important;
    }
  }


/* id="homepage-hero-final-visual-fix-20261029" */

/* Desktop: do not modify header.php's header, logo, menu or background. */
@media (min-width:1024px) {
  html body .home-hero-bg { position:relative !important; isolation:isolate; }
  html body .home-hero-bg > .container { position:relative !important; z-index:3 !important; }
  /* Gentle readable backing under the heading, without hiding the sky. */
  html body .home-hero-bg::before {
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    pointer-events:none !important;
    background:linear-gradient(90deg,rgba(238,244,253,.34),transparent 48%) !important;
  }
  html body .home-hero-bg::after {
    content:"";
    display:block;
    position:absolute;
    left:0;right:0;bottom:0;
    height:34%;
    background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.93));
    pointer-events:none;
    z-index:2;
  }
}
/* Mobile: same artwork, fixed in CSS. No JS repaint or slide on load. */
@media (max-width:639px) {
  html body header.only-header-mobile-h,
  html body header.only-header-mobile-h.scrolled {
    background-image:url('/Images/background.png') !important;
    background-repeat:no-repeat !important;
    background-size:100vw auto !important;
    background-position:center top !important;
    transition:none !important;
    animation:none !important;
  }
  html body .home-hero-bg {
    background-image:url('/Images/background.png') !important;
    background-repeat:no-repeat !important;
    background-size:100vw auto !important;
    background-position:center -100px !important;
    position:relative !important;
    isolation:isolate;
  }
  html body .home-hero-bg > .container { position:relative !important; z-index:3 !important; }
  html body .home-hero-bg::after {
    content:"";
    position:absolute;
    left:0;right:0;bottom:0;
    height:28%;
    background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.94));
    pointer-events:none;
    z-index:2;
  }
}


/* id="home-desktop-heading-spacing-20261029" */

@media (min-width: 1024px) {
  html body .home-hero-bg .home-hero-text {
    margin-top: 0 !important;
    padding-top: 26px !important;
  }
}


/* id="ss-desktop-seamless-sky-20261029" */

@media (min-width: 1024px) {
  /* Match the header and hero to one source image, without altering other pages. */
  html body:has(.home-hero-bg) header.only-header-mobile-h,
  html body:has(.home-hero-bg) header.only-header-mobile-h.scrolled {
    background-position: center top !important;
    background-color: #7797c0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }
  /* The hero starts 92px down because its parent has -mt-2 (minus 8px).
     Matching that offset keeps rays and clouds aligned without a join. */
  html body .home-hero-bg {
    background-image: url('/Images/header-dekstop.png') !important;
    background-repeat: no-repeat !important;
    background-size: 100vw auto !important;
    background-position: center -92px !important;
    border-top: 0 !important;
    box-shadow: none !important;
  }
}


/* id="ss-desktop-static-sun-20261029" */

@media (min-width: 1024px) {
  html body:has(.home-hero-bg) header.only-header-mobile-h,
  html body:has(.home-hero-bg) header.only-header-mobile-h.scrolled {
    background-image: url('/Images/header-dekstop.png') !important;
    background-repeat: no-repeat !important;
    background-size: 100vw auto !important;
    background-position: center -45px !important;
    background-attachment: scroll !important;
    animation: none !important;
    transition: none !important;
    transform: none !important;
    filter: none !important;
  }
  html body:has(.home-hero-bg) header.only-header-mobile-h::before,
  html body:has(.home-hero-bg) header.only-header-mobile-h::after {
    animation: none !important;
    transition: none !important;
  }
  html body .home-hero-bg {
    background-position: center -137px !important;
    background-attachment: scroll !important;
    animation: none !important;
    transition: none !important;
  }
}


/* id="zh-card-height-only-20261030" */

@media (max-width: 1023px) {
  html body .mobile-zameeni-card {
    height: 148px !important;
  }
  html body .mobile-zameeni-person {
    top: 17px !important;
    height: 116px !important;
  }
  html body .mobile-zameeni-card > div:nth-of-type(2) {
    bottom: 9px !important;
    height: 64px !important;
  }
  html body .mobile-zameeni-logo {
    top: 8px !important;
  }
  html body .mobile-zameeni-logo img {
    height: 53px !important;
  }
  html body .mobile-zameeni-copy {
  }
  html body .mobile-zameeni-arrow2 {
    bottom: 14px !important;
  }
}


/* id="zh-mobile-text-arrow-alignment-20261030" */

@media (max-width: 1023px) {
  html body .mobile-zameeni-copy {
    left: calc(min(30%, 128px) + 27px) !important;
    right: 37px !important;
    bottom: 20px !important;
    text-align: left !important;
  }
  html body .mobile-zameeni-copy > p {
    font-size: 11.5px !important;
    line-height: 14px !important;
    white-space: nowrap !important;
  }
  html body .mobile-zameeni-copy > div {
    margin-top: 2px !important;
    align-items: center !important;
  }
  html body .mobile-zameeni-copy > div > p {
    font-size: 11px !important;
    line-height: 14px !important;
    letter-spacing: -0.2px !important;
    white-space: nowrap !important;
  }
  html body .mobile-zameeni-arrow2 {
    display: block !important;
    right: 20px !important;
    bottom: 20px !important;
    font-size: 15px !important;
    line-height: 14px !important;
    font-weight: 400 !important;
  }
}


/* id="homepage-body-text-and-picture-20261031" */

  html body .home-hero-bg {
    background-image: url('/Images/home-again.jpeg.png') !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
  }
  html body .home-hero-bg .figma-hero-title .hero-line-navy,
  html body .home-hero-bg .figma-hero-title .hero-line-gold {
    color: #043E6B !important;
    font-style: normal !important;
  }
  html body .home-hero-bg .home-hero-description {
    max-width: 450px;
    color: #161616 !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    margin: 7px 0 0 !important;
  }
  html body .home-hero-bg .home-hero-description-second { margin-top: 15px !important; }
  @media(max-width:767px) {
    html body .home-hero-bg { background-position: center center !important; }
    html body .home-hero-bg .home-hero-text { max-width: 100% !important; }
    html body .home-hero-bg .home-hero-description { max-width: 270px !important; font-size: 12px !important; line-height: 1.2 !important; }
  }


/* id="home-entry-compact-alignment-20261031" */

/* Final mobile match: compact cards as in reference image 1. */
@media (max-width:767px) {
  html body #home-entry-cards {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px 8px!important;
    align-items:stretch!important;
  }
  html body #home-entry-cards > a.entry-photo-link {
  }
  html body #home-entry-cards .entry-photo-card {
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    height:100%!important;
    min-height:0!important;
    padding:7px 7px 8px!important;
    border-radius:12px!important;
  }
  html body #home-entry-cards .entry-photo {
    height:65px!important;
    min-height:65px!important;
    flex:0 0 65px!important;
    margin:0 0 3px!important;
  }
  html body #home-entry-cards .entry-photo img {
    width:100%!important;
    height:100%!important;
  }
  html body #home-entry-cards .entry-photo-title {
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:2px 1px 5px!important;
    font-size:15px!important;
    line-height:1.12!important;
    font-weight:800!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
  }
  html body #home-entry-cards .entry-photo-kicker {
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 1px 4px!important;
    font-size:11px!important;
    line-height:1.25!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
  }
  html body #home-entry-cards .entry-photo-copy {
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 1px 7px!important;
    font-size:11px!important;
    line-height:1.18!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
  }
  html body #home-entry-cards .entry-photo-btn {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 28px!important;
    width:100%!important;
    height:28px!important;
    min-height:28px!important;
    margin:auto 0 0!important;
    padding:3px 2px!important;
    border-radius:8px!important;
    font-family:'Roboto Condensed',Arial,sans-serif!important;
    font-size:11px!important;
    font-weight:700!important;
    line-height:1!important;
    letter-spacing:-.15px!important;
    white-space:nowrap!important;
  }
}
@media (max-width:390px) {
  html body #home-entry-cards .entry-photo-card {padding:6px 6px 7px!important}
  html body #home-entry-cards .entry-photo {height:62px!important;min-height:62px!important;flex-basis:62px!important}
  html body #home-entry-cards .entry-photo-title {font-size:14px!important}
}


/* original line 21178 */

/* ONLY homepage photo cards; header_test.php is untouched. */
#home-entry-cards .entry-photo-title {font-weight:700!important;}
#home-entry-cards .entry-photo-kicker {color:#D6A839!important;font-weight:500!important;}
@media(max-width:767px){
  /* Same-height first row; no artificial empty title/subtitle rows. */
  html body #home-entry-cards > a:nth-child(-n+2) .entry-photo-card {
    display:flex!important; flex-direction:column!important;
    grid-template-rows:none!important; gap:0!important;
    height:100%!important;
    padding:7px 7px 7px!important;
  }
  html body #home-entry-cards > a:nth-child(-n+2) .entry-aphoto {
    height:65px!important; min-height:65px!important; flex:0 0 65px!important;
    margin:0 0 3px!important;
  }
  html body #home-entry-cards > a:nth-child(-n+2) .entry-photo-title {
    height:auto!important; min-height:0!important; max-height:none!important;
    margin:2px 1px 3px!important; font-size:15px!important;
    line-height:1.12!important; font-weight:700!important;
    display:block!important; overflow:visible!important;
  }
  html body #home-entry-cards > a:nth-child(-n+2) .entry-photo-kicker {
    height:auto!important; min-height:0!important; max-height:none!important;
    margin:0 1px 3px!important; color:#D6A839!important;
    font-size:11px!important; font-weight:500!important;
    line-height:1.25!important; display:block!important; overflow:visible!important;
  }
  html body #home-entry-cards > a:nth-child(-n+2) .entry-photo-copy {
    display:-webkit-box!important; -webkit-box-orient:vertical!important;
    height:auto!important; min-height:0!important; max-height:none!important;
    margin:0 1px 3px!important; font-size:11px!important;
    line-height:1.18!important; overflow:hidden!important;
  }
  html body #home-entry-cards > a:nth-child(1) .entry-photo-copy {
    -webkit-line-clamp:8!important; line-clamp:8!important;
  }
  html body #home-entry-cards > a:nth-child(2) .entry-photo-copy {
    -webkit-line-clamp:7!important; line-clamp:7!important;
  }
  html body #home-entry-cards > a:nth-child(-n+2) .entry-photo-btn {
    margin-top:auto!important; height:28px!important; min-height:28px!important; white-space:nowrap!important;
  }
  html body #home-entry-cards .entry-photo-title {font-weight:700!important;}
  html body #home-entry-cards .entry-photo-kicker {color:#D6A839!important;}
}


/* id="first-two-cards-bottom-gap-fix" */

@media (max-width:767px) {
  html body #home-entry-cards {
    grid-auto-rows:auto!important;
    align-items:start!important;
  }
  html body #home-entry-cards > a:nth-child(-n+2) {
    height:auto!important;
    align-self:start!important;
  }
  html body #home-entry-cards > a:nth-child(-n+2) .entry-photo-card {
    height:auto!important;
    min-height:0!important;
    padding-bottom:7px!important;
  }
  html body #home-entry-cards > a:nth-child(-n+2) .entry-photo-copy {
    margin-bottom:5px!important;
  }
  html body #home-entry-cards > a:nth-child(-n+2) .entry-photo-btn {
    margin-top:0!important;
    flex:0 0 28px!important;
  }
}


/* id="homepage-cards-3-4-final-mobile" */

#home-entry-cards .card-mobile-break{display:none!important}
#home-entry-cards .card-desktop-space{display:inline!important}
@media(max-width:767px){
  html body #home-entry-cards .card-mobile-break{display:inline!important}
  html body #home-entry-cards .card-desktop-space{display:none!important}
  html body #home-entry-cards > a:nth-child(n+3){
    height:100%!important;align-self:stretch!important;min-width:0!important;
  }
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-card{
    gap:0!important;padding:8px 8px 8px!important;
  }
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo{
    height:62px!important;min-height:62px!important;flex:0 0 62px!important;
  }
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-title{
    display:block!important;height:auto!important;min-height:0!important;
    max-height:none!important;margin:3px 1px 4px!important;
    color:#043E6B!important;font-family:'Poppins',Arial,sans-serif!important;
    font-size:14px!important;line-height:1.13!important;font-weight:600!important;
    letter-spacing:-.25px!important;overflow:visible!important;
  }
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-kicker{
    display:block!important;height:auto!important;min-height:0!important;
    margin:0 1px 4px!important;color:#D6A839!important;
    font-family:'Poppins',Arial,sans-serif!important;
    font-size:11px!important;font-weight:400!important;
    line-height:1.25!important;overflow:visible!important;
  }
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-copy{
    display:block!important;
    max-height:none!important;margin:0 1px 5px!important;line-height:1.23!important;
    overflow:visible!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;
  }
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-btn{
    height:28px!important;min-height:28px!important;
    border-radius:8px!important;padding:3px 2px!important;
    font-family:'Poppins',Arial,sans-serif!important;font-weight:400!important;
    font-size:11px!important;letter-spacing:-.2px!important;
    line-height:1!important;white-space:nowrap!important;
  }
}
@media(max-width:390px){
 html body #home-entry-cards > a:nth-child(n+3) .entry-photo-card{padding:7px 7px 8px!important}
 html body #home-entry-cards > a:nth-child(n+3) .entry-photo-title{font-size:13px!important}
}


/* id="homepage-mobile-gap-and-partners-20261031" */

@media (max-width:767px) {
  html body #home-entry-cards.grid {
    column-gap:8px!important;
    row-gap:10px!important;
    grid-auto-rows:max-content!important;
    align-content:start!important;
    margin-bottom:0!important;
    padding-bottom:0!important;
  }
  html body #home-entry-cards > a.entry-photo-link {
    margin:0!important;padding:0!important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo-card {
    margin:0!important;
  }
}
@media (max-width:640px) {
  /* One full partner banner plus a narrow preview of the next; 1.5x taller. */
  html body #ss-partners .ssp-grid {
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:10px!important;
    padding:4px 14px 12px!important;
    scroll-padding-left:14px!important;
    align-items:stretch!important;
  }
  html body #ss-partners .ssp-card {
    flex:0 0 82vw!important;
    width:82vw!important;
    max-width:82vw!important;
    aspect-ratio:1770 / 732!important;
    height:auto!important;
    min-height:0!important;
    scroll-snap-align:start!important;
    background-size:cover!important;
  }
}


/* id="homepage-mobile-final-fixes-20261031" */

/* 31 Oct final mobile fixes: tighter card gaps, taller partner banners, readable hero text */
@media (max-width: 767px) {
  /* Hero: add strong white gradient behind text like the approved reference */
  html body .home-hero-bg {
    background-size: cover !important;
    background-position: center center !important;
  }
  html body .home-hero-bg > .container {
  }
  html body .home-hero-bg::before {
    width: 69% !important;
    background: linear-gradient(90deg,
      rgba(255,255,255,.94) 0%,
      rgba(255,255,255,.86) 48%,
      rgba(255,255,255,.48) 78%,
      rgba(255,255,255,0) 100%) !important;
  }
  html body .home-hero-bg::after {
    content: "" !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 15% !important;
    z-index: 2 !important;
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.38)) !important;
  }
  html body .home-hero-bg .home-hero-text {
    max-width: 100% !important;
    padding-top: 10px !important;
    padding-right: 10px !important;
  }
  html body .home-hero-bg .home-hero-description {
    max-width: 292px !important;
    font-size: 12px !important;
    line-height: 1.18 !important;
    color: #151515 !important;
    text-shadow: none !important;
  }

  /* Four cards: reduce spacing between cards */
  html body #home-entry-cards {
    column-gap: 6px !important;
    row-gap: 6px !important;
    gap: 6px !important;
  }

  /* Partner banners: one full, next less than half visible, with taller height */
  html body #ss-partners {
    padding-bottom: 28px !important;
  }
  html body #ss-partners .ssp-grid {
    gap: 10px !important;
    padding: 4px 10px 14px !important;
    scroll-padding-left: 10px !important;
  }
  html body #ss-partners .ssp-card {
    flex: 0 0 69vw !important;
    width: 69vw !important;
    max-width: 69vw !important;
    height: 104px !important;
    min-height: 104px !important;
    aspect-ratio: auto !important;
    border-radius: 10px !important;
    background-size: cover !important;
    background-position: center center !important;
  }
}

@media (max-width: 390px) {
  html body .home-hero-bg .home-hero-description {
    max-width: 255px !important;
    font-size: 11.5px !important;
    line-height: 1.17 !important;
  }
  html body #home-entry-cards {
    column-gap: 5px !important;
    row-gap: 5px !important;
    gap: 5px !important;
  }
  html body #ss-partners .ssp-card {
    flex-basis: 71vw !important;
    width: 71vw !important;
    max-width: 71vw !important;
    height: 96px !important;
    min-height: 96px !important;
  }
}


/* id="research-survey-partners-spacing-fix-20261031" */

/* Mobile: add a clean separation after Research & Policy slider */
@media (max-width: 767px) {
  html body .rp-mobile.rp-paged-slider {
    margin-bottom: 20px !important;
    padding-bottom: 12px !important;
  }
  html body .public-opinion-section-wrap {
    margin-top: 12px !important;
  }
  /* ReNews: keep 'Analysis & Updates' clear of the URL overlay */
  html body #ss-partners .ssp-renews .ssp-content {
    box-sizing: border-box !important;
    justify-content: center !important;
    padding-top: 0 !important;
    padding-bottom: 16px !important;
    transform: translateY(-4px) !important;
    gap: 0 !important;
  }
  html body #ss-partners .ssp-renews .ssp-logo {
    height: 8cqw !important;
    max-height: 26px !important;
    margin-top: 0 !important;
    margin-bottom: 1px !important;
  }
  html body #ss-partners .ssp-renews .ssp-content h3 {
    font-size: clamp(11px, 2.9cqw, 14px) !important;
    font-weight: 600 !important;
    line-height: 1.04 !important;
    letter-spacing: -0.25px !important;
    word-spacing: -0.5px !important;
    margin: 0 0 1px !important;
  }
  html body #ss-partners .ssp-renews .ssp-content p {
    font-size: clamp(11px, 2.65cqw, 12px) !important;
    line-height: 1.06 !important;
    letter-spacing: -0.2px !important;
    word-spacing: -0.5px !important;
    margin: 0 !important;
  }
  html body #ss-partners .ssp-renews .ssp-url {
    font-size: 11px !important;
    bottom: 0 !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
}


/* id="desktop-home-hero-card-overlap-fix-20261102" */

@media (min-width: 1024px) {
  html body .home-hero-bg {
    min-height: 365px !important;
    height: auto !important;
    padding-bottom: 72px !important;
  }
  html body .home-hero-bg .home-hero-text {
    max-width: 570px !important;
  }
  html body .home-entry-spacer {
    height: 0 !important;
    display: none !important;
  }
  html body .home-entry-position {
    margin-top: 0 !important;
    padding-top: 0 !important;
    position: relative !important;
  }
  html body .home-entry-position .home-entry-wrapper,
  html body .home-entry-position .home-entry-wrapper.animate-fade-up-onload.mbs1 {
    margin-top: -93px !important;
    position: relative !important;
    max-width: 1115px !important;
  }
  html body #home-entry-cards {
    position: relative !important;
    z-index: 2 !important;
  }
}


/* id="desktop-home-hero-gradient-balance-fix-20261102" */

@media (min-width: 1024px) {
  html body .home-hero-bg {
    min-height: 385px !important;
    background: #ffffff !important;
    overflow: hidden !important;
    padding-bottom: 76px !important;
  }
  html body .home-hero-bg .home-hero-inner {
    min-height: 385px !important;
    align-items: flex-start !important;
  }
  html body .home-hero-bg .home-hero-desktop-image {
    width: 55% !important;
    right: 0 !important;
    top: 0 !important;
    height: 100% !important;
    background-image: url('/Images/home-again.jpeg.png') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    overflow: hidden !important;
  }
  html body .home-hero-bg .home-hero-desktop-image::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background: linear-gradient(90deg,
      rgba(255,255,255,0.98) 0%,
      rgba(255,255,255,0.92) 12%,
      rgba(255,255,255,0.72) 24%,
      rgba(255,255,255,0.28) 40%,
      rgba(255,255,255,0.00) 58%) !important;
    z-index: 2 !important;
  }
  html body .home-hero-bg .home-hero-text {
    position: relative !important;
    z-index: 3 !important;
    width: 43% !important;
    max-width: 470px !important;
    margin-bottom: 0 !important;
    padding-top: 6px !important;
    padding-right: 18px !important;
    padding-bottom: 0 !important;
  }
  html body .home-hero-bg .figma-hero-title {
    max-width: 430px !important;
    font-size: 26px !important;
    line-height: 1.08 !important;
    letter-spacing: -0.35px !important;
    margin-bottom: 0 !important;
  }
  html body .home-hero-bg .figma-hero-title .hero-line-navy,
  html body .home-hero-bg .figma-hero-title .hero-line-gold {
    max-width: 430px !important;
  }
  html body .home-hero-bg .home-hero-description,
  html body .home-hero-bg .home-hero-description-second {
    max-width: 415px !important;
    font-size: 13px !important;
    line-height: 1.23 !important;
    color: #161616 !important;
    text-shadow: none !important;
    margin-right: 0 !important;
  }
  html body .home-hero-bg .home-hero-description-second {
    margin-top: 10px !important;
  }
  html body .home-hero-bg .w-\[180px\] {
    width: 92px !important;
    margin-top: 7px !important;
    margin-bottom: 7px !important;
  }
  html body .home-entry-position .home-entry-wrapper,
  html body .home-entry-position .home-entry-wrapper.animate-fade-up-onload.mbs1 {
    margin-top: -108px !important;
  }
}


/* id="homepage-hero-text-spacing-reference-20261102" */

/* Typography only: match the compact reference; preserve existing layout, gradient, cards. */
html body .home-hero-bg p.home-hero-description,
html body .home-hero-bg p.home-hero-description-second {
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: -0.18px !important;
  word-spacing: -0.25px !important;
  line-height: 1.16 !important;
  font-kerning: normal !important;
}
@media (min-width: 1024px) {
  html body .home-hero-bg p.home-hero-description,
  html body .home-hero-bg p.home-hero-description-second {
    font-size: 13px !important;
    line-height: 1.16 !important;
  }
}
@media (max-width: 767px) {
  html body .home-hero-bg p.home-hero-description,
  html body .home-hero-bg p.home-hero-description-second {
    font-size: 12px !important;
    line-height: 1.15 !important;
  }
}


/* id="home-hero-readability-final-20261102" */

/* Only the homepage hero. Preserve all other sections and card placements. */
html body .home-hero-bg p.home-hero-description,
html body .home-hero-bg p.home-hero-description-second {
  font-family: 'Poppins', Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.12px !important;
  word-spacing: -0.15px !important;
  color: #171717 !important;
  text-align: left !important;
  text-shadow: none !important;
}
@media (max-width: 767px) {
  html body .home-hero-bg {
    position: relative !important;
  }
  /* White stays behind text, fades away before the far-right skyline. */
  html body .home-hero-bg::before {
    width: 92% !important;
    background: linear-gradient(to right,
      #fff 0%, rgba(255,255,255,.98) 36%,
      rgba(255,255,255,.94) 61%,
      rgba(255,255,255,.72) 77%,
      rgba(255,255,255,0) 100%) !important;
  }
  html body .home-hero-bg > .container {
    position: relative !important;
    z-index: 3 !important;
  }
}
@media (min-width: 768px) {
  html body .home-hero-bg p.home-hero-description,
  html body .home-hero-bg p.home-hero-description-second {
    font-size: 13px !important;
    line-height: 1.28 !important;
  }
  html body .home-hero-bg .home-hero-desktop-image::before {
    background: linear-gradient(to right,
      rgba(255,255,255,1) 0%,
      rgba(255,255,255,.98) 14%,
      rgba(255,255,255,.85) 30%,
      rgba(255,255,255,.40) 48%,
      rgba(255,255,255,0) 67%) !important;
  }
}


/* id="homepage-approved-desktop-reference-20261102" */

@media (min-width:1024px) {
  html body .home-hero-bg {
    height:auto !important;
    min-height:382px !important;
    padding-bottom:0 !important;
    overflow:hidden !important;
    background:#fff !important;
  }
  html body .home-hero-bg .home-hero-inner {
    min-height:382px !important;
    height:auto !important;
    align-items:flex-start !important;
  }
  html body .home-hero-bg .home-hero-desktop-image {
    display:block !important;
    position:absolute !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:60% !important;
    height:100% !important;
    background-image:url('/Images/home-again.jpeg.png') !important;
    background-position:center center !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    z-index:1 !important;
  }
  html body .home-hero-bg .home-hero-desktop-image::before {
    content:'' !important;
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    background:linear-gradient(to right,
      #fff 0%, rgba(255,255,255,.99) 9%,
      rgba(255,255,255,.91) 19%, rgba(255,255,255,.58) 33%,
      rgba(255,255,255,.18) 46%, rgba(255,255,255,0) 58%) !important;
    pointer-events:none !important;
  }
  html body .home-hero-bg .home-hero-text {
    position:relative !important;
    z-index:3 !important;
    flex:0 0 45% !important;
    width:45% !important;
    max-width:490px !important;
    margin:0 !important;
    padding:10px 0 0 !important;
  }
  html body .home-hero-bg h1.figma-hero-title {
    max-width:100% !important;
    margin:0 !important;
    color:#043E6B !important;
    font-family:'Lora',Georgia,serif !important;
    font-size:clamp(23px,2.05vw,27px) !important;
    font-weight:700 !important;
    line-height:1.04 !important;
    letter-spacing:-.45px !important;
  }
  html body .home-hero-bg h1.figma-hero-title span {
    display:block !important;
    color:#043E6B !important;
    white-space:nowrap !important;
  }
  html body .home-hero-bg .home-hero-text > .w-\[180px\] {
    width:94px !important;
    height:2px !important;
    margin-top:7px !important;
    margin-bottom:7px !important;
    background:#d7a93a !important;
    opacity:1 !important;
  }
  html body .home-hero-bg .home-hero-text > .mt-2 { margin-top:0 !important; }
  html body .home-hero-bg p.home-hero-description,
  html body .home-hero-bg p.home-hero-description-second {
    width:100% !important;
    max-width:405px !important;
    padding:0 !important;
    margin:0 !important;
    color:#161616 !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:12px !important;
    font-weight:400 !important;
    line-height:1.18 !important;
    letter-spacing:0 !important;
    word-spacing:0 !important;
    text-align:left !important;
    text-shadow:none !important;
  }
  html body .home-hero-bg p.home-hero-description-second {margin-top:8px !important;}
  html body .home-entry-spacer {display:none !important;height:0 !important;}
  html body .home-entry-position {
    position:relative !important;
    z-index:99 !important;
    margin-top:0 !important;
    padding-top:0 !important;
  }
  html body .home-entry-position .home-entry-wrapper,
  html body .home-entry-position .home-entry-wrapper.animate-fade-up-onload.mbs1 {
    width:100% !important;
    max-width:1115px !important;
    margin:-100px auto 0 !important;
    position:relative !important;
  }
  html body #home-entry-cards.grid {
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    grid-auto-rows:1fr !important;
    align-items:stretch !important;
    gap:9px !important;
    position:relative !important;
    z-index:3 !important;
  }
  html body #home-entry-cards > a.entry-photo-link {}
  html body #home-entry-cards > a.entry-photo-link .entry-photo-card {
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
  }
  html body #home-entry-cards .entry-photo-btn {margin-top:auto !important;}
}
@media (min-width:1024px) and (max-width:1199px) {
  html body .home-hero-bg .home-hero-text {width:48% !important;flex-basis:48% !important;}
  html body .home-hero-bg h1.figma-hero-title {font-size:23px !important;}
  html body .home-hero-bg p.home-hero-description,
  html body .home-hero-bg p.home-hero-description-second {font-size:11.5px !important;max-width:365px !important;}
  html body .home-entry-position .home-entry-wrapper,
  html body .home-entry-position .home-entry-wrapper.animate-fade-up-onload.mbs1 {margin-top:-83px !important;}
}


/* id="homepage-card-image-transition-gradient-20261102" */

@media (min-width: 1024px) {
  /* Blend the hero skyline naturally into the white area behind the cards. */
  html body .home-hero-bg .home-hero-desktop-image::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 46% !important;
    background: linear-gradient(to bottom,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.12) 26%,
      rgba(255,255,255,.52) 64%,
      rgba(255,255,255,.93) 90%,
      #fff 100%) !important;
    z-index: 2 !important;
    pointer-events: none !important;
  }
  /* Each card image softly fades into its own white content area. */
  html body #home-entry-cards .entry-photo {
    position: relative !important;
    isolation: isolate !important;
  }
  html body #home-entry-cards .entry-photo::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 56% !important;
    background: linear-gradient(to bottom,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.18) 35%,
      rgba(255,255,255,.72) 78%,
      #fff 100%) !important;
    z-index: 2 !important;
    pointer-events: none !important;
  }
}


/* id="home-final-gradient-card4-spacing-20261102" */

/* The soft fade is on the IMAGE, beneath the cards; no card content is faded. */
@media (min-width:1024px) {
  html body .home-hero-bg .home-hero-desktop-image::after {
    inset:auto 0 0 0 !important;
    height:48% !important;
    background:
      linear-gradient(to bottom, transparent 0%, rgba(255,255,255,.18) 28%, rgba(255,255,255,.77) 78%, #fff 100%),
      linear-gradient(to right, rgba(255,255,255,.36), transparent 26%, transparent 76%, rgba(255,255,255,.35)) !important;
    z-index:2 !important;
  }
}
/* Compact description typography for cards 3 and 4, while retaining readable 11px minimum. */
html body #home-entry-cards > a:nth-child(n+3) .entry-photo-copy {
  word-spacing:-.35px !important;
  letter-spacing:-.18px !important;
  line-height:1.14 !important;
  text-align:left !important;
  margin-bottom:3px !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
}
html body #home-entry-cards > a:nth-child(n+3) .entry-photo-title {
  line-height:1.08 !important;
  letter-spacing:-.3px !important;
}
html body #home-entry-cards > a:nth-child(n+3) .entry-photo-kicker {
  line-height:1.16 !important;
  letter-spacing:-.2px !important;
  margin-bottom:3px !important;
}
@media (max-width:767px) {
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-card {
    padding:7px 7px 8px !important;
    height:100% !important;
  }
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-title {
    margin:2px 1px 3px !important;
  }
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-kicker {
    margin:0 1px 3px !important;
  }
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-copy {
    font-family:'Poppins',Arial,sans-serif !important;
    font-weight:400 !important;
    line-height:1.14 !important;
    word-spacing:-.4px !important;
    letter-spacing:-.22px !important;
    margin:0 1px 3px !important;
  }
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-btn {
    margin-top:auto !important;
  }
}
@media (min-width:768px) {
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-copy {
    font-size:12px !important;
  }
}


/* id="hero-card-final-responsive-adjustment-20261102" */

@media (min-width:1024px) {
  html body .home-entry-position .home-entry-wrapper,
  html body .home-entry-position .home-entry-wrapper.animate-fade-up-onload.mbs1 {
    margin-top:-165px !important;
  }
  html body .home-hero-bg .home-hero-desktop-image::after {
    content:"" !important;
    display:block !important;
    position:absolute !important;
    left:0 !important;right:0 !important;bottom:0 !important;
    height:57% !important;
    background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.14) 24%,rgba(255,255,255,.68) 69%,#fff 100%) !important;
    z-index:3 !important;
    pointer-events:none !important;
  }
}
@media (min-width:1024px) and (max-width:1199px) {
  html body .home-entry-position .home-entry-wrapper,
  html body .home-entry-position .home-entry-wrapper.animate-fade-up-onload.mbs1 {margin-top:-148px !important;}
}
@media (max-width:1023px) {
  html body .home-hero-bg {position:relative !important;isolation:isolate !important;}
  html body .home-hero-bg::after {
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:auto 0 0 0 !important;
    height:46% !important;
    background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.22) 32%,rgba(255,255,255,.8) 80%,#fff 100%) !important;
    pointer-events:none !important;
    z-index:1 !important;
  }
  html body .home-hero-bg .home-hero-inner {position:relative !important;z-index:2 !important;}
}
@media (max-width:767px) {
  /* Cards three/four: remove fixed equal-height stretching and push-button blank area. */
  html body #home-entry-cards > a:nth-child(n+3) {
    height:auto !important;
    align-self:start !important;
  }
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-card {
    display:flex !important;
    flex-direction:column !important;
    grid-template-rows:none !important;
    height:auto !important;
    min-height:0 !important;
    row-gap:0 !important;
    padding:7px 7px 7px !important;
  }
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-title,
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-kicker {
    height:auto !important;
    min-height:0 !important;
    margin-top:2px !important;
    margin-bottom:3px !important;
  }
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-copy {
    height:auto !important;
    min-height:0 !important;
    margin:0 1px 4px !important;
    font-size:11px !important;
    line-height:1.13 !important;
    letter-spacing:-.16px !important;
    word-spacing:-.25px !important;
  }
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-btn {
    margin-top:0 !important;
    flex:0 0 28px !important;
  }
}


/* id="home-entry-mobile-equal-height-final-20261102" */

@media (max-width: 767px) {
  html body #home-entry-cards {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-rows:auto !important;
    align-items:stretch !important;
  }
  html body #home-entry-cards > a.entry-photo-link,
  html body #home-entry-cards > a:nth-child(n+3) {
    display:block !important;
    height:100% !important;
    align-self:stretch !important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo-card,
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-card {
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
    min-height:100% !important;
    box-sizing:border-box !important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo-copy {
    flex:0 0 auto !important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo-btn,
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-btn {
    margin-top:auto !important;
    flex-shrink:0 !important;
  }
}


/* id="home-hero-skyline-clear-final-20261102" */

@media (max-width: 767px) {
  html body .home-hero-bg {
    background-position: right center !important;
  }
  html body .home-hero-bg::before {
    content: "" !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: auto !important;
    width: 74% !important;
    background: linear-gradient(to right,
      #fff 0%,
      rgba(255,255,255,.99) 70%,
      rgba(255,255,255,.94) 86%,
      rgba(255,255,255,0) 100%) !important;
  }
  /* No bottom overlay across the buildings. */
  html body .home-hero-bg::after { display: none !important; content: none !important; }
  html body .home-hero-bg .home-hero-text {
    width: 71% !important;
    max-width: 71% !important;
    min-width: 0 !important;
    padding-right: 3px !important;
  }
  html body .home-hero-bg .home-hero-text > .mt-2,
  html body .home-hero-bg .home-hero-description,
  html body .home-hero-bg .home-hero-description-second {
    width: 100% !important;
    max-width: 100% !important;
  }
  html body .home-hero-bg h1.figma-hero-title {
    font-size: clamp(17px, 4.9vw, 21px) !important;
    line-height: 1.15 !important;
  }
  html body .home-hero-bg h1.figma-hero-title span {
    white-space: normal !important;
  }
  html body .home-hero-bg p.home-hero-description,
  html body .home-hero-bg p.home-hero-description-second {
    overflow-wrap: normal !important;
  }
}
@media (min-width: 768px) {
  html body .home-hero-bg .home-hero-desktop-image::before {
    background: linear-gradient(to right,
      #fff 0%, rgba(255,255,255,.97) 8%,
      rgba(255,255,255,.68) 17%,
      rgba(255,255,255,0) 28%) !important;
  }
  html body .home-hero-bg .home-hero-desktop-image::after {
    display: none !important;
    content: none !important;
  }
}


/* id="homepage-four-cards-second-reference-final" */

@media (max-width:767px) {
  html body #home-entry-cards.grid {
    width:calc(100% - 28px) !important;
  }
  html body #home-entry-cards > a.entry-photo-link {
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo-card {
    grid-template-rows:none !important;
    height:100% !important;
    min-height:0 !important;
    gap:0 !important;
    border-radius:13px !important;
    overflow:hidden !important;
  }
  html body #home-entry-cards > a:nth-child(-n+2) .entry-photo-card {min-height:280px !important;}
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-card {min-height:292px !important;}
  html body #home-entry-cards > a.entry-photo-link .entry-photo {
    position:relative !important;
    height:67px !important;
    min-height:67px !important;
    flex:0 0 67px !important;
    margin:0 0 5px !important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo img {
    display:block !important;
    object-position:center center !important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo-title {
    display:block !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:2px 1px 5px !important;
    font-family:'Poppins',Arial,sans-serif !important;
    font-size:15px !important;
    font-weight:600 !important;
    line-height:1.17 !important;
    letter-spacing:-.15px !important;
    overflow:visible !important;
    -webkit-line-clamp:unset !important;
    line-clamp:unset !important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo-kicker {
    display:block !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 1px 6px !important;
    font-family:'Poppins',Arial,sans-serif !important;
    font-size:10.5px !important;
    font-weight:400 !important;
    line-height:1.35 !important;
    letter-spacing:0 !important;
    word-spacing:0 !important;
    overflow:visible !important;
    -webkit-line-clamp:unset !important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo-copy {
    display:block !important;
    flex:0 0 auto !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 1px 9px !important;
    font-family:'Poppins',Arial,sans-serif !important;
    font-size:11px !important;
    font-weight:400 !important;
    line-height:1.18 !important;
    letter-spacing:0 !important;
    word-spacing:0 !important;
    overflow:visible !important;
    -webkit-line-clamp:unset !important;
    line-clamp:unset !important;
    text-align:left !important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo-btn {
    display:flex !important;
    width:100% !important;
    height:28px !important;
    min-height:28px !important;
    flex:0 0 28px !important;
    align-items:center !important;
    justify-content:center !important;
    margin:auto 0 0 !important;
    padding:3px 2px !important;
    border-radius:9px !important;
    font-family:'Poppins',Arial,sans-serif !important;
    font-size:10px !important;
    line-height:1.1 !important;
    font-weight:500 !important;
    white-space:nowrap !important;
    letter-spacing:-.2px !important;
  }
}
@media (max-width:360px) {
  html body #home-entry-cards.grid {width:calc(100% - 20px) !important;gap:8px 7px !important;}
  html body #home-entry-cards > a.entry-photo-link .entry-photo-card {}
  html body #home-entry-cards > a.entry-photo-link .entry-photo-title {font-size:14px !important;}
  html body #home-entry-cards > a.entry-photo-link .entry-photo-copy {font-size:10.5px !important;}
  html body #home-entry-cards > a.entry-photo-link .entry-photo-btn {font-size:9px !important;}
}


/* id="homepage-cards-photo-and-content-alignment-20261102" */

@media (max-width:767px) {
  html body #home-entry-cards.grid {
  }
  html body #home-entry-cards > a.entry-photo-link,
  html body #home-entry-cards > a.entry-photo-link .entry-photo-card {
    height:100% !important;
    min-height:0 !important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo-card {
    padding:9px 9px 8px !important;
  }
  /* Full photograph at top: no clipping or white gradient over the buildings/books. */
  html body #home-entry-cards .entry-photo {
    display:block !important;
    height:62px !important;
    min-height:62px !important;
    flex:0 0 62px !important;
    margin-bottom:6px !important;
  }
  html body #home-entry-cards .entry-photo img {
    object-fit:cover !important;
    object-position:center !important;
    opacity:1 !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
  }
  html body #home-entry-cards .entry-photo::before,
  html body #home-entry-cards .entry-photo::after {
    display:none !important;
    content:none !important;
    background:none !important;
  }
  /* Descriptions in each row finish on the same baseline. The shorter
     third card gains the reference image's blank area above its description. */
  html body #home-entry-cards > a.entry-photo-link .entry-photo-copy,
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-copy {
    margin-top:auto !important;
    margin-bottom:9px !important;
    line-clamp:unset !important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo-btn,
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-btn {
    margin-top:0 !important;
    flex:0 0 28px !important;
    flex-shrink:0 !important;
  }
}
@media (max-width:360px) {
  html body #home-entry-cards > a.entry-photo-link .entry-photo-card {padding:8px 7px !important;}
}


/* id="homepage-mobile-cards-compact-20261102" */

@media (max-width:767px) {
  html body #home-entry-cards.grid {
    display:grid !important;
    max-width:410px !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    align-items:stretch !important;
    grid-auto-rows:auto !important;
    -webkit-text-size-adjust:100% !important;
    text-size-adjust:100% !important;
  }
  html body #home-entry-cards > a.entry-photo-link {
    display:block !important;
    height:100% !important;
    align-self:stretch !important;
    min-width:0 !important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo-card,
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-card {
    grid-template-rows:none !important;
    width:100% !important;
    padding:8px 8px 7px !important;
    border-radius:13px !important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo {
    overflow:hidden !important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo img {
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo-title,
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-title {
    max-height:none !important;
    font-size:14px !important;
    line-height:1.08 !important;
    letter-spacing:-.28px !important;
    margin:1px 1px 4px !important;
    overflow:visible !important;
    -webkit-line-clamp:unset !important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo-kicker,
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-kicker {
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    font-size:9.5px !important;
    line-height:1.23 !important;
    letter-spacing:-.1px !important;
    word-spacing:-.2px !important;
    margin:0 1px 6px !important;
    overflow:visible !important;
    -webkit-line-clamp:unset !important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo-copy,
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-copy {
    display:block !important;
    flex:0 0 auto !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    font-size:10px !important;
    line-height:1.10 !important;
    letter-spacing:-.18px !important;
    word-spacing:-.24px !important;
    margin:auto 1px 7px !important;
    -webkit-line-clamp:unset !important;
    overflow:visible !important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo-btn,
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-btn {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    margin:0 !important;
    padding:2px 2px !important;
    border-radius:9px !important;
    line-height:1 !important;
    white-space:nowrap !important;
    letter-spacing:-.25px !important;
  }
}
@media (max-width:360px) {
  html body #home-entry-cards.grid {width:calc(100% - 16px) !important;gap:7px !important;}
  html body #home-entry-cards > a.entry-photo-link .entry-photo-card {padding:7px 6px !important;}
  html body #home-entry-cards > a.entry-photo-link .entry-photo-title {font-size:13px !important;}
  html body #home-entry-cards > a.entry-photo-link .entry-photo-copy {font-size:9.5px !important;}
  html body #home-entry-cards > a.entry-photo-link .entry-photo-btn {font-size:8px !important;}
}


/* id="homepage-hero-mobile-reference-20261102-final" */

@media (max-width: 767px) {
  html body .home-hero-bg {
    min-height: 272px !important;
    padding-bottom: 24px !important;
    background-image: url('/Images/home-again.jpeg.png') !important;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    background-position: right bottom !important;
    isolation: isolate !important;
    overflow: hidden !important;
  }
  /* Soft white only beneath text: skyline on right stays clear. */
  html body .home-hero-bg::before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: 76% !important;
    height: 100% !important;
    background: linear-gradient(90deg,
      #fff 0%, rgba(255,255,255,.98) 54%,
      rgba(255,255,255,.80) 78%,
      rgba(255,255,255,0) 100%) !important;
    pointer-events:none !important;
    z-index:1 !important;
  }
  /* Transition only at the very bottom where the cards begin. */
  html body .home-hero-bg::after {
    content: '' !important;
    display:block !important;
    position:absolute !important;
    inset:auto 0 0 0 !important;
    height:38px !important;
    background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.88)) !important;
    pointer-events:none !important;
    z-index:1 !important;
  }
  html body .home-hero-bg .home-hero-inner {
    position:relative !important;
    z-index:3 !important;
    padding-right:12px !important;
  }
  html body .home-hero-bg .home-hero-text {
    width:72% !important;
    max-width:72% !important;
    padding:7px 0 0 !important;
  }
  html body .home-hero-bg h1.figma-hero-title {
    font-size:clamp(19px,5.1vw,23px) !important;
    letter-spacing:-.45px !important;
  }
  html body .home-hero-bg .home-hero-text > .mt-2 { }
  html body .home-hero-bg p.home-hero-description,
  html body .home-hero-bg p.home-hero-description-second {
    font-family:'Poppins',Arial,sans-serif !important;
    font-weight:600 !important;
    font-size:11.4px !important;
    line-height:1.19 !important;
    letter-spacing:-.2px !important;
    word-spacing:-.28px !important;
    margin-bottom:0 !important;
  }
  html body .home-hero-bg p.home-hero-description-second {margin-top:13px !important;}
  html body .home-entry-spacer {height:0 !important;display:none !important;}
  html body .home-entry-position {margin-top:0 !important;padding-top:0 !important;position:relative !important;z-index:99 !important;}
  html body .home-entry-position .home-entry-wrapper,
  html body .home-entry-position .home-entry-wrapper.animate-fade-up-onload.mbs1 {
    margin-top:-14px !important;
    position:relative !important;
    z-index:4 !important;
  }
}
@media (max-width:380px) {
  html body .home-hero-bg {min-height:292px !important;}
  html body .home-hero-bg .home-hero-text {width:75% !important;max-width:75% !important;}
  html body .home-hero-bg p.home-hero-description,
  html body .home-hero-bg p.home-hero-description-second {font-size:11px !important;line-height:1.17 !important;}
}


/* id="mobile-reference-11px-final-20261102" */

@media (max-width:767px) {
  html body .home-hero-bg {
    min-height:240px !important;
    padding-bottom:15px !important;
    background-image:url('/Images/home-again.jpeg.png') !important;
    background-repeat:no-repeat !important;
    background-position:right bottom !important;
    background-size:auto 100% !important;
  }
  html body .home-hero-bg::before {
    content:'' !important;
    display:block !important;
    position:absolute !important;
    inset:0 auto 0 0 !important;
    width:71% !important;
    height:100% !important;
    background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 41%,rgba(255,255,255,.78) 69%,rgba(255,255,255,0) 100%) !important;
    z-index:1 !important;
    pointer-events:none !important;
  }
  html body .home-hero-bg::after {
    bottom:-17px !important;
    height:54px !important;
    background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.55) 55%,#fff 100%) !important;
  }
  html body .home-hero-bg .home-hero-inner {
    position:relative !important;
    z-index:3 !important;
    padding-left:21px !important;
    padding-right:8px !important;
  }
  html body .home-hero-bg .home-hero-text {
    width:68% !important;
    max-width:68% !important;
    margin:0 !important;
    padding:5px 0 0 !important;
    box-sizing:border-box !important;
  }
  html body .home-hero-bg h1.figma-hero-title {
    font-size:clamp(19px,5.1vw,23px) !important;
    line-height:1.08 !important;
    letter-spacing:-.35px !important;
  }
  html body .home-hero-bg p.home-hero-description,
  html body .home-hero-bg p.home-hero-description-second {
    letter-spacing:-.18px !important;
    word-spacing:-.28px !important;
    text-align:left !important;
    margin-bottom:0 !important;
  }
  html body .home-hero-bg .home-hero-text > .mt-2 {margin-top:0 !important;}
  html body .home-hero-bg p.home-hero-description-second {}
  html body .home-entry-position {z-index:4 !important;}
  html body .home-entry-position .home-entry-wrapper,
  html body .home-entry-position .home-entry-wrapper.animate-fade-up-onload.mbs1 {
    margin-top:-7px !important;
    z-index:4 !important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo-copy,
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-copy {
    font-size:11px !important;
    line-height:1.12 !important;
    letter-spacing:-.17px !important;
    word-spacing:-.25px !important;
    font-weight:400 !important;
  }
}
@media(max-width:380px){
  html body .home-hero-bg .home-hero-text{width:71% !important;max-width:71% !important;}
  html body .home-hero-bg{min-height:253px !important;}
}


/* id="hero-mobile-text-reference-alignment-20261102" */

@media (max-width: 767px) {
  html body .home-hero-bg .home-hero-inner {
    padding-left: 19px !important;
    padding-right: 9px !important;
  }
  html body .home-hero-bg .home-hero-text {
    width: 75% !important;
    max-width: 75% !important;
    padding-top: 5px !important;
    margin-left: 0 !important;
  }
  html body .home-hero-bg p.home-hero-description,
  html body .home-hero-bg p.home-hero-description-second {
    font-size: 11px !important;
    line-height: 1.14 !important;
    letter-spacing: -0.14px !important;
    word-spacing: -0.18px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  html body .home-hero-bg p.home-hero-description-second {
  }
}
@media (max-width: 380px) {
  html body .home-hero-bg .home-hero-text {
    width: 76% !important;
    max-width: 76% !important;
  }
}


/* id="hero-mobile-precise-break-20261102" */

.hero-mobile-energy-break {display:none;}
@media (max-width:767px) {
  html body .home-hero-bg .home-hero-text {
    width:72% !important;
    max-width:72% !important;
  }
  html body .home-hero-bg p.home-hero-description,
  html body .home-hero-bg p.home-hero-description-second {
    font-family:'Poppins',Arial,sans-serif !important;
    font-size:11px !important;
    font-weight:600 !important;
    line-height:1.15 !important;
    letter-spacing:-.2px !important;
    word-spacing:-.35px !important;
    width:100% !important;
    margin-right:0 !important;
    overflow-wrap:normal !important;
  }
  html body .home-hero-bg p.home-hero-description-second {margin-top:12px !important;}
  .hero-mobile-energy-break {display:block !important;}
  html body .home-hero-bg {min-height:260px !important;}
}
@media (max-width:380px){
  html body .home-hero-bg .home-hero-text {width:74% !important;max-width:74% !important;}
}


/* id="hero-approved-lines-clean-cards-20261102" */

.hero-ref-break {display:none;}
@media(max-width:767px) {
  html body .home-hero-bg .home-hero-text {
    width:86% !important;
    max-width:86% !important;
  }
  html body .home-hero-bg p.home-hero-description,
  html body .home-hero-bg p.home-hero-description-second {
    font-size:12px !important;
    font-weight:500 !important;
    line-height:1.18 !important;
    letter-spacing:-.25px !important;
    word-spacing:-.4px !important;
    max-width:100% !important;
  }
  html body .home-hero-bg p.home-hero-description-second {
    margin-top:13px !important;
  }
  html body .home-hero-bg {
    min-height:245px !important;
  }
  html body .home-entry-position .home-entry-wrapper,
  html body .home-entry-position .home-entry-wrapper.animate-fade-up-onload.mbs1 {
    margin-top:-22px !important;
  }
  .hero-ref-break {display:block !important;}
  .hero-mobile-energy-break {display:none !important;}
  html body .home-hero-bg::after {
    display:none !important;
    content:none !important;
  }
  html body .home-hero-bg {padding-bottom:0 !important;}
  html body .home-entry-position::before,
  html body .home-entry-position::after,
  html body .home-entry-wrapper::before,
  html body .home-entry-wrapper::after {
    background-image:none !important;
  }
}
@media(max-width:380px) {
  html body .home-hero-bg .home-hero-text {width:86% !important;max-width:86% !important;}
}


/* id="mobile-hero-card-unclip-participation-20261102" */

@media (max-width:767px) {
  /* Previously the hero (inline z-index 99) painted OVER the raised cards. */
  html body .home-hero-bg {
    z-index:1 !important;
  }
  html body .home-entry-position {
    overflow:visible !important;
  }
  html body .home-entry-position .home-entry-wrapper,
  html body .home-entry-position .home-entry-wrapper.animate-fade-up-onload.mbs1 {
    z-index:110 !important;
    margin-top:-8px !important;
    overflow:visible !important;
  }
  html body #home-entry-cards,
  html body #home-entry-cards > a.entry-photo-link {
    z-index:111 !important;
    overflow:visible !important;
  }
  html body #home-entry-cards .entry-photo-card {
    position:relative !important;
    overflow:hidden !important;
  }
  html body #home-entry-cards .entry-photo,
  html body #home-entry-cards .entry-photo img {
    visibility:visible !important;
  }
  /* Only behind the words, not across the skyline or the cards. */
  html body .home-hero-bg .hero-participation-glow {
    background:linear-gradient(90deg,rgba(255,255,255,.80),rgba(255,255,255,.45) 72%,rgba(255,255,255,.08));
    -webkit-box-decoration-break:clone;
    box-decoration-break:clone;
    border-radius:2px;
  }
}


/* id="home-hero-to-cards-soft-gradient-20261102" */

@media (max-width:767px) {
  html body .home-hero-bg::after {
    height: 48px !important;
  }
  html body .home-entry-position,
  html body .home-entry-position .home-entry-wrapper,
  html body #home-entry-cards {
  }
  html body #home-entry-cards .entry-photo,
  html body #home-entry-cards .entry-photo img {
  }
}


/* id="hero-text-lines-only-gradient-20261102" */

@media(max-width:767px) {
  html body .home-hero-bg .hero-copy-only-glow {
    display:inline !important;
    background:linear-gradient(90deg, rgba(255,255,255,.88) 0%, rgba(255,255,255,.68) 67%, rgba(255,255,255,.24) 100%) !important;
    padding:0 1px !important;
    border-radius:1px !important;
  }
  html body .home-hero-bg .hero-participation-glow { background:transparent !important; }
  html body .home-hero-bg::after { background:none !important; }
}


/* id="mobile-safari-visible-hero-fade-20261102" */

@media (max-width:767px) {
  /* Previous mobile rules explicitly set ::after to display:none and background:none.
     Re-enable the fade, while keeping it UNDER the raised card elements. */
  html body .home-hero-bg::after {
    bottom:0 !important;
    height:66px !important;
    background:linear-gradient(to bottom,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.24) 30%,
      rgba(255,255,255,.67) 70%,
      rgba(255,255,255,.96) 100%) !important;
    visibility:visible !important;
  }
  /* Only behind the lettering, not the entire skyline. */
  html body .home-hero-bg .hero-copy-only-glow {
    background:linear-gradient(90deg,
      rgba(255,255,255,.96) 0%,
      rgba(255,255,255,.83) 68%,
      rgba(255,255,255,.40) 100%) !important;
    -webkit-box-decoration-break:clone !important;
    box-decoration-break:clone !important;
  }
  html body .home-entry-position,
  html body .home-entry-position .home-entry-wrapper,
  html body #home-entry-cards {
    position:relative !important;
    z-index:110 !important;
  }
  html body #home-entry-cards .entry-photo,
  html body #home-entry-cards .entry-photo img {
    opacity:1 !important;
    filter:none !important;
  }
}


/* id="home-entry-approved-reference-20261103" */

/* Reference screenshot width: 428px, grid width ~394px, cards ~194px. */
html body #home-entry-cards {
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:auto!important;
  align-items:stretch!important;
  gap:9px 8px!important;
  width:100%!important;
  max-width:900px!important;
  margin-inline:auto!important;
  padding:0!important;
  overflow:visible!important;
}
html body #home-entry-cards,html body #home-entry-cards * {box-sizing:border-box!important;}
html body #home-entry-cards > a.entry-photo-link {
  display:block!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
  align-self:stretch!important;
  text-decoration:none!important;
  color:inherit!important;
}
html body #home-entry-cards > a.entry-photo-link .entry-photo-card,
html body #home-entry-cards > a:nth-child(n+3) .entry-photo-card {
  display:flex!important;
  flex-direction:column!important;
  grid-template-rows:none!important;
  gap:0!important;
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  padding:8px 8px 7px!important;
  border:1px solid #ededed!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 3px 10px rgba(0,0,0,.13)!important;
  overflow:hidden!important;
  transform:none!important;
  text-align:left!important;
}
html body #home-entry-cards > a.entry-photo-link .entry-photo {
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:61px!important;
  min-height:61px!important;
  max-height:61px!important;
  flex:0 0 61px!important;
  margin:0 0 4px!important;
  border-radius:6px 6px 0 0!important;
  overflow:hidden!important;
}
html body #home-entry-cards > a.entry-photo-link .entry-photo img {
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:1!important;
  filter:none!important;
}
html body #home-entry-cards .entry-photo:after {
  content:""!important;
  position:absolute!important;
  inset:auto 0 0!important;
  height:20px!important;
  background:linear-gradient(to bottom,transparent,rgba(255,255,255,.85))!important;
  pointer-events:none!important;
}
html body #home-entry-cards > a.entry-photo-link .entry-photo-title,
html body #home-entry-cards > a:nth-child(n+3) .entry-photo-title {
  display:block!important;
  flex:0 0 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:1px 1px 4px!important;
  padding:0!important;
  color:#043e6b!important;
  font-family:'Poppins',Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.13!important;
  letter-spacing:-.28px!important;
  text-align:left!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  white-space:normal!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
}
html body #home-entry-cards > a.entry-photo-link .entry-photo-kicker,
html body #home-entry-cards > a:nth-child(n+3) .entry-photo-kicker {
  display:block!important;
  flex:0 0 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0 1px 6px!important;
  padding:0!important;
  color:#d69a20!important;
  font-family:'Poppins',Arial,sans-serif!important;
  font-size:9.5px!important;
  font-weight:400!important;
  line-height:1.32!important;
  letter-spacing:0!important;
  word-spacing:normal!important;
  text-transform:uppercase!important;
  text-align:left!important;
  white-space:normal!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
}
html body #home-entry-cards > a.entry-photo-link .entry-photo-copy,
html body #home-entry-cards > a:nth-child(n+3) .entry-photo-copy {
  display:block!important;
  flex:0 0 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0 1px 8px!important;
  padding:0!important;
  color:#252525!important;
  font-family:'Poppins',Arial,sans-serif!important;
  font-size:10.65px!important;
  font-weight:400!important;
  line-height:1.16!important;
  letter-spacing:-.20px!important;
  word-spacing:normal!important;
  text-align:left!important;
  text-align-last:auto!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
}
html body #home-entry-cards > a.entry-photo-link .entry-photo-btn,
html body #home-entry-cards > a:nth-child(n+3) .entry-photo-btn {
  display:flex!important;
  flex:0 0 27px!important;
  align-self:stretch!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:27px!important;
  min-height:27px!important;
  max-height:27px!important;
  margin:auto 0 0!important;
  padding:2px 3px!important;
  background:#043e6b!important;
  color:#fff!important;
  border-radius:9px!important;
  box-shadow:0 2px 5px rgba(0,0,0,.16)!important;
  font-family:'Poppins',Arial,sans-serif!important;
  font-size:9.5px!important;
  line-height:1.1!important;
  font-weight:500!important;
  letter-spacing:-.1px!important;
  text-align:center!important;
  text-transform:none!important;
  white-space:normal!important;
  overflow:visible!important;
}
@media(max-width:767px) {
  html body #home-entry-cards.grid {
    width:calc(100% - 24px)!important;
    max-width:394px!important;
    margin:0 auto!important;
    gap:9px 8px!important;
  }
}
@media(min-width:768px) {
  html body #home-entry-cards {gap:14px!important;}
  html body #home-entry-cards > a.entry-photo-link .entry-photo-card {padding:11px 11px 10px!important;}
  html body #home-entry-cards > a.entry-photo-link .entry-photo {height:95px!important;min-height:95px!important;max-height:95px!important;flex-basis:95px!important;}
  html body #home-entry-cards > a.entry-photo-link .entry-photo-title {font-size:19px!important;line-height:1.15!important;}
  html body #home-entry-cards > a.entry-photo-link .entry-photo-kicker {font-size:12px!important;line-height:1.3!important;}
  html body #home-entry-cards > a.entry-photo-link .entry-photo-copy {font-size:13px!important;line-height:1.28!important;}
  html body #home-entry-cards > a.entry-photo-link .entry-photo-btn {height:32px!important;min-height:32px!important;max-height:32px!important;flex-basis:32px!important;font-size:11px!important;}
}
@media(max-width:350px) {
  html body #home-entry-cards.grid {width:calc(100% - 14px)!important;gap:7px!important;}
  html body #home-entry-cards > a.entry-photo-link .entry-photo-title {font-size:12.5px!important;}
  html body #home-entry-cards > a.entry-photo-link .entry-photo-kicker {font-size:8.7px!important;}
  html body #home-entry-cards > a.entry-photo-link .entry-photo-copy {font-size:9.5px!important;}
  html body #home-entry-cards > a.entry-photo-link .entry-photo-btn {font-size:8.5px!important;}
}


/* id="home-entry-desktop-wider-shorter-20261103" */

@media (min-width:1024px) {
  html body .home-entry-position .home-entry-wrapper {
    max-width:1180px !important;
    width:100% !important;
  }
  html body #home-entry-cards,
  html body #home-entry-cards.grid {
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    grid-auto-rows:auto !important;
    align-items:stretch !important;
    width:100% !important;
    max-width:1180px !important;
    gap:12px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  html body #home-entry-cards > a.entry-photo-link {
    width:100% !important;
    min-width:0 !important;
    height:100% !important;
    align-self:stretch !important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo-card,
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-card {
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    padding:9px 10px 9px !important;
    gap:0 !important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo {
    height:88px !important;
    min-height:88px !important;
    max-height:88px !important;
    flex:0 0 88px !important;
    margin-bottom:4px !important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo-title,
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-title {
    font-size:18px !important;
    line-height:1.10 !important;
    letter-spacing:-.25px !important;
    margin:1px 0 4px !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo-kicker,
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-kicker {
    font-size:10.5px !important;
    line-height:1.20 !important;
    margin:0 0 5px !important;
    height:auto !important;
    min-height:0 !important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo-copy,
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-copy {
    font-size:12.2px !important;
    line-height:1.20 !important;
    letter-spacing:-.12px !important;
    word-spacing:normal !important;
    margin:0 0 7px !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    text-align:left !important;
    overflow:visible !important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo-btn,
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-btn {
    margin:auto 0 0 !important;
    height:31px !important;
    min-height:31px !important;
    max-height:31px !important;
    flex:0 0 31px !important;
    font-size:10px !important;
  }
}


/* id="home-entry-mobile-cards-three-four-copy-20261103" */

@media (min-width:351px) and (max-width:767px) {
  html body #home-entry-cards > a.entry-photo-link:nth-child(3) .entry-photo-copy,
  html body #home-entry-cards > a.entry-photo-link:nth-child(4) .entry-photo-copy {
    width:calc(100% + 6px) !important;
    max-width:none !important;
    margin-right:-6px !important;
    font-size:10.65px !important;
    font-weight:400 !important;
    line-height:1.15 !important;
    letter-spacing:-.26px !important;
    word-spacing:normal !important;
    text-align:left !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }
}


/* id="home-entry-iphone-reference-final-20261103" */

@media (max-width:767px) {
  html body #home-entry-cards,
  html body #home-entry-cards.grid {
    width:calc(100vw - 30px) !important;
    max-width:394px !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px 8px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    align-items:stretch !important;
    -webkit-text-size-adjust:100% !important;
    text-size-adjust:100% !important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo-card,
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-card {
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
    height:100% !important;
    padding:8px 7px 7px !important;
    gap:0 !important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo {
    height:61px !important;
    min-height:61px !important;
    max-height:61px !important;
    flex:0 0 61px !important;
    margin:0 0 4px !important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo-title,
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-title {
    font-family:'Poppins',Arial,sans-serif !important;
    font-size:13.5px !important;
    font-weight:600 !important;
    line-height:1.10 !important;
    letter-spacing:-.30px !important;
    margin:1px 0 4px !important;
    min-height:0 !important;
    height:auto !important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo-kicker,
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-kicker {
    font-family:'Poppins',Arial,sans-serif !important;
    font-size:9.3px !important;
    font-weight:400 !important;
    line-height:1.27 !important;
    letter-spacing:0 !important;
    margin:0 0 6px !important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo-copy,
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-copy,
  html body #home-entry-cards > a.entry-photo-link:nth-child(3) .entry-photo-copy,
  html body #home-entry-cards > a.entry-photo-link:nth-child(4) .entry-photo-copy {
    width:100% !important;
    max-width:100% !important;
    font-family:'Poppins',Arial,sans-serif !important;
    font-size:10.4px !important;
    font-weight:400 !important;
    line-height:1.145 !important;
    letter-spacing:-.22px !important;
    word-spacing:normal !important;
    text-align:left !important;
    margin:0 0 7px !important;
    padding:0 !important;
    overflow:visible !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo-btn,
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-btn {
    flex:0 0 27px !important;
    height:27px !important;
    min-height:27px !important;
    max-height:27px !important;
    margin:auto 0 0 !important;
    font-size:9px !important;
    font-weight:500 !important;
    line-height:1.1 !important;
    padding:2px 3px !important;
  }
}
@media (max-width:350px) {
  html body #home-entry-cards,
  html body #home-entry-cards.grid { width:calc(100vw - 14px) !important; gap:7px !important; }
  html body #home-entry-cards > a.entry-photo-link .entry-photo-title,
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-title { font-size:12.5px !important; }
  html body #home-entry-cards > a.entry-photo-link .entry-photo-copy,
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-copy { font-size:9.5px !important; }
}


/* id="zh-and-entry-paragraph-final-align-20261103" */

@media (max-width:767px) {
  /* Keeps the entire three-part label inside the existing navy strip. */
  html body .mobile-zameeni-copy {
    bottom:16px !important;
    right:31px !important;
  }
  html body .mobile-zameeni-copy > p:first-child {
    margin:0 0 1px !important;
    line-height:12px !important;
  }
  html body .mobile-zameeni-copy > .mobile-zameeni-ground-realities {
    display:block !important;
    margin:0 !important;
    color:#fff !important;
    font-family:'Poppins',Arial,sans-serif !important;
    font-size:10px !important;
    font-weight:400 !important;
    line-height:11px !important;
    letter-spacing:-.15px !important;
    white-space:normal !important;
  }
  html body .mobile-zameeni-copy > div {
    margin-top:1px !important;
  }
  html body .mobile-zameeni-copy > div > p {
    font-size:10px !important;
    line-height:12px !important;
  }
  /* The card grid stretches each row equally. Push each description and
     its CTA to the bottom without changing copy, font sizing or button size. */
  html body #home-entry-cards > a.entry-photo-link .entry-photo-card {
    display:flex !important;
    flex-direction:column !important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo-copy,
  html body #home-entry-cards > a.entry-photo-link:nth-child(3) .entry-photo-copy,
  html body #home-entry-cards > a.entry-photo-link:nth-child(4) .entry-photo-copy {
    margin-top:auto !important;
    margin-bottom:7px !important;
    flex:0 0 auto !important;
  }
  html body #home-entry-cards > a.entry-photo-link .entry-photo-btn {
    margin-top:0 !important;
    flex-shrink:0 !important;
  }
}


/* id="hero-reference-mobile-spacing-20261103" */

@media (max-width: 767px) {
  html body .home-hero-bg .home-hero-inner {
    padding-left: 16px !important;
    padding-right: 8px !important;
  }
  html body .home-hero-bg .home-hero-text {
    box-sizing: border-box !important;
    width: 86% !important;
    max-width: 86% !important;
    padding: 20px 0 0 !important;
    margin: 0 !important;
    text-align: left !important;
  }
  html body .home-hero-bg h1.figma-hero-title {
    margin: 0 0 4px !important;
    font-family: 'Lora', Georgia, serif !important;
    font-size: clamp(20px, 5.15vw, 22px) !important;
    line-height: 1.08 !important;
    font-weight: 700 !important;
    letter-spacing: -0.35px !important;
  }
  html body .home-hero-bg .home-hero-text > .w-\[180px\] {
    width: 38px !important;
    height: 2px !important;
    margin: 5px 0 7px !important;
    opacity: 1 !important;
    background: #c8a562 !important;
  }
  html body .home-hero-bg .home-hero-text > .mt-2 {
    margin-top: 0 !important;
  }
  html body .home-hero-bg p.home-hero-description,
  html body .home-hero-bg p.home-hero-description-second {
    width: 100% !important;
    max-width: 100% !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 11.5px !important;
    font-weight: 400 !important;
    line-height: 1.18 !important;
    letter-spacing: -0.24px !important;
    word-spacing: -0.3px !important;
    margin: 0 !important;
    text-align: left !important;
    white-space: normal !important;
  }
  html body .home-hero-bg p.home-hero-description-second {
    margin-top: 14px !important;
  }
  html body .home-hero-bg .hero-ref-break {
    display: block !important;
  }
  /* Allow the newly lowered heading and full paragraphs to fit naturally. */
  html body .home-hero-bg {
    height: auto !important;
    min-height: 282px !important;
  }
}


/* id="mobile-hero-no-text-glow-zameeni-copy-lowered-20261103" */

@media (max-width: 767px) {
  /* Remove only the gradient immediately behind the hero paragraph words. */
  html body .home-hero-bg .hero-copy-only-glow,
  html body .home-hero-bg .hero-participation-glow {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-box-decoration-break: slice !important;
    box-decoration-break: slice !important;
  }
  /* Shift the complete English label down within the existing navy strip. */
  html body .mobile-zameeni-card .mobile-zameeni-copy {
    bottom: 7px !important;
  }
}


/* id="hero-cards-mobile-tight-reference-20261103" */

@media (max-width:767px) {
  /* Content determines hero height, not an old reserved minimum. */
  html body .home-hero-bg {
    height:auto !important;
    min-height:0 !important;
    padding-bottom:9px !important;
    overflow:visible !important;
  }
  html body .home-hero-bg .home-hero-text {
    margin-bottom:0 !important;
    padding-bottom:0 !important;
  }
  html body .home-hero-bg p.home-hero-description,
  html body .home-hero-bg p.home-hero-description-second {
    line-height:1.10 !important;
    letter-spacing:-.30px !important;
    word-spacing:-.45px !important;
  }
  html body .home-hero-bg p.home-hero-description-second {
    margin-top:11px !important;
  }
  /* Remove the legacy 150px spacer and raised negative-position layout. */
  html body .home-entry-spacer {
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
  }
  html body .home-entry-position {
    margin-top:0 !important;
    padding-top:0 !important;
    position:relative !important;
    z-index:110 !important;
  }
  html body .home-entry-position .home-entry-wrapper,
  html body .home-entry-position .home-entry-wrapper.animate-fade-up-onload.mbs1 {
    margin-top:0 !important;
    position:relative !important;
    z-index:111 !important;
  }
  /* Reference: lake/sky image dissolves softly into the white card area. */
  html body .home-hero-bg::after {
    content:'' !important;
    bottom:-16px !important;
    height:80px !important;
    background:linear-gradient(to bottom,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.18) 30%,
      rgba(255,255,255,.63) 68%,
      #fff 100%) !important;
  }
  /* Keep images and text on the cards fully visible above the fade. */
  html body #home-entry-cards,
  html body #home-entry-cards > a.entry-photo-link {
    position:relative !important;
    z-index:112 !important;
  }
}


/* id="hero-and-card-photo-bottom-fade-20261103" */

@media (max-width:767px) {
  /* Fade the final visible portion of the skyline / lake into the card area. */
  html body .home-hero-bg {
    position:relative !important;
    isolation:isolate !important;
  }
  html body .home-hero-bg::after {
    content:"" !important;
    display:block !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:auto !important;
    bottom:-2px !important;
    height:72px !important;
    background:linear-gradient(to bottom,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.10) 28%,
      rgba(255,255,255,.38) 58%,
      rgba(255,255,255,.78) 84%,
      #fff 100%) !important;
    opacity:1 !important;
    z-index:2 !important;
    pointer-events:none !important;
  }
  /* Fade only the bottom edge of the images, not the card text. */
  html body #home-entry-cards .entry-photo {
    position:relative !important;
    isolation:isolate !important;
    overflow:hidden !important;
  }
  html body #home-entry-cards .entry-photo::after {
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:auto 0 0 !important;
    height:34px !important;
    background:linear-gradient(to bottom,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.18) 35%,
      rgba(255,255,255,.62) 75%,
      #fff 100%) !important;
    opacity:1 !important;
    pointer-events:none !important;
    z-index:2 !important;
  }
}


/* id="iphone-zameeni-portrait-and-hero-underline-final-20261103" */

@media (max-width: 767px) {
  /* Place the portrait directly over the navy strip, as in the second reference. */
  html body .mobile-zameeni-card .mobile-zameeni-person {
    position: absolute !important;
    bottom: 7px !important;
    left: 16px !important;
    width: 116px !important;
    height: 128px !important;
    z-index: 35 !important;
    overflow: hidden !important;
  }
  html body .mobile-zameeni-card .mobile-zameeni-person img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
  }

  /* Solid gold at the beginning, softly fading to transparent on the right. */
  html body .home-hero-bg .home-hero-text > div.w-\[180px\] {
    display: block !important;
    width: 44px !important;
    background-color: transparent !important;
    background-image: linear-gradient(to right,
      #c8a562 0%,
      #c8a562 58%,
      rgba(200, 165, 98, 0) 100%) !important;
  }
}


/* id="zameeni-vertical-center-hero-light-long-underline-20261103" */

@media (max-width: 767px) {
  /* The navy band sits 9px above the card bottom and measures 64px tall.
     Center the entire existing text group within that band, without changing the wording. */
  html body .mobile-zameeni-card .mobile-zameeni-copy {
    bottom: 41px !important;
    transform: translateY(50%) !important;
    -webkit-transform: translateY(50%) !important;
    margin: 0 !important;
  }
  html body .mobile-zameeni-card .mobile-zameeni-copy > p:first-child {
    margin: 0 0 1px !important;
  }
  html body .mobile-zameeni-card .mobile-zameeni-copy > .mobile-zameeni-ground-realities {
    margin: 0 !important;
  }
  html body .mobile-zameeni-card .mobile-zameeni-copy > div {
    margin-top: 1px !important;
  }
  /* Light champagne gold: full at left, fading gently to transparent at right. */
  html body .home-hero-bg .home-hero-text > div.w-\[180px\] {
    width: 112px !important;
    max-width: 112px !important;
    height: 2px !important;
    margin: 5px 0 7px !important;
    background: linear-gradient(90deg,
      rgba(216, 187, 132, .92) 0%,
      rgba(216, 187, 132, .76) 43%,
      rgba(216, 187, 132, .32) 78%,
      rgba(216, 187, 132, 0) 100%) !important;
    opacity: 1 !important;
    box-shadow: none !important;
  }
}


/* id="zh-iphone-portrait-and-titles-20261103" */

@media (max-width: 767px) {
  /* Keep the portrait overlapping the navy band, but trim its height slightly. */
  html body .mobile-zameeni-card .mobile-zameeni-person {
    height: 121px !important;
    bottom: 8px !important;
    top: auto !important;
  }

  /* The Urdu title is an existing image; enlarge only that image, not the card. */
  html body .mobile-zameeni-card .mobile-zameeni-logo img {
    height: 61px !important;
    width: 178px !important;
    object-position: right center !important;
  }
  html body .mobile-zameeni-card .mobile-zameeni-logo {
    top: 5px !important;
    right: 15px !important;
  }

  /* Make the two named lines easier to read without changing their text. */
  html body .mobile-zameeni-card .mobile-zameeni-copy > p:first-child {
    font-size: 13px !important;
    line-height: 15px !important;
    font-weight: 500 !important;
    margin-bottom: 1px !important;
  }
  html body .mobile-zameeni-card .mobile-zameeni-copy > div > p {
    font-size: 11.2px !important;
    line-height: 13px !important;
    font-weight: 500 !important;
    letter-spacing: -0.25px !important;
  }
}


/* id="zh-urdu-logo-left-dark-20261103" */

@media (max-width: 767px) {
  html body .mobile-zameeni-card .mobile-zameeni-logo img {
    width: 190px !important;
    height: 67px !important;
    max-width: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: translateX(-9px) !important;
    -webkit-transform: translateX(-9px) !important;
    filter: brightness(.94) contrast(1.10) !important;
  }
}


/* id="home-entry-card-minimum-11px-20261103" */

/* Main headings remain visually prominent. Smaller text is never below 11px. */
html body #home-entry-cards .entry-photo-title {
  font-size: max(16px, 1em) !important;
}
html body #home-entry-cards .entry-photo-kicker,
html body #home-entry-cards .entry-photo-copy,
html body #home-entry-cards .entry-photo-btn {
  font-size: 11px !important;
}
@media (min-width: 768px) {
  html body #home-entry-cards .entry-photo-title { font-size: 18px !important; }
  html body #home-entry-cards .entry-photo-copy { line-height: 1.28 !important; }
  html body #home-entry-cards .entry-photo-kicker { line-height: 1.3 !important; }
}
@media (max-width: 767px) {
  html body #home-entry-cards > a.entry-photo-link .entry-photo-title,
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-title {font-size: 13.5px !important;}
  html body #home-entry-cards > a.entry-photo-link .entry-photo-kicker,
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-kicker,
  html body #home-entry-cards > a.entry-photo-link .entry-photo-copy,
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-copy,
  html body #home-entry-cards > a.entry-photo-link .entry-photo-btn,
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-btn {font-size: 11px !important;}
  html body #home-entry-cards .entry-photo-copy { line-height: 1.20 !important; }
}
@media (max-width: 350px) {
  html body #home-entry-cards > a.entry-photo-link .entry-photo-title,
  html body #home-entry-cards > a:nth-child(n+3) .entry-photo-title {font-size: 12.5px !important;}
}


/* id="home-entry-description-exact-11px-20261103" */

html body #home-entry-cards > a.entry-photo-link .entry-photo-copy,
html body #home-entry-cards > a.entry-photo-link:nth-child(1) .entry-photo-copy,
html body #home-entry-cards > a.entry-photo-link:nth-child(2) .entry-photo-copy,
html body #home-entry-cards > a.entry-photo-link:nth-child(3) .entry-photo-copy,
html body #home-entry-cards > a.entry-photo-link:nth-child(4) .entry-photo-copy,
html body #home-entry-cards > a:nth-child(n+3) .entry-photo-copy,
html body #home-entry-cards .entry-photo-card .entry-photo-copy {
}


/* id="home-four-cards-golden-12px-weight-20261103" */

/* Target all four card links, including the third and fourth cards with older high-specificity rules. */
html body #home-entry-cards > a.entry-photo-link .entry-photo-kicker,
html body #home-entry-cards > a.entry-photo-link:nth-child(1) .entry-photo-kicker,
html body #home-entry-cards > a.entry-photo-link:nth-child(2) .entry-photo-kicker,
html body #home-entry-cards > a.entry-photo-link:nth-child(3) .entry-photo-kicker,
html body #home-entry-cards > a.entry-photo-link:nth-child(4) .entry-photo-kicker,
html body #home-entry-cards > a:nth-child(n+3) .entry-photo-kicker,
html body #home-entry-cards .entry-photo-card .entry-photo-kicker {
  font-size: 12px !important;
  font-weight: 600 !important;
}
html body #home-entry-cards > a.entry-photo-link .entry-photo-copy,
html body #home-entry-cards > a.entry-photo-link:nth-child(1) .entry-photo-copy,
html body #home-entry-cards > a.entry-photo-link:nth-child(2) .entry-photo-copy,
html body #home-entry-cards > a.entry-photo-link:nth-child(3) .entry-photo-copy,
html body #home-entry-cards > a.entry-photo-link:nth-child(4) .entry-photo-copy,
html body #home-entry-cards > a:nth-child(n+3) .entry-photo-copy,
html body #home-entry-cards .entry-photo-card .entry-photo-copy {
  font-size: 11px !important;
  font-weight: 500 !important;
}
html body #home-entry-cards .entry-photo-title { font-weight: 800 !important; }
html body #home-entry-cards .entry-photo-btn { font-size: 11px !important; font-weight: 700 !important; }


/* id="mobile-hero-and-four-cards-raised-20261103" */

@media (max-width: 767px) {
  /* Existing final mobile rule was adding 20px above the heading. */
  html body .home-hero-bg .home-hero-text {
    padding-top: 7px !important;
  }
  /* Shorten the reserved hero space by the same amount, so cards rise naturally. */
  html body .home-hero-bg {
    min-height: 269px !important;
  }
  /* Keep card placement proportional without affecting their own typography or sizes. */
  html body .home-entry-position .home-entry-wrapper,
  html body .home-entry-position .home-entry-wrapper.animate-fade-up-onload.mbs1 {
    margin-top: -22px !important;
  }
}


/* id="ss-hero-figma-final-lock-20261103" */

html, body {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}

/* Desktop / tablet: same heading values that were inline on the <h1> before */
@media (min-width: 768px) {
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg h1.figma-hero-title {
    font-size: clamp(19px, 5.6vw, 22px) !important;
    line-height: 1.22 !important;
    letter-spacing: -0.2px !important;
  }
}

@media (max-width: 767px) {

  /* ---------- Hero box: fixed Figma height (193px @320 = 60.3125vw) ---------- */
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg {
    position: relative !important;
    isolation: auto !important;
    display: block !important;
    width: 100% !important;
    height: 60.3125vw !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #ffffff !important;
    background-image: none !important;
    z-index: 1 !important;
  }
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg::before,
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg::after {
    content: none !important;
    display: none !important;
  }

  /* ---------- Image: Figma position (x -53.2, w 426.4, h 240 @320) ---------- */
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg .home-hero-desktop-image {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    width: 100% !important;
    height: 75vw !important;
    margin: 0 !important;
    overflow: hidden !important;
    z-index: 1 !important;
    background-image: url('/Images/home-again.jpeg.png') !important;
    background-repeat: no-repeat !important;
    background-size: 133.25vw 75vw !important;
    background-position: center top !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    pointer-events: none !important;
    transform: none !important;
  }
  /* White soft fade on the left (behind the text) */
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg .home-hero-desktop-image::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(90deg,
      #ffffff 0%,
      rgba(255,255,255,.95) 18%,
      rgba(255,255,255,.76) 32%,
      rgba(255,255,255,.40) 44%,
      rgba(255,255,255,.10) 55%,
      rgba(255,255,255,0) 64%) !important;
  }
  /* White soft fade at the bottom (behind the top of the cards) */
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg .home-hero-desktop-image::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 34% !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.75) 60%, #ffffff 100%) !important;
  }
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg .home-hero-mobile-image {
    display: none !important;
  }

  /* ---------- Text column ---------- */
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg .home-hero-inner {
    position: relative !important;
    z-index: 3 !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 0 0 4.0625vw !important;
    transform: none !important;
  }
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg .home-hero-text {
    position: relative !important;
    z-index: 3 !important;
    box-sizing: border-box !important;
    display: block !important;
    width: 64vw !important;
    max-width: 64vw !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 2.55vw 0 0 !important;
    text-align: left !important;
    transform: none !important;
  }

  /* Heading: Lora 700, 15px / 18px @320 */
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg h1.figma-hero-title {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Lora', Georgia, serif !important;
    font-size: 4.6875vw !important;
    font-weight: 700 !important;
    font-style: normal !important;
    line-height: 5.625vw !important;
    letter-spacing: 0 !important;
    color: #043E6B !important;
    text-shadow: none !important;
    transform: none !important;
  }
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg h1.figma-hero-title span {
    display: block !important;
    max-width: none !important;
    white-space: nowrap !important;
    font-size: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    color: #043E6B !important;
    text-shadow: none !important;
  }

  /* Gold line */
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg .home-hero-text > div.w-\[180px\] {
    display: block !important;
    width: 25.6vw !important;
    max-width: none !important;
    margin: 1.01vw 0 1.53vw !important;
    padding: 0 !important;
    opacity: 1 !important;
    border: 0 !important;
    background: linear-gradient(90deg, #c9a24a 0%, #d2ae5c 45%, rgba(214,180,100,0) 100%) !important;
  }
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg .home-hero-text > .mt-2 {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Paragraphs: Poppins 400, 8.82px / 11px @320, fixed line breaks */
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg p.home-hero-description,
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg p.home-hero-description-second {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 2.756vw !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 3.4375vw !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    color: #161616 !important;
    text-align: left !important;
    white-space: nowrap !important;
    text-shadow: none !important;
    transform: none !important;
  }
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg p.home-hero-description-second {
    margin-top: 3.2vw !important;
  }
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg .hero-ref-break {
    display: inline !important;
  }
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg .hero-mobile-energy-break {
    display: none !important;
  }
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg .hero-copy-only-glow,
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg .hero-participation-glow {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font: inherit !important;
    color: inherit !important;
    letter-spacing: inherit !important;
    word-spacing: inherit !important;
  }
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg .hero-copy-only-glow::before,
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg .hero-copy-only-glow::after,
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg .hero-participation-glow::before,
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg .hero-participation-glow::after,
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg p.home-hero-description::before,
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg p.home-hero-description::after,
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg h1.figma-hero-title::before,
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg h1.figma-hero-title::after {
    content: none !important;
    display: none !important;
  }

  /* ---------- 4 cards start right where the Figma hero ends (iOS & Android same) ---------- */
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-entry-spacer {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-entry-position {
    position: relative !important;
    z-index: 110 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    top: auto !important;
    transform: none !important;
  }
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-entry-position .home-entry-wrapper,
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-entry-position .home-entry-wrapper.animate-fade-up-onload.mbs1 {
    position: relative !important;
    z-index: 111 !important;
    margin-top: 0 !important;
    top: auto !important;
  }
}

/* ---------- iPhone safety (all models, Safari + in-app browsers) ---------- */
@media (max-width: 767px) {
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg,
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg * {
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    font-synthesis: none !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: geometricPrecision !important;
    font-kerning: normal !important;
    font-feature-settings: normal !important;
    font-variant-ligatures: normal !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-animation: none !important;
    animation: none !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg {
    opacity: 1 !important;
    visibility: visible !important;
  }
  /* Text column never reaches the buildings, whatever the iPhone width */
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg .home-hero-text {
    overflow: visible !important;
  }
  /* Gold line: no Safari sub-pixel disappearing */
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-hero-bg .home-hero-text > div.w-\[180px\] {
    height: max(1px, 0.34vw) !important;
    min-height: 1px !important;
  }
}


/* id="ss-cards-pdf-align-lock-20261103" */

@media (max-width: 767px) {
  html:not(#ss-hero-a):not(#ss-hero-b) body #home-entry-cards br.pk-br { display: none !important; }

  html:not(#ss-hero-a):not(#ss-hero-b) body .home-entry-position {
    padding: 0 !important;
    margin: 0 !important;
  }
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-entry-position .home-entry-wrapper,
  html:not(#ss-hero-a):not(#ss-hero-b) body .home-entry-position .home-entry-wrapper.animate-fade-up-onload.mbs1 {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    -webkit-animation: none !important;
    animation: none !important;
    opacity: 1 !important;
    -webkit-transform: none !important;
    transform: none !important;
  }

  /* Grid: 13px side margins + 6px gap @320 (PDF) */
  html:not(#ss-hero-a):not(#ss-hero-b) body #home-entry-cards {
    display: grid !important;
    box-sizing: border-box !important;
    width: 92.5vw !important;
    max-width: none !important;
    margin: 0 0 0 4.0625vw !important;
    padding: 0 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
    grid-auto-rows: auto !important;
    gap: 2.34vw 1.875vw !important;
    align-items: stretch !important;
  }
  html:not(#ss-hero-a):not(#ss-hero-b) body #home-entry-cards > a.entry-photo-link {
    display: block !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    -webkit-transform: none !important;
    transform: none !important;
    text-decoration: none !important;
  }

  /* Card */
  html:not(#ss-hero-a):not(#ss-hero-b) body #home-entry-cards .entry-photo-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 1.875vw 1.25vw 2vw 2.1875vw !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 1.875vw !important;
    box-shadow: 0 0.3vw 1.9vw rgba(0,0,0,.11), 0 0 0.45vw rgba(0,0,0,.05) !important;
    -webkit-transform: none !important;
    transform: none !important;
    grid-template-rows: none !important;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    font-synthesis: none !important;
    -webkit-font-smoothing: antialiased !important;
  }
  html:not(#ss-hero-a):not(#ss-hero-b) body #home-entry-cards .entry-photo-card::before,
  html:not(#ss-hero-a):not(#ss-hero-b) body #home-entry-cards .entry-photo-card::after {
    content: none !important;
    display: none !important;
  }

  /* Photo (131 x 46 @320) */
  html:not(#ss-hero-a):not(#ss-hero-b) body #home-entry-cards .entry-photo {
    display: block !important;
    position: relative !important;
    flex: 0 0 auto !important;
    width: 40.9375vw !important;
    height: 14.375vw !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 0.94vw 0.94vw 0 0 !important;
    background: #ffffff !important;
  }
  html:not(#ss-hero-a):not(#ss-hero-b) body #home-entry-cards .entry-photo img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    border-radius: 0 !important;
    -webkit-transform: none !important;
    transform: none !important;
  }
  html:not(#ss-hero-a):not(#ss-hero-b) body #home-entry-cards .entry-photo::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 35% !important;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.85) 75%, #ffffff 100%) !important;
    pointer-events: none !important;
  }

  /* Text: common */
  html:not(#ss-hero-a):not(#ss-hero-b) body #home-entry-cards .entry-photo-title,
  html:not(#ss-hero-a):not(#ss-hero-b) body #home-entry-cards .entry-photo-kicker,
  html:not(#ss-hero-a):not(#ss-hero-b) body #home-entry-cards .entry-photo-copy {
    display: block !important;
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: none !important;
    height: auto;
    min-height: 0;
    max-height: none !important;
    padding: 0;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    -webkit-box-orient: initial !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    -webkit-hyphens: none !important;
    hyphens: none !important;
    text-align: left !important;
    text-shadow: none !important;
    text-overflow: clip !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-style: normal !important;
  }
  /* Title: 11px@320 PDF -> min 15px */
  html:not(#ss-hero-a):not(#ss-hero-b) body #home-entry-cards .entry-photo-title {
    margin: 1.25vw 0 0 !important;
    font-size: max(11px, 3.3vw) !important;
    font-weight: 600 !important;
    line-height: 1.12 !important;
    color: #043E6C !important;
    text-transform: none !important;
  }
  /* Golden line: min 11px */
  html:not(#ss-hero-a):not(#ss-hero-b) body #home-entry-cards .entry-photo-kicker {
    margin: 0.7vw 0 0 !important;
    font-size: max(11px, 2.5vw) !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    color: #D7A93A !important;
    text-transform: uppercase !important;
  }
  /* Description: min 11px, bottom-aligned inside equal-height box */
  html:not(#ss-hero-a):not(#ss-hero-b) body #home-entry-cards .entry-photo-copy {
    margin: 1.1vw 0 0 !important;
    font-size: max(11px, 2.5vw) !important;
    font-weight: 400 !important;
    line-height: 1.16 !important;
    color: #272424 !important;
  }
  /* Button (134 x 20 @320), text min 11px */
  html:not(#ss-hero-a):not(#ss-hero-b) body #home-entry-cards .entry-photo-btn {
    display: flex !important;
    position: relative !important;
    flex: 0 0 auto !important;
    align-self: flex-start !important;
    box-sizing: border-box !important;
    width: calc(100% + 0.3125vw) !important;
    height: max(28px, 6.25vw) !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: auto 0 0 -0.3125vw !important;
    padding: 0 1vw !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 1.875vw !important;
    background: #043E6C !important;
    box-shadow: 0 0.3vw 0.8vw rgba(4,62,108,.22) !important;
    color: #ffffff !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: max(11px, 2.5vw) !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-align: center !important;
    white-space: normal !important;
    text-shadow: none !important;
    -webkit-transform: none !important;
    transform: none !important;
  }
  /* Long button text stays on one line (all iPhones 375px+) */
  html:not(#ss-hero-a):not(#ss-hero-b) body #home-entry-cards .entry-photo-btn {
    padding: 0 0.6vw !important;
    white-space: nowrap !important;
    letter-spacing: -0.15px !important;
  }
  /* Gap between description and button (PDF ~8px @320) */
  html:not(#ss-hero-a):not(#ss-hero-b) body #home-entry-cards .entry-photo-copy {
    margin-bottom: 2.6vw !important;
  }
}


/* id="ss-cards-golden-two-lines-20261103" */

/* Desktop/tablet: no forced break */
@media (min-width: 768px) {
  html body #home-entry-cards br.k4-br { display: none !important; }
}
/* Mobile: all golden lines same size; card 4 golden always exactly 2 lines
   "FEASIBILITY, MARKET INTELLIGENCE / & STRATEGIC SOLUTIONS" */
@media (max-width: 767px) {
  html:not(#ss-hero-a):not(#ss-hero-b) body #home-entry-cards .entry-photo-kicker {
    font-size: min(11px, 2.54vw) !important;
  }
  html:not(#ss-hero-a):not(#ss-hero-b) body #home-entry-cards > a.entry-photo-link:nth-child(4) .entry-photo-kicker {
    white-space: nowrap !important;
  }
  html:not(#ss-hero-a):not(#ss-hero-b) body #home-entry-cards br.k4-br { display: inline !important; }
}


/* id="ss-cards-small-phone-20261103" */

@media (max-width: 369px) {
  html:not(#ss-hero-a):not(#ss-hero-b) body #home-entry-cards .entry-photo-btn {
    white-space: normal !important;
    height: auto !important;
    min-height: max(28px, 6.25vw) !important;
    padding: 4px 0.6vw !important;
  }
}


/* id="ss-card2-pdf-lines-20261103" */

/* Card 2 description: PDF line breaks on mobile (2-column layout), natural wrap on desktop */
html body #home-entry-cards br.c2-br { display: none !important; }
@media (max-width: 767px) {
  html body #home-entry-cards br.c2-br { display: inline !important; }
  /* Har card ki description: 11px, har iPhone par khud wrap, aakhri lafz akela nahi (nbsp) */
  html:not(#ss-hero-a):not(#ss-hero-b):not(#ss-hero-c) body #home-entry-cards .entry-photo-card .entry-photo-copy {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    display: block !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    font-size: 11px !important;
    line-height: 1.22 !important;
    letter-spacing: -0.15px !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    -webkit-hyphens: none !important;
    hyphens: none !important;
    word-spacing: 0 !important;
    text-align: left !important;
  }
}


/* id="ss-hero-mobile-image-pos-final-20261103" */

@media (max-width: 767px) {
  /* Hero box: 12 text lines (6 + 6) + heading moved slightly down; image runs behind the cards */
  html:not(#ss-hero-a):not(#ss-hero-b):not(#ss-hero-c) body .home-hero-bg {
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 2.6vw !important;
    overflow: visible !important;
  }
  /* Heading "Land, Resources and the Human Future" thora neeche */
  html:not(#ss-hero-a):not(#ss-hero-b):not(#ss-hero-c) body .home-hero-bg .home-hero-text {
    padding-top: 4.3vw !important;
  }
  /* White gradient is painted INSIDE the background itself (layer 1), so it shows on
     every iPhone / Android browser even where ::before / ::after are blocked. */
  html:not(#ss-hero-a):not(#ss-hero-b):not(#ss-hero-c) body .home-hero-bg .home-hero-desktop-image {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 80vw !important;
    background-color: transparent !important;
    background-image:
      linear-gradient(90deg,
        rgba(255,255,255,.82) 0%,
        rgba(255,255,255,.78) 20%,
        rgba(255,255,255,.74) 30%,
        rgba(255,255,255,.70) 40%,
        rgba(255,255,255,.66) 50%,
        rgba(255,255,255,.63) 58%,
        rgba(255,255,255,.50) 63%,
        rgba(255,255,255,.32) 68%,
        rgba(255,255,255,.15) 73%,
        rgba(255,255,255,0) 78%),
      linear-gradient(180deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0) 72%,
        rgba(255,255,255,.75) 88%,
        #ffffff 100%),
      url('/Images/home-again.jpeg.png') !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-size: 100% 100%, 100% 100%, 100vw 74.98vw !important;
    background-position: 0 0, 0 0, 0vw -0.5vw !important;
  }
  /* Old pseudo-element fades switched off (gradient now lives in the background above) */
  html:not(#ss-hero-a):not(#ss-hero-b):not(#ss-hero-c) body .home-hero-bg .home-hero-desktop-image::before,
  html:not(#ss-hero-a):not(#ss-hero-b):not(#ss-hero-c) body .home-hero-bg .home-hero-desktop-image::after {
    content: none !important;
    display: none !important;
  }
}


/* id="ss-hero-text-soft-glow-20261103" */

/* Mobile: halka sa safed glow sirf huroof ke gird, taake image ke upar bhi har lafz saaf parha jaye */
@media (max-width: 767px) {
  html:not(#ss-hero-a):not(#ss-hero-b):not(#ss-hero-c) body .home-hero-bg h1.figma-hero-title,
  html:not(#ss-hero-a):not(#ss-hero-b):not(#ss-hero-c) body .home-hero-bg h1.figma-hero-title span,
  html:not(#ss-hero-a):not(#ss-hero-b):not(#ss-hero-c) body .home-hero-bg p.home-hero-description,
  html:not(#ss-hero-a):not(#ss-hero-b):not(#ss-hero-c) body .home-hero-bg p.home-hero-description-second,
  html:not(#ss-hero-a):not(#ss-hero-b):not(#ss-hero-c) body .home-hero-bg .hero-copy-only-glow,
  html:not(#ss-hero-a):not(#ss-hero-b):not(#ss-hero-c) body .home-hero-bg .hero-participation-glow {
    text-shadow:
      0 0 2px rgba(255,255,255,.95),
      0 0 5px rgba(255,255,255,.85),
      0 0 9px rgba(255,255,255,.6) !important;
  }
  /* Dono paragraphs: font bhari (Poppins SemiBold 600) aur rang thora gehra */
  html:not(#ss-hero-a):not(#ss-hero-b):not(#ss-hero-c) body .home-hero-bg p.home-hero-description,
  html:not(#ss-hero-a):not(#ss-hero-b):not(#ss-hero-c) body .home-hero-bg p.home-hero-description-second,
  html:not(#ss-hero-a):not(#ss-hero-b):not(#ss-hero-c) body .home-hero-bg p.home-hero-description .hero-copy-only-glow,
  html:not(#ss-hero-a):not(#ss-hero-b):not(#ss-hero-c) body .home-hero-bg p.home-hero-description .hero-participation-glow {
    font-weight: 600 !important;
    color: #0f0f0f !important;
  }
}


/* id="ss-cards-golden-bold-20261104" */

/* Chaaron cards ka golden text (kicker): Bold 700 — har screen par */
html:not(#ss-hero-a):not(#ss-hero-b):not(#ss-hero-c) body #home-entry-cards > a.entry-photo-link .entry-photo-kicker,
html:not(#ss-hero-a):not(#ss-hero-b):not(#ss-hero-c) body #home-entry-cards .entry-photo-card .entry-photo-kicker {
  font-weight: 700 !important;
}


/* id="ss-hero-small-phones-20261104" */

/* Chhote / purane phones (iPhone 5, 5s, SE 1st gen, chhote Android jaise Galaxy 360px: 374px tak):
   text thora bara taake parha ja sake; lines wahi rehti hain */
@media (max-width: 374px) {
  html:not(#ss-hero-a):not(#ss-hero-b):not(#ss-hero-c) body .home-hero-bg h1.figma-hero-title {
    font-size: 5.2vw !important;
    line-height: 6.2vw !important;
  }
  html:not(#ss-hero-a):not(#ss-hero-b):not(#ss-hero-c) body .home-hero-bg p.home-hero-description,
  html:not(#ss-hero-a):not(#ss-hero-b):not(#ss-hero-c) body .home-hero-bg p.home-hero-description-second {
    font-size: 3.05vw !important;
    line-height: 3.8vw !important;
  }
  html:not(#ss-hero-a):not(#ss-hero-b):not(#ss-hero-c) body .home-hero-bg .home-hero-text {
    width: 72vw !important;
    max-width: 72vw !important;
  }
  /* gradient bhi text ke saath chaura */
  html:not(#ss-hero-a):not(#ss-hero-b):not(#ss-hero-c) body .home-hero-bg .home-hero-desktop-image {
    background-image:
      linear-gradient(90deg,
        rgba(255,255,255,.84) 0%,
        rgba(255,255,255,.74) 35%,
        rgba(255,255,255,.66) 55%,
        rgba(255,255,255,.62) 64%,
        rgba(255,255,255,.45) 70%,
        rgba(255,255,255,.22) 76%,
        rgba(255,255,255,0) 84%),
      linear-gradient(180deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0) 72%,
        rgba(255,255,255,.75) 88%,
        #ffffff 100%),
      url('/Images/home-again.jpeg.png') !important;
  }
}



/* ================= ORIGINAL home-20.css ================= */

/* id="ss-desktop-hero-cards-redesign-20261104" */

@media (min-width: 768px) {
  /* ---------- Hero ---------- */
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body .home-hero-bg {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 0 var(--ss-overlap, 150px) !important;
    overflow: hidden !important;
    background: #ffffff !important;
    background-image: none !important;
    z-index: 1 !important;
  }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body .home-hero-bg::before,
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body .home-hero-bg::after { content: none !important; display: none !important; }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body .home-hero-bg .home-hero-desktop-image {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    bottom: 0 !important;
    width: 64% !important;
    height: 100% !important;
    margin: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    transform: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    background-color: transparent !important;
    background-image:
      linear-gradient(90deg, #ffffff 0%, rgba(255,255,255,.96) 16%, rgba(255,255,255,.82) 30%, rgba(255,255,255,.45) 44%, rgba(255,255,255,.12) 56%, rgba(255,255,255,0) 64%),
      linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 55%, rgba(255,255,255,.75) 82%, #ffffff 100%),
      url('/Images/home-again.jpeg.png') !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-size: 100% 100%, 100% 100%, cover !important;
    background-position: 0 0, 0 0, right 35% !important;
  }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body .home-hero-bg .home-hero-desktop-image::before,
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body .home-hero-bg .home-hero-desktop-image::after { content: none !important; display: none !important; }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body .home-hero-bg .home-hero-mobile-image { display: none !important; }

  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body .home-hero-bg .home-hero-inner {
    position: relative !important;
    z-index: 3 !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 1240px !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
    transform: none !important;
  }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body .home-hero-bg .home-hero-text {
    position: relative !important;
    box-sizing: border-box !important;
    width: 62% !important;
    max-width: 740px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 14px 0 0 !important;
    text-align: left !important;
    transform: none !important;
  }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body .home-hero-bg h1.figma-hero-title {
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Lora', Georgia, serif !important;
    font-size: 31px !important;
    font-weight: 700 !important;
    line-height: 1.12 !important;
    letter-spacing: -0.3px !important;
    color: #043E6B !important;
    text-shadow: none !important;
  }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body .home-hero-bg h1.figma-hero-title span {
    display: block !important;
    white-space: nowrap !important;
    font: inherit !important;
    color: #043E6B !important;
    text-shadow: none !important;
  }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body .home-hero-bg .home-hero-text > div.w-\[180px\] {
    display: block !important;
    width: 110px !important;
    height: 3px !important;
    margin: 10px 0 11px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 3px !important;
    opacity: 1 !important;
    background: linear-gradient(90deg, #c9a24a 0%, #d8b468 60%, rgba(216,180,104,0) 100%) !important;
  }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body .home-hero-bg .home-hero-text > .mt-2 { margin: 0 !important; padding: 0 !important; }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body .home-hero-bg p.home-hero-description,
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body .home-hero-bg p.home-hero-description-second {
    width: auto !important;
    max-width: 740px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
    color: #1b2633 !important;
    white-space: normal !important;
    text-align: left !important;
    text-shadow: 0 0 6px rgba(255,255,255,.9) !important;
  }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body .home-hero-bg p.home-hero-description-second { margin-top: 8px !important; }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body .home-hero-bg p.home-hero-description span {
    font: inherit !important; color: inherit !important; background: none !important;
    text-shadow: inherit !important; padding: 0 !important; box-shadow: none !important;
  }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body .home-hero-bg .hero-ref-break,
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body .home-hero-bg .hero-mobile-energy-break { display: none !important; }

  /* ---------- Cards: image ke neeche wale hisse par ---------- */
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body .home-entry-spacer { display: none !important; height: 0 !important; }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body .home-entry-position {
    position: relative !important;
    z-index: 5 !important;
    margin: 0 !important;
    padding: 0 40px 4px !important;
    top: auto !important;
    transform: none !important;
  }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body .home-entry-position .home-entry-wrapper,
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body .home-entry-position .home-entry-wrapper.animate-fade-up-onload.mbs1 {
    position: relative !important;
    max-width: 1160px !important;
    margin: calc(12px - var(--ss-overlap, 150px)) auto 0 !important;
    top: auto !important;
  }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body #home-entry-cards {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    gap: 16px !important;
    align-items: stretch !important;
  }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body #home-entry-cards > a.entry-photo-link { display: block !important; height: 100% !important; text-decoration: none !important; }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body #home-entry-cards > a.entry-photo-link .entry-photo-card {
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 8px 10px 9px !important;
    background: #ffffff !important;
    border: 1px solid rgba(4,62,107,.08) !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 24px rgba(4,62,107,.10), 0 2px 5px rgba(0,0,0,.05) !important;
    overflow: hidden !important;
    transition: transform .25s ease, box-shadow .25s ease !important;
  }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body #home-entry-cards > a.entry-photo-link:hover .entry-photo-card {
    transform: translateY(-3px) !important;
    box-shadow: 0 14px 32px rgba(4,62,107,.15), 0 3px 8px rgba(0,0,0,.06) !important;
  }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body #home-entry-cards > a.entry-photo-link .entry-photo {
    flex: 0 0 auto !important;
    width: 100% !important;
    height: 72px !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 0 7px !important;
    border-radius: 9px !important;
    overflow: hidden !important;
  }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body #home-entry-cards > a.entry-photo-link .entry-photo::after { height: 22px !important; }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body #home-entry-cards > a.entry-photo-link .entry-photo img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body #home-entry-cards > a.entry-photo-link .entry-photo-title {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 3px 2px !important;
    padding: 0 !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.2px !important;
    color: #043E6B !important;
  }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body #home-entry-cards > a.entry-photo-link .entry-photo-kicker {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 3px 5px !important;
    padding: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
    -webkit-line-clamp: unset !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: 0.2px !important;
    text-transform: uppercase !important;
    color: #C8962B !important;
  }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body #home-entry-cards br.k4-br,
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body #home-entry-cards br.pk-br { display: none !important; }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body #home-entry-cards > a.entry-photo-link .entry-photo-copy {
    display: block !important;
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 3px 8px !important;
    padding: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 400 !important;
    line-height: 1.42 !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    color: #333f4d !important;
    text-align: left !important;
  }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body #home-entry-cards > a.entry-photo-link .entry-photo-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: auto 0 0 !important;
    padding: 0 10px !important;
    border-radius: 9px !important;
    background: #043E6B !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    transition: background .2s ease !important;
  }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body #home-entry-cards > a.entry-photo-link:hover .entry-photo-btn { background: #0a5390 !important; }
}

/* Tablet (768–1023px): 2 columns */
@media (min-width: 768px) and (max-width: 1023px) {
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body .home-hero-bg { --ss-overlap: 120px; }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body .home-entry-position .home-entry-wrapper,
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body .home-entry-position .home-entry-wrapper.animate-fade-up-onload.mbs1 { --ss-overlap: 120px; }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body .home-hero-bg .home-hero-desktop-image {
    width: 72% !important;
    background-image:
      linear-gradient(90deg, #ffffff 0%, rgba(255,255,255,.95) 22%, rgba(255,255,255,.78) 40%, rgba(255,255,255,.35) 56%, rgba(255,255,255,0) 70%),
      linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 55%, rgba(255,255,255,.75) 82%, #ffffff 100%),
      url('/Images/home-again.jpeg.png') !important;
  }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body .home-hero-bg .home-hero-inner { padding: 0 28px !important; }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body .home-hero-bg .home-hero-text { width: 66% !important; }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body .home-entry-position { padding: 0 28px 8px !important; }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body #home-entry-cards > a.entry-photo-link .entry-photo { height: 130px !important; }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body #home-entry-cards > a.entry-photo-link .entry-photo-copy { font-size: 13px !important; }
}

/* Laptop / desktop (1024px+): 4 columns */
@media (min-width: 1024px) {
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body #home-entry-cards { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body #home-entry-cards { gap: 12px !important; }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body #home-entry-cards > a.entry-photo-link .entry-photo-title { font-size: 15.5px !important; letter-spacing: -0.3px !important; }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body #home-entry-cards > a.entry-photo-link .entry-photo-kicker { font-size: 10px !important; letter-spacing: 0 !important; }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body #home-entry-cards > a.entry-photo-link .entry-photo-copy { font-size: 12px !important; }
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body #home-entry-cards > a.entry-photo-link .entry-photo-btn { font-size: 10.5px !important; letter-spacing: 0.1px !important; padding: 0 6px !important; }
}
/* Bari screens (1440px+) */
@media (min-width: 1440px) {
  html:not(#dk-a):not(#dk-b):not(#dk-c):not(#dk-d) body .home-hero-bg h1.figma-hero-title { font-size: 32px !important; }
}



/* ================= ORIGINAL home-21.css ================= */

/* id="ss-cards-reference-final-20261104" */

/* ===== Home entry cards: reference screenshot jaisa (mobile) — koi text 11px se kam nahi ===== */
@media (max-width:767px){
  html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5) body #home-entry-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto!important;align-items:stretch!important;gap:10px 8px!important;width:calc(100% - 20px)!important;max-width:430px!important;margin:0 auto!important;padding:0!important}
  html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5) body #home-entry-cards > a.entry-photo-link{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;max-height:none!important;text-decoration:none!important}
  html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5) body #home-entry-cards .entry-photo-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;grid-template-rows:none!important;flex:1 1 auto!important;height:100%!important;min-height:0!important;max-height:none!important;padding:7px 7px 8px!important;margin:0!important;background:#fff!important;border:1px solid #eef0f3!important;border-radius:12px!important;box-shadow:0 4px 14px rgba(0,0,0,.10)!important;overflow:hidden!important;box-sizing:border-box!important}
  html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5) body #home-entry-cards .entry-photo{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:3/1!important;margin:0 0 8px!important;border-radius:8px!important;overflow:hidden!important;flex:0 0 auto!important}
  html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5) body #home-entry-cards .entry-photo img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
  html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5) body #home-entry-cards .entry-photo-title,
  html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5) body #home-entry-cards .entry-photo-kicker,
  html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5) body #home-entry-cards .entry-photo-copy{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;overflow:visible!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;-webkit-box-orient:unset!important;word-spacing:0!important;text-align:left!important;flex:0 0 auto!important}
  html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5) body #home-entry-cards .entry-photo-title{font-family:'Poppins',sans-serif!important;font-size:14px!important;line-height:1.15!important;font-weight:600!important;color:#043E6B!important;letter-spacing:-0.3px!important;margin:0 0 4px!important}
  html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5) body #home-entry-cards .entry-photo-title br.pk-br{display:none!important}
  html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5) body #home-entry-cards .entry-photo-kicker{font-family:'Poppins',sans-serif!important;font-size:11px!important;line-height:1.32!important;font-weight:500!important;text-transform:uppercase!important;color:#D6A12F!important;letter-spacing:0!important;margin:0 0 6px!important;white-space:normal!important;overflow-wrap:break-word!important;max-width:100%!important}
  html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5) body #home-entry-cards .entry-photo-kicker br.k4-br{display:none!important}
  html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5) body #home-entry-cards .entry-photo-copy{font-family:'Poppins',sans-serif!important;font-size:11px!important;line-height:1.25!important;font-weight:400!important;color:#262626!important;letter-spacing:-0.1px!important;margin:0 0 10px!important}
  html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5) body #home-entry-cards .entry-photo-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:30px!important;height:auto!important;max-height:none!important;padding:4px 3px!important;margin:auto 0 0!important;border-radius:10px!important;background:#043E6B!important;color:#fff!important;font-family:'Poppins',sans-serif!important;font-size:11px!important;font-weight:500!important;line-height:1.15!important;letter-spacing:-0.3px!important;text-transform:none!important;white-space:normal!important;text-align:center!important;flex:0 0 auto!important;box-sizing:border-box!important}
}
/* ===== Zameeni Haqaiq card: red line "A Column" ke neeche ===== */
html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5) body .mobile-zameeni-copy .mobile-zameeni-acol{display:inline-block!important;font:inherit!important;color:inherit!important;line-height:1!important;padding:0 0 3px!important;margin:0!important;border-bottom:2px solid #E53935!important;text-decoration:none!important}


/* id="ss-cards-row-align-20261104" */

/* ===== Mobile cards: har row mein title, golden text, description aur button barabar; description ki aakhri line dono cards mein ek level par ===== */
@media (max-width:767px){
  @supports (grid-template-rows:subgrid){
    html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5) body #home-entry-cards{grid-auto-rows:auto!important;row-gap:0!important;column-gap:8px!important}
    html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5) body #home-entry-cards > a.entry-photo-link{display:grid!important;grid-row:span 5!important;grid-template-rows:subgrid!important;row-gap:0!important;height:auto!important;padding:0 0 10px!important;margin:0!important}
    html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5) body #home-entry-cards .entry-photo-card{display:grid!important;grid-row:1 / -1!important;grid-template-rows:subgrid!important;grid-template-columns:minmax(0,1fr)!important;row-gap:0!important;height:auto!important}
    html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5) body #home-entry-cards .entry-photo{grid-row:1!important;align-self:start!important}
    html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5) body #home-entry-cards .entry-photo-title{grid-row:2!important;align-self:start!important}
    html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5) body #home-entry-cards .entry-photo-kicker{grid-row:3!important;align-self:start!important}
    html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5) body #home-entry-cards .entry-photo-copy{grid-row:4!important;align-self:end!important;margin:0 0 10px!important}
    html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5) body #home-entry-cards .entry-photo-btn{grid-row:5!important;align-self:stretch!important;margin:0!important}
  }
}



/* ================= ORIGINAL home-22.css ================= */

/* id="ss-cards-equal-weight-20261105" */

/* ===== Chaaron cards: har hissa ka font weight barabar (mobile + desktop) ===== */
html:not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6) body #home-entry-cards > a.entry-photo-link .entry-photo-title{font-weight:700!important;font-family:'Poppins',Arial,sans-serif!important}
html:not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6) body #home-entry-cards > a.entry-photo-link .entry-photo-kicker{font-weight:700!important;font-family:'Poppins',Arial,sans-serif!important;white-space:normal!important}
html:not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6) body #home-entry-cards > a.entry-photo-link .entry-photo-copy{font-weight:400!important;font-family:'Poppins',Arial,sans-serif!important;font-style:normal!important;color:#262626!important;letter-spacing:0!important;word-spacing:0!important;font-synthesis:none!important;-webkit-text-stroke:0!important;text-shadow:none!important;-webkit-font-smoothing:antialiased!important}
html:not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6) body #home-entry-cards > a.entry-photo-link .entry-photo-btn{font-weight:500!important;font-family:'Poppins',Arial,sans-serif!important}
/* 3rd aur 4th card ki golden heading 2 lines mein */
html:not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6) body #home-entry-cards br.kick-br{display:inline!important}


/* id="ss-cards-title-2lines-20261105" */

/* ===== 3rd aur 4th card ki blue heading hamesha 2 lines: "Studies" neeche na jaye ===== */
html:not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6) body #home-entry-cards br.t-br{display:inline!important}
html:not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6) body #home-entry-cards .entry-photo-title .t-nw{white-space:nowrap!important}
@media (max-width:767px){
  /* chaaron cards ki blue heading ka size screen ke hisaab se (max 14px), taake 2nd line ek hi line mein fit ho */
  html:not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6) body #home-entry-cards > a.entry-photo-link .entry-photo-title{font-size:clamp(12px,3.4vw,14px)!important}
}
@media (max-width:350px){
  html:not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6) body #home-entry-cards .entry-photo-title .t-nw{white-space:normal!important}
}


/* id="ss-desktop-cards-row-align-20261105" */

@media (min-width:768px){
  @supports (grid-template-rows:subgrid){
    html:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7) body #home-entry-cards{
      display:grid!important;
      grid-auto-rows:auto!important;
      row-gap:0!important;
      column-gap:16px!important;
      align-items:stretch!important;
    }
    html:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7) body #home-entry-cards > a.entry-photo-link{
      display:grid!important;
      grid-row:span 5!important;
      grid-template-rows:subgrid!important;
      row-gap:0!important;
      height:auto!important;
      margin:0!important;
      padding:0 0 16px!important;
      text-decoration:none!important;
    }
    html:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7) body #home-entry-cards > a.entry-photo-link .entry-photo-card{
      display:grid!important;
      grid-row:1 / -1!important;
      grid-template-rows:subgrid!important;
      grid-template-columns:minmax(0,1fr)!important;
      row-gap:0!important;
      height:auto!important;
      min-height:0!important;
      padding:10px 12px 12px!important;
      border-radius:14px!important;
    }
    /* 1) Photo */
    html:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7) body #home-entry-cards > a.entry-photo-link .entry-photo{
      grid-row:1!important;
      align-self:start!important;
      height:96px!important;
      min-height:0!important;
      max-height:none!important;
      margin:0 0 10px!important;
      border-radius:9px!important;
    }
    html:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7) body #home-entry-cards > a.entry-photo-link .entry-photo img{
      transition:transform .5s ease!important;
    }
    html:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7) body #home-entry-cards > a.entry-photo-link:hover .entry-photo img{
      transform:scale(1.05)!important;
    }
    /* 2) Blue title — sab cards mein ek hi jagah se shuru */
    html:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7) body #home-entry-cards > a.entry-photo-link .entry-photo-title{
      grid-row:2!important;
      align-self:start!important;
      margin:0 2px 6px!important;
    }
    /* 3) Golden text — sab cards mein ek hi jagah se shuru */
    html:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7) body #home-entry-cards > a.entry-photo-link .entry-photo-kicker{
      grid-row:3!important;
      align-self:start!important;
      margin:0 2px 8px!important;
      letter-spacing:.3px!important;
    }
    /* 4) Description — aakhri line chaaron cards mein ek hi level par */
    html:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7) body #home-entry-cards > a.entry-photo-link .entry-photo-copy{
      grid-row:4!important;
      align-self:end!important;
      margin:0 2px 14px!important;
      line-height:1.45!important;
    }
    /* 5) Button — chaaron ek hi line par */
    html:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7) body #home-entry-cards > a.entry-photo-link .entry-photo-btn{
      grid-row:5!important;
      align-self:end!important;
      margin:0!important;
      height:38px!important;
      min-height:38px!important;
      border-radius:10px!important;
    }
  }
}
/* Tablet (768–1023px): 2 columns, photo thori bari */
@media (min-width:768px) and (max-width:1023px){
  @supports (grid-template-rows:subgrid){
    html:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7) body #home-entry-cards > a.entry-photo-link .entry-photo{
      height:120px!important;
    }
  }
}


/* id="ss-hero-description-11px-20261106" */

/* Hero ke dono paragraphs ("Land, housing..." aur "SyedShayan.com brings together...")
   ka text har screen (mobile, tablet, desktop) par 11px */
html:not(#hx-a):not(#hx-b):not(#hx-c):not(#hx-d):not(#hx-e) body .home-hero-bg p.home-hero-description,
html:not(#hx-a):not(#hx-b):not(#hx-c):not(#hx-d):not(#hx-e) body .home-hero-bg p.home-hero-description-second {
  font-size: 11px !important;
}
html:not(#hx-a):not(#hx-b):not(#hx-c):not(#hx-d):not(#hx-e) body .home-hero-bg p.home-hero-description span {
  font-size: inherit !important;
}


/* id="desktop-font-size-final-0610" */

@media (min-width:1024px){

  /* HERO */
  #desktop-pdf-layout .dp-hero h1{
    font-size:28px !important;
    line-height:1.20 !important;
  }
  #desktop-pdf-layout .dp-hero-desc{
    font-size:15px !important;
  }
  #desktop-pdf-layout .dp-hero-tag{
    font-size:13.5px !important;
    line-height:1.58 !important;
  }

  /* TOP FOUR CARDS */
  #desktop-pdf-layout .dp-entry-card{
    height:248px !important;
    padding:13px 15px 12px !important;
  }
  #desktop-pdf-layout .dp-entry-head{
    height:52px !important;
  }
  #desktop-pdf-layout .dp-entry-card h3{
  }
  #desktop-pdf-layout .dp-entry-card p{
    font-size:12px !important;
  }
  #desktop-pdf-layout .dp-pill{
    height:25px !important;
    font-size:9px !important;
  }

  /* ZAMEENI + RESEARCH INTRO */
  #desktop-pdf-layout .dp-zameeni-copy strong{
    font-size:13.5px !important;
  }
  #desktop-pdf-layout .dp-zameeni-copy span{
    font-size:12.5px !important;
  }
  #desktop-pdf-layout .dp-kicker{
    font-size:10.5px !important;
  }
  #desktop-pdf-layout .dp-research-intro h2{
    font-size:23px !important;
  }
  #desktop-pdf-layout .dp-research-intro p{
    font-size:12.2px !important;
  }

  /* RESEARCH CARDS */
  #desktop-pdf-layout .dp-r-card{
    height:205px !important;
  }
  #desktop-pdf-layout .dp-r-label{
    font-size:8.2px !important;
  }
  #desktop-pdf-layout .dp-r-card h3{
    font-size:14px !important;
    line-height:1.05 !important;
  }
  #desktop-pdf-layout .dp-r-card p{
    font-size:8.8px !important;
    line-height:1.28 !important;
  }
  #desktop-pdf-layout .dp-r-tags span{
  }
  #desktop-pdf-layout .dp-r-card>a{
  }

  /* PUBLIC OPINION */
  #desktop-pdf-layout .dp-public-label{
    font-size:10.5px !important;
  }
  #desktop-pdf-layout .dp-public-copy h2{
    font-size:26px !important;
  }
  #desktop-pdf-layout .dp-public-copy h3{
    font-size:10.5px !important;
    line-height:1.18 !important;
  }
  #desktop-pdf-layout .dp-public-copy p{
    font-size:10.5px !important;
    line-height:1.40 !important;
  }
  #desktop-pdf-layout .dp-public-copy strong{
    font-size:9px !important;
  }
  #desktop-pdf-layout .dp-public-copy>a{
    font-size:8.5px !important;
    padding:8px 11px !important;
  }

  /* HOW THE PLATFORM WORKS */
  #desktop-pdf-layout .dp-how h2{
    font-size:13px !important;
  }
  #desktop-pdf-layout .dp-step{
    min-height:140px !important;
    padding:9px 8px 8px !important;
  }
  #desktop-pdf-layout .dp-step h3{
    font-size:9.5px !important;
  }
  #desktop-pdf-layout .dp-step p{
    font-size:8.3px !important;
    line-height:1.32 !important;
  }
  #desktop-pdf-layout .dp-view-surveys{
    font-size:9.5px !important;
  }

  /* MEMBERSHIP */
  #desktop-pdf-layout .dp-membership>span{
    font-size:8.5px !important;
  }
  #desktop-pdf-layout .dp-membership h3{
  }
  #desktop-pdf-layout .dp-membership p{
    font-size:10.5px !important;
  }
  #desktop-pdf-layout .dp-membership small{
    font-size:8.5px !important;
  }
  #desktop-pdf-layout .dp-membership a{
    font-size:8.5px !important;
  }

  /* HOUSING */
  #desktop-pdf-layout .dp-housing-copy>div{
    font-size:15px !important;
  }
  #desktop-pdf-layout .dp-housing-copy h2{
  }
  #desktop-pdf-layout .dp-housing-copy h2 span{
    font-size:19px !important;
  }
  #desktop-pdf-layout .dp-housing-copy p{
    font-size:12.5px !important;
    line-height:1.55 !important;
  }
  #desktop-pdf-layout .dp-housing-links small{
  }
  #desktop-pdf-layout .dp-housing-links strong{
    font-size:10.5px !important;
  }

  /* MEDIA HUB */
  #desktop-pdf-layout .dp-media-title h2{
    font-size:23px !important;
  }
  #desktop-pdf-layout .dp-newsroom h3{
    font-size:27px !important;
  }
  #desktop-pdf-layout .dp-newsroom p{
    font-size:11.5px !important;
    line-height:1.55 !important;
  }
  #desktop-pdf-layout .dp-newsroom b{
  }
  #desktop-pdf-layout .dp-media-card h3{
  }
  #desktop-pdf-layout .dp-media-card p{
    font-size:8.5px !important;
    line-height:1.40 !important;
  }
  #desktop-pdf-layout .dp-media-card b{
    font-size:8px !important;
  }

  /* PART OF / FREE MEDIA NEWS ONLY */
  #desktop-pdf-layout .dp-network{
    max-width:520px !important;
    margin-top:95px !important;
  }
  #desktop-pdf-layout .dp-network-heading small{
    font-size:11.5px !important;
  }
  #desktop-pdf-layout .dp-network>h2{
    font-size:22px !important;
  }
  #desktop-pdf-layout .dp-network-grid{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:0 !important;
  }
  #desktop-pdf-layout .dp-network-grid>a{
    width:220px !important;
  }
  #desktop-pdf-layout .dp-logo-box{
    width:220px !important;
    height:120px !important;
  }
  #desktop-pdf-layout .dp-logo-box img{
    max-width:180px !important;
    max-height:100px !important;
  }
  #desktop-pdf-layout .dp-network-grid b{
    font-size:8.5px !important;
  }
}


/* id="desktop-pdf-typography-final-system" */

@media (min-width:1024px){

  /* ================= HERO ================= */
  #desktop-pdf-layout .dp-hero h1{
    font-size:26px !important;
    line-height:1.18 !important;
    font-weight:700 !important;
  }

  #desktop-pdf-layout .dp-hero-desc{
    font-size:14px !important;
    line-height:1.42 !important;
    font-weight:400 !important;
  }

  #desktop-pdf-layout .dp-hero-tag{
    font-size:13px !important;
    line-height:1.55 !important;
    font-weight:600 !important;
  }

  /* ================= TOP FOUR CARDS ================= */
  #desktop-pdf-layout .dp-entry-card h3{
    font-size:16px !important;
    line-height:1.10 !important;
    font-weight:700 !important;
  }

  #desktop-pdf-layout .dp-entry-card p{
    font-size:12.5px !important;
    line-height:1.42 !important;
    font-weight:500 !important;
  }

  #desktop-pdf-layout .dp-pill{
    font-size:10px !important;
    line-height:1 !important;
    font-weight:600 !important;
  }

  /* ================= ZAMEENI HAQAIQ ================= */
  #desktop-pdf-layout .dp-zameeni-copy strong{
    font-size:14px !important;
    line-height:1.12 !important;
    font-weight:700 !important;
  }

  #desktop-pdf-layout .dp-zameeni-copy span{
    font-size:13px !important;
    line-height:1.10 !important;
    font-weight:600 !important;
  }

  /* ================= RESEARCH & POLICY ================= */
  #desktop-pdf-layout .dp-kicker{
    font-size:12px !important;
  }

  #desktop-pdf-layout .dp-research-intro h2{
    font-size:24px !important;
  }

  #desktop-pdf-layout .dp-research-intro p{
    line-height:1.32 !important;
  }

  #desktop-pdf-layout .dp-r-label{
    font-size:10px !important;
    line-height:1.18 !important;
  }

  #desktop-pdf-layout .dp-r-card h3{
    font-size:16px !important;
    line-height:1.04 !important;
  }

  #desktop-pdf-layout .dp-r-card p{
    font-size:11px !important;
    line-height:1.30 !important;
  }

  #desktop-pdf-layout .dp-r-tags span{
    font-size:8px !important;
  }

  #desktop-pdf-layout .dp-r-card>a{
    font-size:9px !important;
    font-weight:600 !important;
  }

  /* ================= PUBLIC OPINION ================= */
  #desktop-pdf-layout .dp-public-label{
  }

  #desktop-pdf-layout .dp-public-copy h2{
    font-size:27px !important;
    line-height:1.02 !important;
  }

  #desktop-pdf-layout .dp-public-copy h3{
    font-size:13px !important;
    line-height:1.15 !important;
  }

  #desktop-pdf-layout .dp-public-copy p{
    font-size:14px !important;
    line-height:1.42 !important;
    font-weight:500 !important;
  }

  #desktop-pdf-layout .dp-public-copy strong{
    font-size:13px !important;
    line-height:1.40 !important;
    font-weight:700 !important;
  }

  #desktop-pdf-layout .dp-public-copy>a{
    font-size:11px !important;
    font-weight:700 !important;
  }

  /* ================= HOW PLATFORM WORKS ================= */
  #desktop-pdf-layout .dp-how h2{
    font-size:14px !important;
  }

  #desktop-pdf-layout .dp-step h3{
    font-size:13px !important;
    line-height:1.10 !important;
  }

  #desktop-pdf-layout .dp-step p{
    font-size:11px !important;
    line-height:1.35 !important;
  }

  #desktop-pdf-layout .dp-step>div span{
    font-size:11px !important;
  }

  #desktop-pdf-layout .dp-step>div img{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    flex:0 0 28px !important;
  }

  #desktop-pdf-layout .dp-view-surveys{
    font-size:13px !important;
  }

  /* ================= DIGITAL LIBRARY ================= */
  #desktop-pdf-layout .dp-library-art{
    font-size:16px !important;
  }

  #desktop-pdf-layout .dp-membership>span{
    font-size:10px !important;
    font-weight:700 !important;
  }

  #desktop-pdf-layout .dp-membership h3{
  }

  #desktop-pdf-layout .dp-membership p{
    font-size:11px !important;
    line-height:1.35 !important;
  }

  #desktop-pdf-layout .dp-membership small{
    font-size:10px !important;
    line-height:1.25 !important;
  }

  #desktop-pdf-layout .dp-membership a{
    font-size:10px !important;
    font-weight:700 !important;
  }

  /* ================= HOUSING SOCIETIES ================= */
  #desktop-pdf-layout .dp-housing-copy>div{
    font-size:14px !important;
  }

  #desktop-pdf-layout .dp-housing-copy h2{
    font-size:23px !important;
    line-height:1.05 !important;
  }

  #desktop-pdf-layout .dp-housing-copy h2 span{
    font-size:18px !important;
  }

  #desktop-pdf-layout .dp-housing-copy p{
    font-size:12px !important;
    line-height:1.50 !important;
  }

  #desktop-pdf-layout .dp-housing-links small{
    font-size:10px !important;
  }

  #desktop-pdf-layout .dp-housing-links strong{
  }

  /* ================= MEDIA & RESEARCH HUB ================= */
  #desktop-pdf-layout .dp-media-title h2{
    font-size:22px !important;
    line-height:1.10 !important;
    font-weight:600 !important;
  }

  #desktop-pdf-layout .dp-newsroom h3{
    font-size:25px !important;
    line-height:1.10 !important;
    font-weight:700 !important;
  }

  #desktop-pdf-layout .dp-newsroom p{
    font-size:11px !important;
    line-height:1.50 !important;
    font-weight:400 !important;
  }

  #desktop-pdf-layout .dp-newsroom b{
    font-size:9px !important;
    line-height:1 !important;
    font-weight:700 !important;
  }

  #desktop-pdf-layout .dp-media-card h3{
    font-size:13px !important;
    line-height:1.15 !important;
    font-weight:700 !important;
  }

  #desktop-pdf-layout .dp-media-card p{
    font-size:9px !important;
    line-height:1.35 !important;
    font-weight:400 !important;
  }

  #desktop-pdf-layout .dp-media-card b{
    font-size:9px !important;
    line-height:1 !important;
    font-weight:700 !important;
  }

  /* ================= PART OF ================= */
  #desktop-pdf-layout .dp-network-heading small{
    font-size:11px !important;
    line-height:1 !important;
    font-weight:600 !important;
  }

  #desktop-pdf-layout .dp-network>h2{
    font-size:21px !important;
    line-height:1 !important;
    font-weight:700 !important;
  }

  #desktop-pdf-layout .dp-network-grid b{
    font-size:8px !important;
    line-height:1 !important;
    font-weight:500 !important;
  }
}


/* id="zr-refined-final-0710" */

@media (min-width:1024px){

  /* Whole row proportions */
  #desktop-pdf-layout .dp-zr{
    width:100% !important;
    max-width:1000px !important;
    margin:30px auto 0 !important;

    display:grid !important;
    grid-template-columns:360px 250px 330px !important;
    align-items:start !important;
  }

  /* Zameeni stays as approved */
  #desktop-pdf-layout .dp-zameeni{
    width:360px !important;
    height:178px !important;
    min-height:178px !important;
    max-height:178px !important;
  }

  /* Intro block */
  #desktop-pdf-layout .dp-research-intro{
    width:250px !important;
    min-width:250px !important;
    max-width:250px !important;
    height:178px !important;
    min-height:178px !important;
    max-height:178px !important;

    margin:0 !important;
    padding:7px 0 0 !important;
    align-self:start !important;
    overflow:visible !important;
  }

  #desktop-pdf-layout .dp-kicker{
    margin:0 0 8px !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:700 !important;
    justify-content:flex-start !important;
    gap:8px !important;
  }

  #desktop-pdf-layout .dp-kicker span{
    width:26px !important;
    flex:0 0 26px !important;
    height:1px !important;
  }

  #desktop-pdf-layout .dp-research-intro h2{
    width:250px !important;
    max-width:250px !important;
    margin:0 !important;
    padding:0 !important;

    color:#043E6B !important;
    font-family:Georgia,'Times New Roman',serif !important;
    font-size:20px !important;
    line-height:1.08 !important;
    font-weight:700 !important;
    letter-spacing:-.15px !important;
    text-align:left !important;
  }

  #desktop-pdf-layout .dp-research-intro p{
    width:235px !important;
    max-width:235px !important;
    margin:9px 0 0 !important;
    padding:0 !important;

    color:#242424 !important;
    font-family:'Poppins','Segoe UI',Arial,sans-serif !important;
    font-size:11.5px !important;
    line-height:1.24 !important;
    text-align:left !important;
  }

  /* Research side total width */
  #desktop-pdf-layout .dp-research-side{
    align-self:start !important;
  }

  #desktop-pdf-layout .dp-research-cards{
    width:330px !important;
    display:grid !important;
    grid-template-columns:161px 161px !important;
    gap:8px !important;
    align-items:stretch !important;
  }

  /* Narrower but slightly taller cards */
  #desktop-pdf-layout .dp-r-card{
    box-sizing:border-box !important;
    width:161px !important;
    min-width:161px !important;
    max-width:161px !important;

    height:192px !important;
    min-height:192px !important;
    max-height:192px !important;

    padding:9px 9px 8px !important;

    display:flex !important;
    flex-direction:column !important;

    background:#fff !important;
    border:1px solid #dedede !important;
    border-radius:7px !important;
    box-shadow:0 3px 7px rgba(0,0,0,.10) !important;
    overflow:hidden !important;
  }

  /* Larger icons + labels */
  #desktop-pdf-layout .dp-r-label{
    min-height:34px !important;
    height:34px !important;
    flex:0 0 34px !important;

    display:flex !important;
    align-items:center !important;
    gap:6px !important;

    color:#D6A839 !important;
    font-size:8.4px !important;
    line-height:1.12 !important;
    font-weight:600 !important;
  }

  #desktop-pdf-layout .dp-r-label img{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    flex:0 0 30px !important;
    object-fit:contain !important;
  }

  /* Card title more readable */
  #desktop-pdf-layout .dp-r-card h3{
    margin:6px 0 5px !important;
    padding:0 !important;

    color:#043E6B !important;
    font-family:'Poppins','Segoe UI',Arial,sans-serif !important;
    font-size:13px !important;
    line-height:1.03 !important;
    font-weight:800 !important;
    letter-spacing:-.1px !important;
    text-align:left !important;
  }

  /* Body text larger + heavier */
  #desktop-pdf-layout .dp-r-card p{
    margin:0 !important;
    padding:0 !important;

    color:#252525 !important;
    font-family:'Poppins','Segoe UI',Arial,sans-serif !important;
    font-size:9.2px !important;
    line-height:1.24 !important;
    font-weight:500 !important;
    text-align:left !important;
  }

  /* Bottom tags/buttons remain separated from text */
  #desktop-pdf-layout .dp-r-tags{
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:3px !important;

    margin:auto 0 5px !important;
    padding-top:5px !important;
    overflow:hidden !important;
  }

  #desktop-pdf-layout .dp-r-tags span{
    padding:3px 5px !important;
    border-radius:999px !important;
    background:#dcecff !important;
    color:#0a4b7c !important;

    font-size:6.8px !important;
    line-height:1 !important;
    font-weight:700 !important;
    white-space:nowrap !important;
  }

  #desktop-pdf-layout .dp-r-card>a{
    align-self:flex-start !important;
    margin:0 !important;
    padding:4px 7px !important;

    border-radius:999px !important;
    background:#043E6B !important;
    color:#fff !important;

    font-size:7.2px !important;
    line-height:1 !important;
    font-weight:700 !important;
    white-space:nowrap !important;
    box-shadow:0 2px 5px rgba(0,0,0,.20) !important;
  }

  #desktop-pdf-layout .dp-r-card>a b{
    font-size:13px !important;
    line-height:6px !important;
  }

  #desktop-pdf-layout .dp-r-dots{
    margin:5px 0 0 !important;
    gap:4px !important;
  }

  #desktop-pdf-layout .dp-r-dots i{
    width:5px !important;
    height:5px !important;
    min-width:5px !important;
  }
}



/* ================= ORIGINAL home-23.css ================= */

/* id="zr-micro-fixes-final-0710" */

@media (min-width:1024px){

  /* Restore approved Zameeni strip gradient:
     light blue at start -> dark navy at end */
  #desktop-pdf-layout .dp-zameeni-blue{
    background:linear-gradient(
      90deg,
      #0d6288 0%,
      #0a557d 28%,
      #06456f 55%,
      #03375d 76%,
      #022846 100%
    ) !important;
  }

  /* Give the intro a little more width.
     This also shifts the already-approved slides slightly right. */
  #desktop-pdf-layout .dp-zr{
    max-width:1020px !important;
    grid-template-columns:360px 270px 330px !important;
    column-gap:20px !important;
  }

  #desktop-pdf-layout .dp-research-intro{
    width:270px !important;
    min-width:270px !important;
    max-width:270px !important;
  }

  #desktop-pdf-layout .dp-research-intro h2{
    width:270px !important;
    max-width:270px !important;
  }

  /* Force exactly three lines; no accidental wrap of "on". */
  #desktop-pdf-layout .dp-research-intro h2 .dp-research-line{
  }

  /* IMPORTANT: do not alter approved slide card styling */
  #desktop-pdf-layout .dp-research-side{
    width:330px !important;
    max-width:330px !important;
    min-width:330px !important;
  }
}



/* ================= ORIGINAL home-24.css ================= */

/* id="digital-library-reference-final-0710" */

@media (min-width:1024px){

  /* Compact, centered 3-part composition */
  #desktop-pdf-layout .dp-library{
    width:930px !important;
    max-width:930px !important;
    margin:34px auto 0 !important;

    display:grid !important;
    grid-template-columns:640px 210px !important;
    column-gap:80px !important;
    align-items:center !important;
  }

  /* Entire Digital Library artwork scales down together:
     heading, books, badges, categories, button, icon all stay proportional */
  #desktop-pdf-layout .dp-library-art{
    width:640px !important;
    max-width:640px !important;
    margin:0 !important;
    padding:0 !important;
    position:relative !important;
  }

  #desktop-pdf-layout .dp-library-art>img{
    display:block !important;
    width:640px !important;
    max-width:640px !important;
    height:auto !important;
    object-fit:contain !important;
  }

  /* Keep invisible click area aligned with scaled artwork */
  #desktop-pdf-layout .dp-library-hit{
    left:2.8% !important;
    top:65.5% !important;
    width:26% !important;
    height:11% !important;
  }

  /* Membership card: wider, taller, softer blue/grey like reference */
  #desktop-pdf-layout .dp-membership{
    box-sizing:border-box !important;
    width:210px !important;
    min-width:210px !important;
    max-width:210px !important;

    min-height:236px !important;
    height:236px !important;

    margin:0 !important;
    padding:22px 18px !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;

    border:1px solid #9ba7b3 !important;
    border-radius:4px !important;
    background:#f3f6fa !important;
  }

  #desktop-pdf-layout .dp-membership>span{
    margin:0 !important;
    color:#f04444 !important;
    font-family:'Poppins','Segoe UI',Arial,sans-serif !important;
    font-size:9px !important;
    line-height:1 !important;
    font-weight:800 !important;
  }

  #desktop-pdf-layout .dp-membership h3{
    margin:10px 0 11px !important;
    color:#043E6B !important;
    font-family:'Poppins','Segoe UI',Arial,sans-serif !important;
    font-size:16px !important;
    line-height:1.05 !important;
    font-weight:800 !important;
    white-space:nowrap !important;
  }

  #desktop-pdf-layout .dp-membership p{
    margin:0 0 10px !important;
    color:#222 !important;
    font-family:'Poppins','Segoe UI',Arial,sans-serif !important;
    font-size:12px !important;
    line-height:1.27 !important;
    font-weight:400 !important;
  }

  #desktop-pdf-layout .dp-membership small{
    margin:0 0 13px !important;
    color:#333 !important;
    font-family:'Poppins','Segoe UI',Arial,sans-serif !important;
    font-size:9px !important;
    line-height:1.28 !important;
    font-weight:400 !important;
  }

  #desktop-pdf-layout .dp-membership a{
    align-self:flex-start !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin:0 !important;
    padding:7px 13px !important;

    background:#043E6B !important;
    border-radius:2px !important;

    font-family:'Poppins','Segoe UI',Arial,sans-serif !important;
    font-size:9px !important;
    line-height:1 !important;
    font-weight:800 !important;
    text-decoration:none !important;
  }
}


/* id="membership-card-final-fix" */

@media (min-width:1024px){

  #desktop-pdf-layout .dp-membership>span{
    font-size:11px !important;
    font-weight:900 !important;
    letter-spacing:.1px !important;
  }

  #desktop-pdf-layout .dp-membership h3{
    font-weight:900 !important;
  }

  #desktop-pdf-layout .dp-membership p{
    font-weight:600 !important;
  }

  #desktop-pdf-layout .dp-membership small{
    font-weight:600 !important;
  }

  #desktop-pdf-layout .dp-membership a{
    background:linear-gradient(
      180deg,
      #0b5a82 0%,
      #06466b 28%,
      #043557 62%,
      #022846 100%
    ) !important;
    color:#E5B530 !important;
    font-weight:900 !important;
    border:0 !important;
    box-shadow:0 2px 5px rgba(0,0,0,.18) !important;
  }
}



/* ================= ORIGINAL home-25.css ================= */

/* id="housing-societies-reference-final" */

@media (min-width:1024px){

  /* Overall panel: narrower, slightly taller, centered */
  #desktop-pdf-layout .dp-housing{
    box-sizing:border-box !important;
    width:885px !important;
    max-width:885px !important;
    min-height:252px !important;

    margin:38px auto 0 !important;
    padding:42px 48px !important;

    display:grid !important;
    grid-template-columns:280px 456px !important;
    column-gap:48px !important;
    align-items:center !important;

    background:
      url('/Images/modal-bg-1.png') center center / cover no-repeat !important;

    border:1px solid rgba(132,145,160,.24) !important;
    border-radius:7px !important;
    box-shadow:0 7px 18px rgba(15,23,42,.14) !important;
  }

  /* LEFT COPY */
  #desktop-pdf-layout .dp-housing-copy{
    width:280px !important;
    max-width:280px !important;
  }

  #desktop-pdf-layout .dp-housing-copy>div{
    margin:0 0 14px !important;
    color:#D6A839 !important;

    font-family:'Poppins','Segoe UI',Arial,sans-serif !important;
    font-size:18px !important;
    line-height:1 !important;
    font-weight:600 !important;
    letter-spacing:0 !important;
  }

  #desktop-pdf-layout .dp-housing-copy h2{
    margin:0 !important;
    color:#043E6B !important;

    font-family:'Poppins','Segoe UI',Arial,sans-serif !important;
    font-size:25px !important;
    line-height:1.10 !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
  }

  #desktop-pdf-layout .dp-housing-copy h2 span{
    font-size:20px !important;
    line-height:1.10 !important;
    font-weight:700 !important;
  }

  /* Reference image has no gold underline below the heading */
  #desktop-pdf-layout .dp-housing-copy i{
    display:none !important;
  }

  #desktop-pdf-layout .dp-housing-copy p{
    width:260px !important;
    max-width:260px !important;

    margin:18px 0 0 !important;
    color:#3f3f3f !important;

    font-family:'Poppins','Segoe UI',Arial,sans-serif !important;
    font-size:14px !important;
    line-height:1.48 !important;
    font-weight:400 !important;
  }

  /* RIGHT 2-COLUMN BOXES */
  #desktop-pdf-layout .dp-housing-links{
    width:456px !important;
    max-width:456px !important;

    display:grid !important;
    grid-template-columns:repeat(2, 204px) !important;
    column-gap:48px !important;
    row-gap:4px !important;

    margin:0 !important;
    padding:0 !important;
    align-items:stretch !important;
  }

  #desktop-pdf-layout .dp-housing-links a{
    box-sizing:border-box !important;
    width:204px !important;
    height:42px !important;
    min-height:42px !important;

    margin:0 !important;
    padding:6px 10px !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;

    border:1px solid rgba(255,255,255,.96) !important;
    background:rgba(255,255,255,.66) !important;
    box-shadow:
      0 2px 3px rgba(15,23,42,.18),
      0 1px 0 rgba(255,255,255,.95) inset !important;
  }

  #desktop-pdf-layout .dp-housing-links small{
    margin:0 !important;
    color:#C68A14 !important;

    font-family:'Poppins','Segoe UI',Arial,sans-serif !important;
    font-size:10.5px !important;
    line-height:1.05 !important;
    font-weight:400 !important;
    white-space:nowrap !important;
  }

  #desktop-pdf-layout .dp-housing-links strong{
    margin:2px 0 0 !important;
    color:#064D80 !important;

    font-family:'Poppins','Segoe UI',Arial,sans-serif !important;
    font-size:11px !important;
    line-height:1.05 !important;
    font-weight:600 !important;
    text-decoration:underline !important;
    white-space:nowrap !important;
  }
}


/* id="housing-text-gold-final" */

@media (min-width:1024px){

  /* Exact 3-line paragraph from the reference */
  #desktop-pdf-layout .dp-housing-copy .dp-housing-desc{
    width:285px !important;
    max-width:285px !important;
    margin:18px 0 0 !important;

    color:#3f3f3f !important;
    font-family:'Poppins','Segoe UI',Arial,sans-serif !important;
    font-size:14px !important;
    line-height:1.48 !important;
    font-weight:400 !important;
  }

  #desktop-pdf-layout .dp-housing-copy .dp-housing-desc span{
    display:block !important;
    white-space:nowrap !important;
  }

  /* Reference gold: warmer/more muted than the previous bright yellow */
  #desktop-pdf-layout .dp-housing-copy>div{
    color:#D3A126 !important;
  }

  #desktop-pdf-layout .dp-housing-links small{
    color:#D39B1E !important;
  }
}


/* id="media-research-reference-final" */

@media (min-width:1024px){

  #desktop-pdf-layout .dp-media{
    max-width:915px !important;
    margin:54px auto 0 !important;
  }

  #desktop-pdf-layout .dp-media-title h2{
    margin:0 !important;
    color:#0a4476 !important;
    font:700 23px/1.08 'Poppins','Segoe UI',Arial,sans-serif !important;
    letter-spacing:0 !important;
  }

  #desktop-pdf-layout .dp-media-title span{
    display:block !important;
    width:82px !important;
    height:3px !important;
    margin-top:10px !important;
    border-radius:99px !important;
    background:#c59420 !important;
  }

  #desktop-pdf-layout .dp-media-grid{
    margin-top:14px !important;
    display:grid !important;
    grid-template-columns:332px 1fr !important;
    gap:16px !important;
    align-items:stretch !important;
  }

  /* LEFT newsroom card */
  #desktop-pdf-layout .dp-newsroom{
    min-height:448px !important;
    border-radius:6px !important;
    box-shadow:0 10px 22px rgba(15,23,42,.10) !important;
  }

  #desktop-pdf-layout .dp-newsroom > img{
    object-fit:cover !important;
    object-position:center top !important;
  }

  #desktop-pdf-layout .dp-newsroom > div{
    background:linear-gradient(to top, rgba(3,32,58,.92) 0%, rgba(6,42,73,.64) 28%, rgba(6,42,73,.08) 62%, rgba(6,42,73,0) 100%) !important;
  }

  #desktop-pdf-layout .dp-newsroom section{
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    padding:0 20px 18px !important;
  }

  #desktop-pdf-layout .dp-newsroom h3{
    margin:0 !important;
    color:#fff !important;
    font:500 21px/1.1 'Poppins','Segoe UI',Arial,sans-serif !important;
  }

  #desktop-pdf-layout .dp-newsroom p{
    margin:10px 0 12px !important;
    max-width:255px !important;
    color:rgba(255,255,255,.95) !important;
    font:400 13px/1.18 'Poppins','Segoe UI',Arial,sans-serif !important;
  }

  #desktop-pdf-layout .dp-newsroom b{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:92px !important;
    margin-left:auto !important;
    background:#0a4d82 !important;
    font:500 10px/1 'Poppins','Segoe UI',Arial,sans-serif !important;
    text-transform:none !important;
    letter-spacing:0 !important;
  }

  #desktop-pdf-layout .dp-newsroom b::after{
    content:"→" !important;
    margin-left:6px !important;
    font-size:10px !important;
    line-height:1 !important;
  }

  /* RIGHT cards */
  #desktop-pdf-layout .dp-media-right{
    display:grid !important;
    grid-template-columns:repeat(2, 1fr) !important;
    gap:12px 12px !important;
    align-content:start !important;
  }

  #desktop-pdf-layout .dp-media-card{
    min-height:214px !important;
    border:1px solid #eceff2 !important;
    border-radius:4px !important;
    overflow:hidden !important;
    background:#fff !important;
    box-shadow:0 6px 14px rgba(15,23,42,.07) !important;
  }

  #desktop-pdf-layout .dp-media-card > img{
    width:100% !important;
    height:108px !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  #desktop-pdf-layout .dp-media-card > div{
    flex:1 !important;
    padding:8px 12px 10px !important;
    display:flex !important;
    flex-direction:column !important;
  }

  #desktop-pdf-layout .dp-media-card h3{
    margin:0 !important;
    color:#111315 !important;
    font:500 15px/1.15 'Poppins','Segoe UI',Arial,sans-serif !important;
    letter-spacing:0 !important;
  }

  #desktop-pdf-layout .dp-media-card p{
    margin:6px 0 0 !important;
    color:#4a4f57 !important;
    font:400 11px/1.38 'Poppins','Segoe UI',Arial,sans-serif !important;
  }

  #desktop-pdf-layout .dp-media-card b{
    align-self:flex-end !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin-top:auto !important;
    background:#0a4d82 !important;
    font:500 10px/1 'Poppins','Segoe UI',Arial,sans-serif !important;
    text-transform:none !important;
    letter-spacing:0 !important;
  }

  #desktop-pdf-layout .dp-media-card b::after{
    content:"→" !important;
    margin-left:5px !important;
    font-size:10px !important;
    line-height:1 !important;
  }

  /* Match the reference's card content proportions a bit more closely */
  #desktop-pdf-layout .media-tv-bottom p,
  #desktop-pdf-layout .media-report-bottom p,
  #desktop-pdf-layout .media-podcast-top p,
  #desktop-pdf-layout .media-report-top p{
    max-width:205px !important;
  }
}


/* id="media-buttons-overlay-final" */

@media (min-width:1024px){

  /* Darker bottom gradient on Newsroom, closer to reference */
  #desktop-pdf-layout .dp-newsroom > div{
    background:linear-gradient(
      to top,
      rgba(2,29,50,.98) 0%,
      rgba(3,38,67,.92) 22%,
      rgba(5,48,82,.70) 42%,
      rgba(5,48,82,.24) 68%,
      rgba(5,48,82,0) 100%
    ) !important;
  }

  /* Make Newsroom content area a column so button can sit right */
  #desktop-pdf-layout .dp-newsroom section{
    display:flex !important;
    flex-direction:column !important;
  }

  /* Newsroom Explore button to the right */
  #desktop-pdf-layout .dp-newsroom b{
    align-self:flex-end !important;
    margin-left:0 !important;
    min-width:82px !important;
    height:20px !important;
    padding:0 12px !important;
    border-radius:4px !important;
    background:#032E4F !important;
    color:#fff !important;
    font-weight:600 !important;
  }

  /* All media buttons dark navy */
  #desktop-pdf-layout .dp-media-card b{
    background:#032E4F !important;
    color:#fff !important;
    font-weight:600 !important;
    min-width:82px !important;
    height:20px !important;
    padding:0 12px !important;
    border-radius:4px !important;
  }

  /* Remove arrows added by pseudo elements */
  #desktop-pdf-layout .dp-newsroom b::after,
  #desktop-pdf-layout .dp-media-card b::after{
    content:none !important;
    display:none !important;
  }
}


/* id="research-intro-text-size-only-final" */

@media (min-width:1024px){
  #desktop-pdf-layout .dp-research-intro p{
    font-size:14px !important;
    line-height:1.22 !important;
    font-weight:600 !important;
  }
}


/* id="public-opinion-exact-match-final" */

@media (min-width:1024px){

  /* Overall 3-column composition */
  #desktop-pdf-layout .dp-public{
    width:885px !important;
    max-width:885px !important;
    margin:18px auto 0 !important;

    display:grid !important;
    grid-template-columns:255px 180px 360px !important;
    column-gap:45px !important;
    align-items:start !important;
  }

  /* ================= LEFT COPY ================= */
  #desktop-pdf-layout .dp-public-copy{
    width:255px !important;
    max-width:255px !important;
    margin:0 !important;
    padding:0 !important;
    align-self:start !important;
  }

  #desktop-pdf-layout .dp-public-label{
    margin:0 0 9px !important;
    color:#0F7A57 !important;
    font-family:'Poppins',Arial,sans-serif !important;
    font-size:9px !important;
    line-height:1 !important;
    font-weight:800 !important;
  }

  #desktop-pdf-layout .dp-public-label span{
    width:22px !important;
    height:1px !important;
    background:#C99524 !important;
  }

  #desktop-pdf-layout .dp-public-copy h2{
    margin:0 0 8px !important;
    color:#043E6B !important;
    font-family:Georgia,'Times New Roman',serif !important;
    font-size:20px !important;
    line-height:1 !important;
    font-weight:700 !important;
  }

  #desktop-pdf-layout .dp-public-copy h2 em{
    color:#0F7A57 !important;
  }

  #desktop-pdf-layout .dp-public-copy h3{
    margin:0 0 8px !important;
    color:#171717 !important;
    font-family:'Poppins',Arial,sans-serif !important;
    font-size:10px !important;
    line-height:1.16 !important;
    font-weight:800 !important;
  }

  #desktop-pdf-layout .dp-public-copy p{
    margin:0 0 6px !important;
    color:#333 !important;
    font-family:'Poppins',Arial,sans-serif !important;
    font-size:9.2px !important;
    line-height:1.30 !important;
    font-weight:400 !important;
  }

  #desktop-pdf-layout .dp-public-copy strong{
    margin:0 0 10px !important;
    color:#303030 !important;
    font-family:'Poppins',Arial,sans-serif !important;
    font-size:8.6px !important;
    line-height:1.28 !important;
    font-weight:500 !important;
  }

  #desktop-pdf-layout .dp-public-copy>a{
    width:150px !important;
    height:18px !important;
    min-height:18px !important;
    padding:0 9px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    border-radius:3px !important;
    background:linear-gradient(90deg,#022B49 0%,#033654 45%,#064B70 76%,#075A7D 100%) !important;
    color:#fff !important;

    font-family:'Poppins',Arial,sans-serif !important;
    font-size:7px !important;
    line-height:1 !important;
    font-weight:600 !important;

    box-shadow:0 2px 5px rgba(0,0,0,.15) !important;
  }

  #desktop-pdf-layout .dp-public-copy>a b{
    font-size:11px !important;
    line-height:1 !important;
    font-weight:700 !important;
  }

  /* ================= HAND / GIF ================= */
  #desktop-pdf-layout .dp-hand{
    width:180px !important;
    min-height:180px !important;
    margin:0 !important;
    padding:18px 0 0 !important;

    display:flex !important;
    align-items:flex-start !important;
    justify-content:center !important;
  }

  #desktop-pdf-layout .dp-hand img{
    width:138px !important;
    max-width:138px !important;
    height:auto !important;
    display:block !important;
  }

  /* ================= HOW THE PLATFORM WORKS ================= */
  #desktop-pdf-layout .dp-how{
    width:360px !important;
    max-width:360px !important;
    margin:0 !important;
    padding:27px 0 0 !important;
    align-self:start !important;
  }

  #desktop-pdf-layout .dp-how h2{
    margin:0 0 12px !important;
    padding:0 !important;

    color:#0F7A57 !important;
    font-family:'Poppins',Arial,sans-serif !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:800 !important;
  }

  #desktop-pdf-layout .dp-steps{
    width:360px !important;
    display:grid !important;
    grid-template-columns:repeat(4,87px) !important;
    gap:4px !important;
    align-items:start !important;

    margin:0 !important;
    padding:0 !important;
  }

  #desktop-pdf-layout .dp-step{
    box-sizing:border-box !important;
    width:87px !important;
    height:103px !important;
    min-height:103px !important;
    max-height:103px !important;

    margin:0 !important;
    padding:7px 6px 6px !important;

    background:#fff !important;
    border:1px solid #E0E4E7 !important;
    border-radius:4px !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }

  #desktop-pdf-layout .dp-step>div{
    height:17px !important;
    min-height:17px !important;
    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:7px !important;
  }

  #desktop-pdf-layout .dp-step>div span{
    width:15px !important;
    height:15px !important;
    min-width:15px !important;
    flex:0 0 15px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-radius:50% !important;
    background:#0F7A57 !important;
    color:#fff !important;

    font-family:'Poppins',Arial,sans-serif !important;
    font-size:7px !important;
    line-height:15px !important;
    font-weight:700 !important;
  }

  #desktop-pdf-layout .dp-step>div img{
    width:17px !important;
    height:17px !important;
    min-width:17px !important;
    flex:0 0 17px !important;
    object-fit:contain !important;
  }

  #desktop-pdf-layout .dp-step h3{
    margin:7px 0 7px !important;
    padding:0 !important;

    color:#043E6B !important;
    font-family:'Poppins',Arial,sans-serif !important;
    font-size:9px !important;
    line-height:1.06 !important;
    font-weight:700 !important;
    text-align:left !important;
  }

  #desktop-pdf-layout .dp-step p{
    margin:0 !important;

    color:#404040 !important;
    font-family:'Poppins',Arial,sans-serif !important;
    font-size:8.2px !important;
    font-weight:400 !important;
    text-align:left !important;
  }

  #desktop-pdf-layout .dp-view-surveys{
    display:block !important;
    width:100% !important;
    margin:22px 0 0 !important;
    padding:0 !important;

    color:#0F7A57 !important;
    font-family:'Poppins',Arial,sans-serif !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:800 !important;
    text-align:right !important;
    white-space:nowrap !important;
  }
}


/* id="public-opinion-scale-balance-final" */

@media (min-width:1024px){

  /* Scale the full section up ~12% so it visually balances with the section above */
  #desktop-pdf-layout .dp-public{
    width:990px !important;
    max-width:990px !important;
    grid-template-columns:286px 202px 403px !important;
    column-gap:50px !important;
  }

  /* LEFT COPY */
  #desktop-pdf-layout .dp-public-copy{
    width:286px !important;
    max-width:286px !important;
  }

  #desktop-pdf-layout .dp-public-label{
    font-size:10px !important;
    margin-bottom:10px !important;
  }

  #desktop-pdf-layout .dp-public-label span{
    width:25px !important;
  }

  #desktop-pdf-layout .dp-public-copy h2{
    font-size:22.5px !important;
    margin-bottom:9px !important;
  }

  #desktop-pdf-layout .dp-public-copy h3{
    font-size:11.2px !important;
    margin-bottom:9px !important;
  }

  #desktop-pdf-layout .dp-public-copy p{
    font-size:10.3px !important;
    line-height:1.31 !important;
    margin-bottom:7px !important;
  }

  #desktop-pdf-layout .dp-public-copy strong{
    font-size:9.6px !important;
    line-height:1.30 !important;
    margin-bottom:11px !important;
  }

  /*
    IMPORTANT:
    Methodology button COLOR is intentionally unchanged.
    Only its physical size is increased slightly.
  */
  #desktop-pdf-layout .dp-public-copy>a{
    width:168px !important;
    height:20px !important;
    min-height:20px !important;
    padding:0 10px !important;

    background:linear-gradient(
      90deg,
      #022B49 0%,
      #033654 45%,
      #064B70 76%,
      #075A7D 100%
    ) !important;

    font-size:7.8px !important;
  }

  #desktop-pdf-layout .dp-public-copy>a b{
    color:#13A873 !important;
    font-size:12px !important;
  }

  /* HAND */
  #desktop-pdf-layout .dp-hand{
    width:202px !important;
    min-height:202px !important;
    padding-top:20px !important;
  }

  #desktop-pdf-layout .dp-hand img{
    width:155px !important;
    max-width:155px !important;
  }

  /* HOW THE PLATFORM WORKS */
  #desktop-pdf-layout .dp-how{
    width:403px !important;
    max-width:403px !important;
    padding-top:30px !important;
  }

  #desktop-pdf-layout .dp-how h2{
    font-size:12.3px !important;
    margin-bottom:13px !important;
  }

  #desktop-pdf-layout .dp-steps{
    width:403px !important;
    grid-template-columns:repeat(4,97px) !important;
    gap:5px !important;
  }

  #desktop-pdf-layout .dp-step{
    width:97px !important;
    height:115px !important;
    min-height:115px !important;
    max-height:115px !important;
    padding:8px 7px 7px !important;
  }

  #desktop-pdf-layout .dp-step>div{
    height:19px !important;
    min-height:19px !important;
    gap:8px !important;
  }

  #desktop-pdf-layout .dp-step>div span{
    width:17px !important;
    height:17px !important;
    min-width:17px !important;
    flex-basis:17px !important;
    font-size:7.8px !important;
    line-height:17px !important;
  }

  #desktop-pdf-layout .dp-step>div img{
    width:19px !important;
    height:19px !important;
    min-width:19px !important;
    flex-basis:19px !important;
  }

  #desktop-pdf-layout .dp-step h3{
    margin:8px 0 8px !important;
  }

  #desktop-pdf-layout .dp-step p{
    line-height:1.23 !important;
  }

  #desktop-pdf-layout .dp-view-surveys{
    margin-top:24px !important;
    font-size:12.3px !important;
  }
}


/* id="platform-box-text-bottom-final" */

@media (min-width:1024px){

  /* Keep all four cards equal height, based on the tallest card */
  #desktop-pdf-layout .dp-steps{
    align-items:stretch !important;
    grid-auto-rows:1fr !important;
  }

  /* Let the box height follow its content cleanly; no useless empty bottom area */
  #desktop-pdf-layout .dp-step{
    min-height:112px !important;

    display:flex !important;
    flex-direction:column !important;

    padding:8px 7px 6px !important;
  }

  /* Main card heading: stronger/readable */
  #desktop-pdf-layout .dp-step h3{
    font-size:10px !important;
    line-height:1.08 !important;
    margin:8px 0 6px !important;
  }

  /* Body copy: stronger and pushed to the bottom of the card */
  #desktop-pdf-layout .dp-step p{
    padding:0 !important;

    font-weight:500 !important;

    color:#333 !important;
  }

  /* Keep the top number + icon row compact */
  #desktop-pdf-layout .dp-step > div{
    margin:0 !important;
    flex:0 0 auto !important;
  }
}


/* id="public-opinion-tight-spacing-weight-final" */

@media (min-width:1024px){

  /* Bring left copy, hand and platform boxes closer together */
  #desktop-pdf-layout .dp-public{
    width:920px !important;
    max-width:920px !important;
    grid-template-columns:286px 165px 403px !important;
    column-gap:33px !important;
  }

  /* Reduce empty space around hand without changing its overall look */
  #desktop-pdf-layout .dp-hand{
    width:165px !important;
    min-height:190px !important;
    padding-top:18px !important;
  }

  #desktop-pdf-layout .dp-hand img{
    width:148px !important;
    max-width:148px !important;
  }

  /* Stronger readable text inside HOW THE PLATFORM WORKS cards */
  #desktop-pdf-layout .dp-step h3{
    font-weight:800 !important;
  }

  #desktop-pdf-layout .dp-step p{
    font-weight:600 !important;
    font-size:9px !important;
    line-height:1.22 !important;

    /* keep copy sitting at the bottom */
    margin:auto 0 0 !important;
  }

  /* Keep boxes compact: finish shortly after the text */
  #desktop-pdf-layout .dp-step{
    min-height:109px !important;
    height:auto !important;
    max-height:none !important;
    padding-bottom:5px !important;
  }
}


/* id="public-opinion-left-text-weight-final" */

@media (min-width:1024px){

  /* Intro paragraph */
  #desktop-pdf-layout .dp-public-copy p{
    font-weight:600 !important;
  }

  /* Transparent methodology / Research for public policy */
  #desktop-pdf-layout .dp-public-copy strong{
    font-weight:600 !important;
  }
}



/* ================= ORIGINAL home-26.css ================= */

/* id="desktop-public-opinion-two-column-final" */

@media (min-width:1024px){
  /* =========================================================
     ZAMEENI + RESEARCH & POLICY + PUBLIC OPINION — CLEAN ARRANGEMENT
     Both rows share the same 3-column grid and the same width as
     the four entry cards above, so all edges line up and there is
     no extra empty space.
     Columns: [Public copy] [Hand] [Research intro / slider]
     ========================================================= */
  #desktop-pdf-layout .dp-zr,
  #desktop-pdf-layout .dp-public{
    width:min(1120px, calc(100% - 72px)) !important;
    max-width:1120px !important;
    display:grid !important;
    grid-template-columns:340px 164px minmax(0,1fr) !important;
    column-gap:20px !important;
    row-gap:0 !important;
    justify-content:start !important;
    padding:0 !important;
  }
  #desktop-pdf-layout .dp-zr{
    margin:34px auto 0 !important;
    align-items:center !important;
  }
  #desktop-pdf-layout .dp-public{
    margin:30px auto 0 !important;
    align-items:center !important;
  }

  /* ---------- Syed Shayan column: wider (same design, scaled up) ---------- */
  #desktop-pdf-layout .dp-zr .dp-zameeni{
    grid-column:1 / 3 !important;
    grid-row:1 !important;
    justify-self:start !important;
    width:360px !important;
    height:178px !important;
    min-height:178px !important;
    max-height:178px !important;
    zoom:1.4;
  }

  /* ---------- Research & Policy intro (right of the column) ---------- */
  #desktop-pdf-layout .dp-zr .dp-research-intro{
    grid-column:3 !important;
    grid-row:1 !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    align-self:center !important;
  }
  #desktop-pdf-layout .dp-research-intro .dp-kicker{
    margin:0 0 12px !important;
    font-size:12.5px !important;
  }
  #desktop-pdf-layout .dp-research-intro .dp-kicker span{
    width:34px !important;
    flex:0 0 34px !important;
  }
  #desktop-pdf-layout .dp-research-intro h2{
    width:auto !important;
    max-width:none !important;
    font-size:29px !important;
    line-height:1.14 !important;
  }
  #desktop-pdf-layout .dp-research-intro h2 .dp-research-line{
    display:block !important;
    white-space:nowrap !important;
  }
  #desktop-pdf-layout .dp-research-intro p{
    width:auto !important;
    max-width:420px !important;
    margin:14px 0 0 !important;
    font-size:16px !important;
    line-height:1.4 !important;
  }

  /* ---------- Public Opinion copy (left, under the column) ---------- */
  #desktop-pdf-layout .dp-public .dp-public-copy{
    grid-column:1 !important;
    width:340px !important;
    max-width:340px !important;
    margin:0 !important;
    justify-self:start !important;
    align-self:center !important;
  }
  #desktop-pdf-layout .dp-public-label{
    margin:0 0 10px !important;
    font-size:12px !important;
  }
  #desktop-pdf-layout .dp-public-copy h2{
    margin:0 0 10px !important;
    font-size:29px !important;
    line-height:1.1 !important;
  }
  #desktop-pdf-layout .dp-public-copy h3{
    margin:0 0 10px !important;
    font-size:13.5px !important;
    line-height:1.3 !important;
  }
  #desktop-pdf-layout .dp-public-copy p{
    margin:0 0 9px !important;
    font-size:13.5px !important;
    line-height:1.45 !important;
  }
  #desktop-pdf-layout .dp-public-copy strong{
    display:block !important;
    margin:0 0 16px !important;
    font-size:12px !important;
    line-height:1.45 !important;
  }
  #desktop-pdf-layout .dp-public-copy > a{
    font-size:10.5px !important;
    line-height:1 !important;
    padding:10px 14px !important;
    height:auto !important;
    min-height:0 !important;
    gap:12px !important;
    white-space:nowrap !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
  }
  #desktop-pdf-layout .dp-public-copy > a b{
    font-size:16px !important;
  }

  /* VIEW ALL SURVEYS — left side, under Methodology & Standards */
  #desktop-pdf-layout .dp-view-surveys-left{
    margin-top:18px !important;
  }
  #desktop-pdf-layout .dp-view-surveys-left .dp-view-surveys{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    width:auto !important;
    margin:0 !important;
    font-size:14px !important;
    text-align:left !important;
  }
  #desktop-pdf-layout .dp-view-surveys-left .dp-view-surveys-arrow{
    font-size:21px !important;
  }

  /* ---------- Hand image ---------- */
  #desktop-pdf-layout .dp-public .dp-hand{
    grid-column:2 !important;
    width:164px !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    justify-self:center !important;
    align-self:center !important;
  }
  #desktop-pdf-layout .dp-public .dp-hand img{
    width:164px !important;
    max-width:164px !important;
    height:auto !important;
  }

  /* ---------- Research slider (right, where the 4 boxes were) ---------- */
  #desktop-pdf-layout .dp-public .dp-research-side{
    grid-column:3 !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 0 0 34px !important;
    justify-self:stretch !important;
    align-self:center !important;
  }
  #desktop-pdf-layout .dp-public .dp5-page{
    gap:14px !important;
  }
  #desktop-pdf-layout .dp-public .dp-r-card{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    min-height:250px !important;
    max-height:none !important;
    padding:14px 14px 13px !important;
  }
  #desktop-pdf-layout .dp-public .dp-r-label span{
    font-size:10px !important;
    line-height:1.15 !important;
  }
  #desktop-pdf-layout .dp-public .dp-r-label img{
    width:26px !important;
    height:26px !important;
    max-width:26px !important;
  }
  #desktop-pdf-layout .dp-public .dp-r-card h3{
    margin:12px 0 8px !important;
    font-size:17px !important;
    line-height:1.2 !important;
  }
  #desktop-pdf-layout .dp-public .dp-r-card p{
    font-size:12.5px !important;
    line-height:1.45 !important;
  }
  #desktop-pdf-layout .dp-public .dp-r-tags{
    margin-top:auto !important;
    padding-top:10px !important;
  }
  #desktop-pdf-layout .dp-public .dp-r-tags span{
    font-size:9px !important;
    line-height:1 !important;
    padding:4px 7px !important;
  }
  #desktop-pdf-layout .dp-public .dp-r-card > a{
    margin-top:10px !important;
    font-size:10px !important;
    line-height:1 !important;
    padding:7px 11px !important;
    height:auto !important;
  }
  #desktop-pdf-layout .dp-public .dp5-controls{
    margin-top:12px !important;
  }
}

/* Smaller laptops (1024px–1199px): same arrangement, slightly smaller so the slider cards keep a good width */
@media (min-width:1024px) and (max-width:1199px){
  #desktop-pdf-layout .dp-zr,
  #desktop-pdf-layout .dp-public{
    grid-template-columns:300px 130px minmax(0,1fr) !important;
  }
  #desktop-pdf-layout .dp-zr .dp-zameeni{zoom:1.25;}
  #desktop-pdf-layout .dp-public .dp-public-copy{width:300px !important;max-width:300px !important;}
  #desktop-pdf-layout .dp-public .dp-hand,
  #desktop-pdf-layout .dp-public .dp-hand img{width:130px !important;max-width:130px !important;}
  #desktop-pdf-layout .dp-zr .dp-research-intro,
  #desktop-pdf-layout .dp-public .dp-research-side{padding-left:26px !important;}
  #desktop-pdf-layout .dp-research-intro h2{font-size:26px !important;}
  #desktop-pdf-layout .dp-public-copy h2{font-size:26px !important;}
}

@media (min-width:1024px){
  /* ================= 4 ENTRY CARDS — one row, mobile text & images ================= */
  #desktop-pdf-layout .ref-entry-grid{
    align-items:stretch !important;
  }
  #desktop-pdf-layout .dp-ecard{
    display:flex !important;
    flex-direction:column !important;
    min-width:0 !important;
    height:100% !important;
    padding:10px 10px 12px !important;
    background:#fff !important;
    border:1px solid #eef0f3 !important;
    border-radius:14px !important;
    box-shadow:0 5px 14px rgba(15,23,42,.13) !important;
    color:#111 !important;
    text-decoration:none !important;
    box-sizing:border-box !important;
    transition:box-shadow .2s ease, transform .2s ease;
  }
  #desktop-pdf-layout .dp-ecard:hover{
    transform:translateY(-2px);
    box-shadow:0 9px 20px rgba(15,23,42,.17) !important;
  }
  #desktop-pdf-layout .dp-ecard-photo{
    width:100%;
    aspect-ratio:3/1;
    margin:0 0 10px;
    border-radius:9px;
    overflow:hidden;
    flex:0 0 auto;
  }
  #desktop-pdf-layout .dp-ecard-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }
  #desktop-pdf-layout .dp-ecard-title{
    margin:0 2px 5px !important;
    color:#043E6B !important;
    font-family:'Poppins','Segoe UI',Arial,sans-serif !important;
    font-size:15px !important;
    line-height:1.2 !important;
    font-weight:600 !important;
    letter-spacing:-.2px !important;
    text-align:left !important;
  }
  #desktop-pdf-layout .dp-ecard-kicker{
    margin:0 2px 7px !important;
    color:#D6A12F !important;
    font-family:'Poppins','Segoe UI',Arial,sans-serif !important;
    font-size:11px !important;
    line-height:1.32 !important;
    font-weight:500 !important;
    text-transform:uppercase !important;
    text-align:left !important;
  }
  #desktop-pdf-layout .dp-ecard-copy{
    margin:0 2px 12px !important;
    color:#262626 !important;
    font-family:'Poppins','Segoe UI',Arial,sans-serif !important;
    font-size:11.5px !important;
    line-height:1.4 !important;
    font-weight:400 !important;
    text-align:left !important;
  }
  #desktop-pdf-layout .dp-ecard-btn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:32px !important;
    margin:auto 0 0 !important;
    padding:5px 6px !important;
    border-radius:10px !important;
    background:#043E6B !important;
    color:#fff !important;
    font-family:'Poppins','Segoe UI',Arial,sans-serif !important;
    font-size:11.5px !important;
    line-height:1.15 !important;
    font-weight:500 !important;
    text-align:center !important;
    box-sizing:border-box !important;
    transition:background .2s ease;
  }
  #desktop-pdf-layout .dp-ecard:hover .dp-ecard-btn{
    background:#06548f !important;
  }

  /* ================= SYED SHAYAN COLUMN — mobile design, wider (not taller) ================= */
  #desktop-pdf-layout .dp-zr .dp-zameeni.dz-card{
    zoom:1 !important;
    position:relative !important;
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:204px !important;
    min-height:204px !important;
    max-height:204px !important;
    overflow:hidden !important;
    border-radius:22px !important;
    background:#fff !important;
    box-shadow:0 5px 14px rgba(0,0,0,.10) !important;
  }
  #desktop-pdf-layout .dz-strip{
    position:absolute;
    left:16px; right:16px; bottom:12px;
    height:88px;
    background:linear-gradient(90deg,#0c5a87 0%,#07466d 48%,#033451 72%,#011f36 100%);
    box-shadow:0 2px 5px rgba(0,0,0,.12);
    z-index:1;
  }
  #desktop-pdf-layout .dz-person{
    position:absolute;
    left:20px; top:22px;
    width:132px; height:162px;
    overflow:hidden;
    box-shadow:0 3px 8px rgba(0,0,0,.18);
    z-index:3;
  }
  #desktop-pdf-layout .dz-person img{
    width:100%; height:100%;
    object-fit:cover; object-position:center 35%;
    display:block;
  }
  #desktop-pdf-layout .dz-logo{
    position:absolute;
    right:30px; top:12px;
    z-index:2;
  }
  #desktop-pdf-layout .dz-logo img{
    width:262px; height:72px;
    object-fit:contain; object-position:right center;
    display:block;
  }
  #desktop-pdf-layout .dz-copy{
    position:absolute;
    left:176px; right:60px;
    bottom:56px;
    transform:translateY(50%);
    z-index:4;
    text-align:left;
    font-family:'Poppins','Segoe UI',Arial,sans-serif;
  }
  #desktop-pdf-layout .dz-copy p{margin:0 !important;padding:0 !important;white-space:nowrap}
  #desktop-pdf-layout .dz-copy .dz-title{
    margin:0 0 2px !important;
    color:#d8ae49 !important;
    font-size:16px !important;
    line-height:1.2 !important;
    font-weight:500 !important;
  }
  #desktop-pdf-layout .dz-copy .dz-ground{
    color:#fff !important;
    font-size:12.5px !important;
    line-height:1.25 !important;
    font-weight:400 !important;
  }
  #desktop-pdf-layout .dz-copy .dz-byline{
    margin-top:3px !important;
    color:#fff !important;
    font-size:15px !important;
    line-height:1.2 !important;
    font-weight:500 !important;
    letter-spacing:-.2px !important;
  }
  #desktop-pdf-layout .dz-copy .dz-acol{
    display:inline-block;
    font-style:normal;
    color:inherit;
    line-height:1;
    padding:0 0 3px;
    border-bottom:2px solid #E53935;
  }
  #desktop-pdf-layout .dz-arrow{
    position:absolute;
    right:30px; bottom:28px;
    z-index:4;
    color:#d8ae49;
    font-style:normal;
    font-size:22px;
    line-height:1;
  }

  /* ================= RESEARCH & POLICY — centre aligned ================= */
  #desktop-pdf-layout .dp-zr .dp-research-intro{
    text-align:center !important;
    padding:0 0 0 34px !important;
  }
  #desktop-pdf-layout .dp-zr .dp-research-intro .dp-kicker{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
  }
  #desktop-pdf-layout .dp-zr .dp-research-intro h2,
  #desktop-pdf-layout .dp-zr .dp-research-intro h2 .dp-research-line{
    text-align:center !important;
  }
  #desktop-pdf-layout .dp-zr .dp-research-intro p{
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }
}
@media (min-width:1024px) and (max-width:1199px){
  #desktop-pdf-layout .dp-zr .dp-zameeni.dz-card{zoom:1 !important;height:184px !important;min-height:184px !important;max-height:184px !important;}
  #desktop-pdf-layout .dz-person{width:118px;height:146px;top:20px;left:18px;}
  #desktop-pdf-layout .dz-strip{height:80px;}
  #desktop-pdf-layout .dz-logo img{width:220px;height:62px;}
  #desktop-pdf-layout .dz-copy{left:156px;bottom:52px;}
  #desktop-pdf-layout .dz-copy .dz-title{font-size:14.5px !important;}
  #desktop-pdf-layout .dz-copy .dz-ground{font-size:11.5px !important;}
  #desktop-pdf-layout .dz-copy .dz-byline{font-size:13.5px !important;}
  #desktop-pdf-layout .dz-arrow{bottom:24px;right:26px;}
  #desktop-pdf-layout .dp-ecard-title{font-size:13.5px !important;}
  #desktop-pdf-layout .dp-ecard-copy{font-size:10.8px !important;}
  #desktop-pdf-layout .dp-ecard-kicker{font-size:10px !important;}
  #desktop-pdf-layout .dp-ecard-btn{font-size:10.5px !important;}
}

@media (min-width:1024px){
  /* ================= RESEARCH SLIDER: 2 full cards + half of the next ================= */
  #desktop-pdf-layout .dp6-slider{
    min-width:0 !important;
    overflow:visible !important;
  }
  #desktop-pdf-layout .dp6-viewport{
    width:100%;
    overflow:hidden;
    padding:4px 0 10px;
  }
  #desktop-pdf-layout .dp6-track{
    --dp6-gap:14px;
    display:flex;
    gap:var(--dp6-gap);
    align-items:stretch;
    transition:transform .45s ease;
    will-change:transform;
  }
  #desktop-pdf-layout .dp6-track .dp-r-card{
    flex:0 0 calc((100% - 2 * var(--dp6-gap)) / 2.5) !important;
    width:calc((100% - 2 * var(--dp6-gap)) / 2.5) !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:13px 13px 13px !important;
    display:flex !important;
    flex-direction:column !important;
    box-sizing:border-box !important;
  }
  #desktop-pdf-layout .dp6-track .dp-r-label{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
  }
  #desktop-pdf-layout .dp6-track .dp-r-label img{
    width:28px !important;
    height:28px !important;
    max-width:28px !important;
    object-fit:contain !important;
  }
  #desktop-pdf-layout .dp6-track .dp-r-label span{
    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
  }
  #desktop-pdf-layout .dp6-track .dp-r-card h3{
    margin:11px 0 7px !important;
    font-size:16px !important;
    line-height:1.2 !important;
  }
  #desktop-pdf-layout .dp6-track .dp-r-card p{
    margin:0 !important;
    font-size:12px !important;
    line-height:1.4 !important;
  }
  #desktop-pdf-layout .dp6-track .dp-r-card > a{
    margin-top:auto !important;
    align-self:flex-start !important;
    font-size:10px !important;
    line-height:1 !important;
    padding:7px 11px !important;
    height:auto !important;
  }
  /* keep every button on the same bottom line */
  #desktop-pdf-layout .dp6-track .dp-r-card p{
    margin-bottom:14px !important;
  }
  #desktop-pdf-layout .dp6-slider .dp5-controls{
    margin-top:6px !important;
  }

  /* RESEARCH AND POLICY heading label — bigger */
  #desktop-pdf-layout .dp-zr .dp-research-intro .dp-kicker{
    font-size:15px !important;
    letter-spacing:.2px !important;
  }
  #desktop-pdf-layout .dp-zr .dp-research-intro .dp-kicker span{
    width:40px !important;
    flex:0 0 40px !important;
  }
}

@media (min-width:1024px){
  /* ================= HERO — mobile text + mobile background image ================= */
  #desktop-pdf-layout .dp-hero.dpm-hero{
    position:relative !important;
    isolation:isolate;
    min-height:430px !important;
    margin-top:-8px !important;
    background-image:url('/Images/home-again.jpeg.png') !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:center center !important;
  }
  #desktop-pdf-layout .dpm-hero::before{
    content:"";
    position:absolute;
    top:0; bottom:0; left:0;
    width:62%;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(90deg,
      rgba(255,255,255,.94) 0%,
      rgba(255,255,255,.86) 48%,
      rgba(255,255,255,.48) 78%,
      rgba(255,255,255,0) 100%);
  }
  #desktop-pdf-layout .dpm-hero::after{
    content:"";
    position:absolute;
    left:0; right:0; bottom:0;
    height:15%;
    z-index:2;
    pointer-events:none;
    background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.38));
  }
  #desktop-pdf-layout .dpm-hero-inner{
    position:relative;
    z-index:3;
    width:min(1120px, calc(100% - 72px));
    margin:0 auto;
    padding:34px 0 0;
  }
  #desktop-pdf-layout .dpm-hero-copy{
    max-width:500px;
  }
  #desktop-pdf-layout .dpm-hero-title{
    margin:0 !important;
    color:#043E6B !important;
    font-family:'Lora', Georgia, serif !important;
    font-size:36px !important;
    line-height:1.18 !important;
    font-weight:700 !important;
    letter-spacing:-.3px !important;
  }
  #desktop-pdf-layout .dpm-hero-title span{display:block}
  #desktop-pdf-layout .dpm-hero-rule{
    width:180px;
    height:2px;
    margin:12px 0 16px;
    opacity:.7;
    background:linear-gradient(to left, transparent, #c8a562, #c8a562);
  }
  #desktop-pdf-layout .dpm-hero-desc{
    margin:0 !important;
    max-width:470px;
    color:#161616 !important;
    font-family:'Poppins','Segoe UI',Arial,sans-serif !important;
    font-size:15px !important;
    line-height:1.5 !important;
    font-weight:500 !important;
  }
  #desktop-pdf-layout .dpm-hero-desc + .dpm-hero-desc{
    margin-top:14px !important;
  }
}
@media (min-width:1024px) and (max-width:1199px){
  #desktop-pdf-layout .dpm-hero-title{font-size:32px !important;}
  #desktop-pdf-layout .dpm-hero-desc{font-size:14px !important;max-width:440px;}
}

@media (min-width:1024px){
  /* ===== Remove the sky/buildings artwork behind the desktop header ===== */
  html:not(#dpx-a):not(#dpx-b) body header.only-header-mobile-h,
  html:not(#dpx-a):not(#dpx-b) body header.only-header-mobile-h.scrolled{
    background-image:none !important;
    background-color:#fff !important;
  }

  /* ===== Hero background: show the picture like the mobile view (buildings + bridge on the right) ===== */
  #desktop-pdf-layout .dp-hero.dpm-hero{
    background-image:none !important;
    background-color:#fff !important;
    overflow:hidden !important;
  }
  #desktop-pdf-layout .dpm-hero-photo{
    position:absolute;
    top:0; right:0; bottom:0;
    width:64%;
    z-index:0;
    background-image:url('/Images/home-again.jpeg.png');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center 35%;
    -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 28%, #000 100%);
            mask-image:linear-gradient(90deg, transparent 0%, #000 28%, #000 100%);
  }

  /* ===== Entry card photos: soft white fade at the bottom, like mobile ===== */
  #desktop-pdf-layout .dp-ecard-photo{
    position:relative !important;
    isolation:isolate;
  }
  #desktop-pdf-layout .dp-ecard-photo::after{
    content:"";
    position:absolute;
    left:0; right:0; bottom:0;
    height:35%;
    background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.85) 75%, #ffffff 100%);
    pointer-events:none;
  }
}

@media (min-width:1024px){
  /* ===== Stray sky/buildings artwork: hide wherever it is still painted on desktop ===== */
  .dpx-no-sky,
  .dpx-no-sky-before::before,
  .dpx-no-sky-after::after{
    background-image:none !important;
  }
  img.dpx-no-sky-img{display:none !important;}

  /* ===== Entry cards: heavier text ===== */
  #desktop-pdf-layout .dp-ecard-title{font-weight:700 !important;}
  #desktop-pdf-layout .dp-ecard-kicker{font-weight:600 !important;}
  #desktop-pdf-layout .dp-ecard-copy{font-weight:500 !important;color:#1f1f1f !important;}
  #desktop-pdf-layout .dp-ecard-btn{font-weight:600 !important;}
}

@media (min-width:1024px){
  /* ===== Hero image: soft white fade where the picture ends (bottom edge) ===== */
  #desktop-pdf-layout .dpm-hero::after{
    height:38% !important;
    background:linear-gradient(to bottom,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.55) 45%,
      rgba(255,255,255,.9) 78%,
      #ffffff 100%) !important;
  }
}

@media (min-width:1024px){
  /* ===== Hero image: fade the picture itself at its bottom (and left) edge ===== */
  #desktop-pdf-layout .dpm-hero-photo{
    -webkit-mask-image:
      linear-gradient(90deg, transparent 0%, #000 28%, #000 100%),
      linear-gradient(to bottom, #000 0%, #000 52%, rgba(0,0,0,.55) 74%, transparent 100%) !important;
    -webkit-mask-composite: source-in !important;
            mask-image:
      linear-gradient(90deg, transparent 0%, #000 28%, #000 100%),
      linear-gradient(to bottom, #000 0%, #000 52%, rgba(0,0,0,.55) 74%, transparent 100%) !important;
            mask-composite: intersect !important;
  }
  /* Research & Policy kicker: line on both sides (like mobile) */
  #desktop-pdf-layout .dp-zr .dp-research-intro .dp-kicker{gap:12px !important;}
  #desktop-pdf-layout .dp-zr .dp-research-intro p{max-width:440px !important;}
}



/* ================= ORIGINAL home-27.css ================= */

/* id="ss-no-zoom-css-20261107" */

  html, body { touch-action: pan-x pan-y; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }



/* ================= ORIGINAL home-28.css ================= */

/* id="font-update-13nov" */

/* National Priorities: neeche wale labels (ENERGY & POWER) jaisa golden + chota size */
.ssnp-box .ssnp .ssnp-kicker{color:#D6A839!important;-webkit-text-stroke:.4px #D6A839!important;font-size:max(24px,calc(var(--u) * 74))!important}
.ssnp-box .ssnp .ssnp-kicker:before,.ssnp-box .ssnp .ssnp-kicker:after{background:#D6A839!important}
/* Pakistan's Structural Challenges: Inter */
.ssnp-box .ssnp .ssnp-title,.ssnp-box .ssnp .ssnp-title.ssnp-serif,.ssnp-box .ssnp .ssnp-title span{font-family:'Inter','Segoe UI',Arial,sans-serif!important;font-weight:800!important;font-variation-settings:normal!important;letter-spacing:-.025em!important}
.ssnp-box .ssnp .ssnp-title{font-size:calc(var(--u) * 84)!important;line-height:calc(var(--u) * 94)!important}
/* Land, Resources and the Human Future: Inter (desktop + mobile) */
.ssv2-home .ssv2-title,.ssv2-home .ssv2-title .ssv2-line,.ssm .ssm-title,.ssm .ssm-title .ssm-line{font-family:'Inter','Segoe UI',Arial,sans-serif!important;font-weight:800!important;font-variation-settings:normal!important;letter-spacing:-.025em!important}
/* Part of SyedShayan.com: National Priorities jaisa script font */
#ss-partners .ssp-title,#ss-partners h2.ssp-title{font-family:'Great Vibes','Allura','Brush Script MT',cursive!important;font-weight:400!important;font-style:normal!important;text-transform:none!important;letter-spacing:0!important;font-size:clamp(22px,6.6vw,32px)!important;line-height:1.2!important;white-space:nowrap!important;-webkit-text-stroke:.4px currentColor}
@media (max-width:420px){#ss-partners .ssp-title::before,#ss-partners .ssp-title::after{flex-basis:30px!important}}
/* Headings ka navy halka (card titles jaisa) */
.ssnp-box .ssnp{--navy:#0B3F70!important}
.ssnp-box .ssnp .ssnp-title,.ssnp-box .ssnp .ssnp-title span{color:#0B3F70!important}
.ssv2-home .ssv2-title,.ssv2-home .ssv2-title .ssv2-line,.ssm .ssm-title,.ssm .ssm-title .ssm-line{color:#0B3F70!important}



/* ============================================================
   FUTURE DESKTOP DESIGN CHANGES (1024px AND ABOVE)
   Add targeted desktop rules inside this media query.
   These are intentionally empty at installation.
   ============================================================ */
@media (min-width: 1024px) {
  /* Add desktop-specific overrides here. */
}

/* ============================================================
   FUTURE MOBILE AND TABLET DESIGN CHANGES (BELOW 1024px)
   Add targeted mobile/tablet rules inside this media query.
   ============================================================ */
@media (max-width: 1023px) {
  /* Add mobile-specific overrides here. */
}