/** Shopify CDN: Minification failed

Line 4977:0 Unexpected "}"

**/
/* ==========================================================
   PEERNEST MENTORS — CLEAN BUILD
========================================================== */

.pnm {
  --cream: #faf7ef;
  --paper: #fffdf8;
  --navy: #0b3b70;
  --deep: #07345f;
  --blue: #3386c6;
  --muted: #718295;
  --line: rgba(12, 56, 101, .11);

  width: 100%;

  background: var(--cream);
  color: var(--deep);

  overflow-x: clip;
}


/* ==========================================================
   SAME HORIZONTAL DIMENSIONS AS COLLEGES
========================================================== */

.pnm-shell {
  width: calc(100% - 112px);
  margin: 0 auto;
}


/* ==========================================================
   HERO — CLEAN FINAL REPLACEMENT
========================================================== */

.pnm-hero {
position: relative;

  height: 410px;

  margin-top: 18px;

  background: var(--cream);

  overflow: hidden;
}


/* ----------------------------------------------------------
   HERO INNER SHELL
---------------------------------------------------------- */

.pnm-hero__shell {
  position: relative;

  z-index: 5;

  height: 100%;
}


/* ----------------------------------------------------------
   HERO COPY
---------------------------------------------------------- */

.pnm-hero__copy {
position: relative;

  z-index: 6;

  width: 45%;
  max-width: 650px;

  padding-top: 44px;
}


.pnm-kicker {
  display: block;

  color: var(--blue);

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .18em;

  text-transform: uppercase;
}


.pnm-hero__copy .pnm-kicker {
  margin-bottom: 9px;
}


.pnm-hero h1 {
  max-width: 620px;

  margin: 0;

  color: var(--deep);

  font-family:
    "Playfair Display",
    Georgia,
    serif;

  font-size:
    clamp(43px, 3.45vw, 57px);

  line-height: .91;

  letter-spacing: -.048em;
}


.pnm-hero h1 em {
  color: var(--blue);

  font-style: italic;
}


.pnm-hero__lead {
  max-width: 560px;

  margin:
    10px
    0
    4px;

  color: #173f6b;

  font-family:
    "Playfair Display",
    Georgia,
    serif;

  font-size: 12px;

  line-height: 1.3;
}


/* ----------------------------------------------------------
   BADGES
---------------------------------------------------------- */

.pnm-hero__badges {
  display: flex;

  align-items: center;

  gap: 11px;

  margin:
    5px
    0
    7px;
}


.pnm-hero__badges img {
  display: block;

  width: 108px;
  height: 72px;

  flex: 0 0 108px;

  object-fit: contain;
}


/* ----------------------------------------------------------
   CTA
---------------------------------------------------------- */

.pnm-primary {
  position: relative;

  z-index: 8;

  min-height: 40px;

  display: inline-flex;

  align-items: center;
  justify-content: center;

  gap: 15px;

  padding:
    0
    18px;

  border-radius: 10px;

  background: var(--navy);

  color: #fff;

  text-decoration: none;

  font-size: 8px;
  font-weight: 800;

  box-shadow:
    0 9px 20px
    rgba(9,53,98,.14);
}



/* MENTORS HERO ASK COMPONENT */

.pnm-hero-ask {
  width: min(500px, 100%);

  margin-top: 17px;

  padding:
    12px
    15px
    13px;

  border:
    1px solid
    rgba(20, 67, 112, .10);

  border-radius:
    18px 18px 6px 18px;

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.68),
      rgba(232,240,253,.50)
    );

  backdrop-filter:
    blur(15px);

  -webkit-backdrop-filter:
    blur(15px);

  box-shadow:
    0 10px 26px
    rgba(22, 53, 87, .055);
}


.pnm-hero-ask__label {
  display:block;

  margin-bottom:9px;

  color:#3580bd;

  font-size:7px;
  font-weight:900;

  letter-spacing:.18em;
}


.pnm-hero-ask__items {
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  align-items:center;
}


.pnm-hero-ask__items > span {
  min-width:0;

  display:flex;
  align-items:center;

  gap:7px;

  padding:
    1px
    11px;

  color:#38597a;

  font-size:9px;
  font-weight:700;
}


.pnm-hero-ask__items > span:first-child {
  padding-left:0;
}


.pnm-hero-ask__items > span +
span {
  border-left:
    1px solid
    rgba(20,63,105,.09);
}


.pnm-hero-ask__items strong {
  flex:0 0 auto;

  width:22px;
  height:22px;

  display:grid;
  place-items:center;

  border-radius:
    7px 7px 2px 7px;

  background:
    #e6effc;

  color:#2667a4;

  font-size:7px;
  font-weight:900;
}

/* END MENTORS HERO ASK COMPONENT */


/* ----------------------------------------------------------
   HERO VISUAL

   Important:
   The NEW artwork already has faded edges.
   So this section uses the actual image itself,
   not CSS-generated fades.
---------------------------------------------------------- */

.pnm-hero__art {
position: absolute;

  z-index: 2;

  top: 6px;
  right: 0;
  bottom: 14px;
  left: 38%;

  overflow: hidden;

  pointer-events: none;

  border-radius: 30px;

  background-color: var(--cream);

  background-image: var(--pnm-hero-image);
  background-repeat: no-repeat;

  background-position: right center;

  background-size: 116% auto;
}


/* ----------------------------------------------------------
   LARGE CROPPED VISUAL

   Fill the region instead of displaying the entire PNG.
   This is what makes it behave more like Colleges.
---------------------------------------------------------- */

/* New image already has feathered edges */
.pnm-hero__art::before,
.pnm-hero__art::after {
  content: none;
  display: none;
}


/* ==========================================================
   DISCOVERY
   STARTS IMMEDIATELY AFTER HERO
========================================================== */

.pnm-discovery {
  padding:
    0
    0
    80px;
}


.pnm-discovery__heading {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    auto;

  align-items: end;

  gap: 24px;

  margin-bottom: 10px;
}


.pnm-discovery__heading .pnm-kicker {
  margin-bottom: 5px;
}


.pnm-discovery__heading h2 {
  margin: 0;

  color: var(--deep);

  font-family:
    "Playfair Display",
    Georgia,
    serif;

  font-size:
    clamp(31px, 2.75vw, 43px);

  line-height: .96;

  letter-spacing: -.04em;
}


.pnm-discovery__heading h2 em {
  color: var(--blue);

  font-style: italic;
}


.pnm-discovery__heading p {
  margin:
    4px
    0
    0;

  color: var(--muted);

  font-size: 8px;
}


/* ==========================================================
   COUNT
========================================================== */

.pnm-count {
  width: 86px;
  height: 56px;

  display: flex;

  flex-direction: column;

  align-items: center;
  justify-content: center;

  border:
    1px solid var(--line);

  border-radius: 14px;

  background: var(--paper);
}


.pnm-count strong {
  color: var(--deep);

  font-family:
    "Playfair Display",
    Georgia,
    serif;

  font-size: 20px;

  line-height: 1;
}


.pnm-count span {
  margin-top: 4px;

  color: #8797a6;

  font-size: 5px;

  text-transform: uppercase;
}


/* ==========================================================
   FILTER CARD — COLLEGE PAGE STYLE
========================================================== */

.pnm-filter-card {
  width: 100%;

  box-sizing: border-box;

  padding:
    11px
    14px
    14px;

  margin-bottom: 18px;

  border:
    1px solid var(--line);

  border-radius: 18px;

  background: var(--paper);

  box-shadow:
    0 8px 22px
    rgba(12,56,101,.035);
}


.pnm-filter-card__label {
  margin-bottom: 7px;

  color: #78899a;

  font-size: 7px;
  font-weight: 800;

  letter-spacing: .09em;

  text-transform: uppercase;
}



.pnm-filter-grid {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0,1fr))
    68px;

  align-items: end;

  gap: 9px;
}


.pnm-filter > span {
  display: block;

  margin:
    0
    0
    6px
    3px;

  color: var(--deep);

  font-size: 7px;
  font-weight: 800;
}


.pnm-filter select {
  width: 100%;
  height: 44px;

  box-sizing: border-box;

  padding:
    0
    14px;

  border:
    1px solid
    rgba(12,56,101,.13);

  border-radius: 11px;

  outline: none;

  background: white;

  color: var(--deep);

  font: inherit;

  font-size: 9px;
}


.pnm-reset {
  width: 68px;
  height: 44px;

  display: flex;

  align-items: center;
  justify-content: center;

  border:
    1px solid
    rgba(12,56,101,.13);

  border-radius: 11px;

  background: var(--paper);

  color: var(--deep);

  cursor: pointer;

  font-size: 7px;
  font-weight: 800;
}


/* ==========================================================
   DEPARTMENTS
========================================================== */

.pnm-departments {
  margin-bottom: 58px;
}


.pnm-departments__label {
  margin-bottom: 10px;

  color: #748799;

  font-size: 8px;
  font-weight: 700;
}


.pnm-departments__row {
  display: grid;

  grid-template-columns:
    repeat(5, minmax(0,1fr));

  gap: 10px;
}


.pnm-department {
  padding:
    9px
    9px
    11px;

  border:
    1px solid var(--line);

  border-radius: 17px;

  background: var(--paper);

  cursor: pointer;
}


.pnm-department.is-active {
  border-color:
    rgba(51,134,198,.42);

  background: #eaf5fb;
}


.pnm-department img {
  width: 100%;
  height: 82px;

  display: block;

  object-fit: contain;
}


.pnm-department span {
  color: var(--deep);

  font-size: 8px;
  font-weight: 800;
}


/* ==========================================================
   LISTING
========================================================== */

.pnm-listing-heading {
  margin-bottom: 20px;
}


.pnm-listing-heading .pnm-kicker {
  margin-bottom: 7px;
}


.pnm-listing-heading h3 {
  max-width: 650px;

  margin: 0;

  color: var(--deep);

  font-family:
    "Playfair Display",
    Georgia,
    serif;

  font-size:
    clamp(34px, 3.15vw, 48px);

  line-height: 1;

  letter-spacing: -.04em;
}


/* ==========================================================
   CARDS
========================================================== */

.pnm-grid {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 14px;
}


.pnm-card {
  min-width: 0;

  overflow: hidden;

  border:
    1px solid var(--line);

  border-radius: 17px;

  background: var(--paper);

  box-shadow:
    0 8px 22px
    rgba(12,56,101,.045);

  transition:
    transform .18s ease,
    box-shadow .18s ease;
}


.pnm-card__image {
  position: relative;

  height: 168px;

  overflow: hidden;

  background:
    linear-gradient(
      145deg,
      #dcecf5,
      #f0f5f3
    );
}


.pnm-card__image img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;

  object-position: center;
}


.pnm-card__placeholder {
  width: 100%;
  height: 100%;

  display: grid;

  place-items: center;

  color: var(--deep);

  font-family:
    "Playfair Display",
    Georgia,
    serif;

  font-size: 56px;
}


.pnm-card__verified {
  position: absolute;

  top: 9px;
  right: 9px;

  padding:
    5px
    7px;

  border-radius: 999px;

  background:
    rgba(255,253,248,.95);

  color: var(--deep);

  font-size: 5.5px;
  font-weight: 800;

  box-shadow:
    0 4px 12px
    rgba(12,56,101,.07);
}


.pnm-card__body {
  padding:
    11px
    11px
    12px;
}


.pnm-card__head {
  display: flex;

  align-items: flex-start;
  justify-content: space-between;

  gap: 10px;
}


.pnm-card__head h4 {
  margin: 0;

  color: var(--deep);

  font-family:
    "Playfair Display",
    Georgia,
    serif;

  font-size: 19px;

  line-height: 1.02;
}


.pnm-card__rating {
  flex: 0 0 auto;

  color: #61788d;

  font-size: 6px;
  font-weight: 800;

  white-space: nowrap;
}


.pnm-card__rating b {
  color: #daa13b;
}


.pnm-card__college {
  margin-top: 6px;

  color: var(--blue);

  font-size: 7.5px;
  font-weight: 800;
}


.pnm-card__meta {
  margin-top: 3px;

  color: #75889a;

  font-size: 6.5px;

  line-height: 1.35;
}


.pnm-card__tags {
  display: flex;

  flex-wrap: wrap;

  gap: 4px;

  margin:
    9px
    0;
}


.pnm-card__tag {
  padding:
    4px
    6px;

  border-radius: 999px;

  background: #eef5f9;

  color: #3b6e97;

  font-size: 5.5px;
  font-weight: 800;
}


.pnm-card__bio {
  min-height: 36px;

  margin:
    0
    0
    10px;

  color: #657a8c;

  font-size: 7px;

  line-height: 1.5;
}


.pnm-card__price {
  padding-top: 8px;

  border-top:
    1px solid
    rgba(12,56,101,.07);

  color: #7c8e9e;

  font-size: 6px;
}


.pnm-card__price strong {
  margin-left: 3px;

  color: var(--deep);

  font-size: 10px;
}


.pnm-card__actions {
  display: grid;

  grid-template-columns:
    1fr
    1fr;

  gap: 5px;

  margin-top: 8px;
}


.pnm-card__action {
  min-height: 35px;

  display: flex;

  align-items: center;
  justify-content: center;

  padding:
    0
    6px;

  border-radius: 8px;

  text-decoration: none;

  font-size: 6px;
  font-weight: 800;
}


.pnm-card__action--ghost {
  border:
    1px solid
    rgba(12,56,101,.12);

  background: white;

  color: var(--deep);
}


.pnm-card__action--primary {
  background: var(--deep);

  color: white;
}


/* ==========================================================
   EMPTY
========================================================== */

.pnm-empty {
  padding: 35px;

  text-align: center;

  border:
    1px dashed
    rgba(12,56,101,.18);

  border-radius: 20px;
}


.pnm-empty h3 {
  margin: 0;

  color: var(--deep);

  font-family:
    "Playfair Display",
    Georgia,
    serif;

  font-size: 27px;
}


.pnm-empty p {
  color: var(--muted);

  font-size: 9px;
}


.pnm-empty button {
  height: 40px;

  padding: 0 16px;

  border: 0;

  border-radius: 9px;

  background: var(--deep);

  color: white;

  font-size: 8px;
  font-weight: 800;
}


/* ==========================================================
   BECOME MENTOR
========================================================== */


/* MENTOR TRANSITION COMPONENT */

.pnm-transition {
  padding:
    34px
    0
    42px;

  background:
    var(--cream);
}


.pnm-transition__glass {
  display:grid;

  grid-template-columns:
    minmax(230px,.75fr)
    minmax(0,1.65fr);

  align-items:center;

  gap:32px;

  padding:
    20px
    24px;

  border:
    1px solid
    rgba(24,67,112,.10);

  border-radius:
    24px 24px 8px 24px;

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.74),
      rgba(232,241,252,.55)
    );

  backdrop-filter:
    blur(18px);

  -webkit-backdrop-filter:
    blur(18px);

  box-shadow:
    0 16px 38px
    rgba(25,54,91,.055);
}


.pnm-transition__intro {
  padding-right:26px;

  border-right:
    1px solid
    rgba(24,67,112,.09);
}


.pnm-transition__intro > span {
  display:block;

  margin-bottom:7px;

  color:#3d83bd;

  font-size:8px;
  font-weight:900;

  letter-spacing:.17em;
}


.pnm-transition__intro > strong {
  display:block;

  max-width:310px;

  color:#123f72;

  font-family:
    "Playfair Display",
    Georgia,
    serif;

  font-size:20px;
  font-weight:600;

  line-height:1.12;
}


.pnm-transition__items {
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:0;
}


.pnm-transition__items > div {
  min-width:0;

  display:flex;

  gap:10px;

  padding:
    4px
    18px;
}


.pnm-transition__items > div:first-child {
  padding-left:0;
}


.pnm-transition__items > div:last-child {
  padding-right:0;
}


.pnm-transition__items > div +
div {
  border-left:
    1px solid
    rgba(24,67,112,.08);
}


.pnm-transition__items > div > span {
  flex:0 0 auto;

  width:28px;
  height:28px;

  display:grid;
  place-items:center;

  border-radius:
    9px 9px 3px 9px;

  background:#e6effd;

  color:#2869a5;

  font-size:8px;
  font-weight:900;
}


.pnm-transition__items strong {
  display:block;

  margin-bottom:3px;

  color:#183f6d;

  font-size:11px;
  font-weight:800;

  line-height:1.25;
}


.pnm-transition__items small {
  display:block;

  max-width:170px;

  color:#71839a;

  font-size:8px;

  line-height:1.4;
}

/* END MENTOR TRANSITION COMPONENT */


.pnm-become {
  padding:
    30px
    0
    85px;

  background:
    linear-gradient(
      var(--cream),
      #e8f1f5
    );
}


.pnm-become__card {
  min-height: 430px;

  display: grid;

  grid-template-columns:
    .82fr
    1.18fr;

  overflow: hidden;

  border-radius: 25px;

  background:
    linear-gradient(
      135deg,
      #0b3765,
      #1b689e
    );
}


.pnm-become__copy {
  display: flex;

  flex-direction: column;

  justify-content: center;

  padding: 50px;

  color: white;
}


.pnm-become__kicker {
  margin-bottom: 10px;

  color: #aad4eb;

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .15em;
}


.pnm-become h2 {
  margin: 0;

  font-family:
    "Playfair Display",
    Georgia,
    serif;

  font-size:
    clamp(40px,3.8vw,55px);

  line-height: .97;

  letter-spacing: -.04em;
}


.pnm-become p {
  max-width: 420px;

  margin:
    18px
    0
    22px;

  color:
    rgba(255,255,255,.76);

  font-size: 9px;

  line-height: 1.65;
}


.pnm-become a {
  width: fit-content;
  height: 43px;

  display: inline-flex;

  align-items: center;

  gap: 16px;

  padding: 0 18px;

  border-radius: 10px;

  background: var(--paper);

  color: var(--deep);

  text-decoration: none;

  font-size: 8px;
  font-weight: 800;
}


.pnm-become__art {
height: 100%;

  display: flex;

  align-items: stretch;

  overflow: hidden;

  background: #f8f3e9;
}


.pnm-become__art img {
display: block;

  width: 100%;
  height: 100%;

  max-width: none;

  object-fit: cover;

  object-position: center 82%;

  transform: scale(1.10);

  transform-origin: center bottom;
}


/* ==========================================================
   TABLET
========================================================== */

@media screen and (max-width: 1050px) {

  .pnm-shell {
    width: calc(100% - 48px);
  }

  .pnm-hero__copy {
    width: 48%;
  }

  .pnm-hero__art {
    width: 57%;
  }

  .pnm-hero__badges img {
    width: 82px;
    height: 58px;
  }

  .pnm-grid {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));

    gap: 11px;
  }

}


/* ==========================================================
   MOBILE
========================================================== */

@media screen and (max-width: 700px) {


  .pnm-shell {
    width: calc(100% - 24px);
  }


  .pnm-hero {
    height: 690px;
  }


  .pnm-hero__copy {
    width: 100%;

    padding-top: 76px;
  }


  .pnm-hero h1 {
    font-size:
      clamp(40px,11vw,52px);
  }


  .pnm-hero__badges {
    gap: 4px;
  }


  .pnm-hero__badges img {
    width: 23%;
    height: auto;

    flex: 0 0 23%;
  }


  .pnm-hero__art {
    top: auto;

    left: 0;
    right: 0;
    bottom: 0;

    width: 100%;
    height: 280px;
  }


  .pnm-filter-grid {
    grid-template-columns:
      repeat(3,minmax(0,1fr));

    gap: 5px;
  }


  .pnm-filter select {
    height: 40px;

    padding: 0 6px;

    font-size: 6px;
  }


  .pnm-reset {
    grid-column: 1 / -1;

    width: 100%;
    height: 38px;
  }


  .pnm-departments__row {
    display: flex;

    gap: 8px;

    overflow-x: auto;

    padding-bottom: 8px;

    scrollbar-width: none;
  }


  .pnm-department {
    flex: 0 0 135px;
  }








  .pnm-become__card {
    min-height: 520px;

    display: flex;

    flex-direction: column;

    margin: 0;

    border-radius: 22px;
  }
























.pnm-discovery {
    padding-top: 36px;
    padding-bottom: 22px;
  }


.pnm-become {
    padding:
      12px
      0
      0;

    margin: 0;

    background:
      linear-gradient(
        var(--cream),
        #e7f0f5
      );
  }


.pnm-become__copy {
    padding:
      34px
      26px
      24px;
  }


.pnm-become__art {
    flex: 1;

    min-height: 245px;

    display: flex;

    align-items: flex-end;

    margin: 0;

    overflow: hidden;
  }


.pnm-become__art img {
    width: 100%;
    height: auto;

    display: block;

    margin: 0;

    object-fit: cover;

    object-position:
      center bottom;
  }


  /* ======================================================
     MOBILE MENTOR CARDS
     Native horizontal scroll like Colleges page
  ====================================================== */



























  /* ======================================================
     MENTOR LIST — SAME MOBILE LOGIC AS COLLEGES
     2 rows × 3 columns = 6 cards per viewport
  ====================================================== */































































  /* ======================================================
     MENTORS — SAME MOBILE LISTING LOGIC AS COLLEGES

     2 rows
     max 6 cards
     horizontal swipe
  ====================================================== */







  /* Same logic as Colleges:
     mobile listing stops at six cards */



























































  /* ======================================================
     MENTORS MOBILE — SAME SCROLL LOGIC AS COLLEGES
     2 rows / 2 columns visible / max 6 / native swipe
  ====================================================== */

  .pnm-grid {
    width: 100%;

    display: grid;

    grid-template-rows:
      repeat(2, auto);

    grid-auto-flow:
      column;

    /*
      Two columns fill the visible viewport.
      The third column sits outside it and is reached by swipe.
    */
    grid-auto-columns:
      calc((100% - 10px) / 2);

    column-gap: 10px;
    row-gap: 10px;

    align-items: stretch;

    margin: 0;

    padding:
      4px
      0
      14px;

    overflow-x: auto;
    overflow-y: hidden;

    scroll-snap-type:
      x proximity;

    scroll-padding-inline:
      0;

    overscroll-behavior-x:
      contain;

    -webkit-overflow-scrolling:
      touch;

    scrollbar-width:
      none;

    touch-action:
      pan-x pan-y;
  }


  /* Colleges mobile logic: maximum six listing cards */
  .pnm-card:nth-child(n+7) {
    display: none;
  }


  .pnm-card {
    width: 100%;
    min-width: 0;

    display: flex;

    flex-direction: column;

    overflow: hidden;

    scroll-snap-align:
      start;

    border:
      1px solid var(--line);

    border-radius: 15px;

    background:
      var(--paper);

    box-shadow:
      0 6px 16px
      rgba(12,56,101,.045);
  }


  .pnm-card__image {
    position: relative;

    width: 100%;
    height: 132px;

    flex:
      0 0
      132px;

    overflow: hidden;

    background:
      linear-gradient(
        145deg,
        #dcecf5,
        #f0f5f3
      );
  }


  .pnm-card__image > img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;
  }


  .pnm-card__placeholder {
    width: 100%;
    height: 100%;

    display: grid;

    place-items: center;

    font-size: 32px;
  }


  .pnm-card__verified {
    top: 6px;
    right: 6px;

    padding:
      4px
      6px;

    font-size: 4px;
  }


  .pnm-card__body {
    flex: 1;

    display: flex;

    flex-direction: column;

    padding:
      9px
      9px
      10px;
  }


  .pnm-card__head {
    gap: 6px;
  }


  .pnm-card__head h4 {
    font-size: 16px;

    line-height: 1.03;
  }


  .pnm-card__rating {
    font-size: 5px;
  }


  .pnm-card__college {
    margin-top: 5px;

    font-size: 6px;
  }


  .pnm-card__meta {
    margin-top: 2px;

    font-size: 5px;

    line-height: 1.35;
  }


  .pnm-card__tags {
    gap: 3px;

    margin:
      7px
      0;
  }


  .pnm-card__tag {
    padding:
      3px
      5px;

    font-size: 4px;
  }


  .pnm-card__bio {
    min-height: 28px;

    margin:
      0
      0
      7px;

    font-size: 5.5px;

    line-height: 1.45;

    display:
      -webkit-box;

    overflow:
      hidden;

    -webkit-box-orient:
      vertical;

    -webkit-line-clamp:
      2;
  }


  .pnm-card__price {
    margin-top: auto;

    padding-top: 6px;

    font-size: 5px;
  }


  .pnm-card__price strong {
    font-size: 8px;
  }


  .pnm-card__actions {
    display: grid;

    grid-template-columns:
      1fr
      1fr;

    gap: 4px;

    margin-top: 7px;
  }


  .pnm-card__action {
    min-height: 29px;

    padding:
      0
      4px;

    border-radius: 7px;

    font-size: 4.5px;
  }

  /* ======================================================
     MENTORS — COPIED FROM THE WORKING COLLEGES SCROLLER
  ====================================================== */

  .pnm-grid {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: repeat(
        6,
        var(--pn-mobile-card-width)
      ) !important;
    grid-auto-flow: row !important;
    gap: 9px !important;
    padding: 2px 0 10px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x proximity !important;
    overscroll-behavior-x: contain !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin !important;
    touch-action: pan-x pan-y !important;
  }


  .pnm-grid::-webkit-scrollbar {
    display: none;
  }


  /* Same mobile cap as Colleges */
  .pnm-card:nth-child(n+7) {
    display: none;
  }


  /*
    Card dimensions are controlled by the copied College
    grid/track logic above.

    Prevent old Mentor width/flex rules from fighting it.
  */
  .pnm-card {
    width: 100%;
    min-width: 0;
    max-width: none;

    scroll-snap-align: start;
  }




  /* ======================================================
     MENTORS MOBILE
     Same browsing logic as Colleges:
     2 rows / 2 columns visible / max 6 / horizontal swipe
  ====================================================== */

  .pnm-grid {
    width: 100% !important;
    max-width: 100% !important;

    display: grid !important;

    grid-template-columns: none !important;

    grid-template-rows:
      repeat(2, auto) !important;

    grid-auto-flow:
      column !important;

    /*
      Exactly two card columns inside the visible width.
      Cards 5 + 6 form the third off-screen column.
    */
    grid-auto-columns:
      calc((100% - 10px) / 2) !important;

    column-gap: 10px !important;
    row-gap: 10px !important;

    align-items: stretch;

    margin: 0 !important;

    padding:
      4px
      0
      14px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scroll-snap-type:
      x proximity;

    scroll-behavior:
      smooth;

    overscroll-behavior-x:
      contain;

    -webkit-overflow-scrolling:
      touch;

    scrollbar-width:
      none;

    touch-action:
      pan-x pan-y;
  }


  .pnm-grid::-webkit-scrollbar {
    display: none;
  }


  /* Mobile behaves like Colleges: max six */
  .pnm-card:nth-child(n+7) {
    display: none !important;
  }


  .pnm-card {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    grid-column: auto !important;
    grid-row: auto !important;

    display: flex !important;

    flex-direction: column;

    overflow: hidden;

    scroll-snap-align:
      start;

    border:
      1px solid var(--line);

    border-radius: 15px;

    background:
      var(--paper);

    box-shadow:
      0 6px 16px
      rgba(12,56,101,.045);
  }


  .pnm-card__image {
    position: relative;

    width: 100% !important;
    height: 132px !important;

    min-height: 132px;
    flex: 0 0 132px;

    overflow: hidden;

    background:
      linear-gradient(
        145deg,
        #dcecf5,
        #f0f5f3
      );
  }


  .pnm-card__image > img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;
  }


  .pnm-card__placeholder {
    width: 100%;
    height: 100%;

    display: grid;

    place-items: center;

    font-size: 32px;
  }


  .pnm-card__verified {
    top: 6px;
    right: 6px;

    padding:
      4px
      6px;

    font-size: 4px;
  }


  .pnm-card__body {
    flex: 1;

    display: flex;

    flex-direction: column;

    padding:
      9px
      9px
      10px;
  }


  .pnm-card__head {
    gap: 5px;
  }


  .pnm-card__head h4 {
    font-size: 16px;

    line-height: 1.03;
  }


  .pnm-card__rating {
    font-size: 5px;
  }


  .pnm-card__college {
    margin-top: 5px;

    font-size: 6px;
  }


  .pnm-card__meta {
    margin-top: 2px;

    font-size: 5px;

    line-height: 1.35;
  }


  .pnm-card__tags {
    gap: 3px;

    margin:
      7px
      0;
  }


  .pnm-card__tag {
    padding:
      3px
      5px;

    font-size: 4px;
  }


  .pnm-card__bio {
    min-height: 28px;

    margin:
      0
      0
      7px;

    font-size: 5.5px;

    line-height: 1.45;

    display: -webkit-box;

    overflow: hidden;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;
  }


  .pnm-card__price {
    margin-top: auto;

    padding-top: 6px;

    font-size: 5px;
  }


  .pnm-card__price strong {
    font-size: 8px;
  }


  .pnm-card__actions {
    display: grid;

    grid-template-columns:
      1fr
      1fr;

    gap: 4px;

    margin-top: 7px;
  }


  .pnm-card__action {
    min-height: 29px;

    padding:
      0
      4px;

    border-radius: 7px;

    font-size: 4.5px;
  }


}

/* PHASE 4 — COLLEGE-FIRST MENTOR CARDS */

.pnm-card__college-highlight {
  display:inline-flex;
  flex-direction:column;
  gap:2px;
  max-width:100%;
  margin:3px 0 9px;
  padding:8px 11px;
  border-radius:12px 12px 4px 12px;
  background:#eef0ff;
}

.pnm-card__college-highlight span {
  font-size:8px;
  font-weight:900;
  letter-spacing:.13em;
  color:#7378ab;
}

.pnm-card__college-highlight strong {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#353b79;
  font-size:13px;
  font-weight:850;
}

/* PNM BROWSE TOOLS CANONICAL START */


/* ============================================================
   DISCOVERY FLOW RESET

   This prevents the heading and toolbar from being distributed
   across a tall inherited flex/grid area.
============================================================ */

.pnm-discovery {
  position: relative !important;

  display: block !important;

  width: 100% !important;

  height: auto !important;
  min-height: 0 !important;

  margin-top: 0 !important;

  padding-top: 0 !important;
}


.pnm-discovery > .pnm-shell {
  position: relative !important;

  display: block !important;

  height: auto !important;
  min-height: 0 !important;

  grid-template-rows: none !important;

  align-content: normal !important;
  justify-content: normal !important;
}


.pnm-discovery__heading {
  position: relative !important;

  height: auto !important;
  min-height: 0 !important;

  margin:
    0
    0
    16px !important;

  padding: 0 !important;

  transform: none !important;
}


/* ============================================================
   SEARCH + FILTER TOOLBAR
   Same compact rhythm as Colleges
============================================================ */

.pnm-browse-tools {
  position: relative !important;

  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;

  display: grid !important;

  grid-template-columns:
    minmax(0, 1fr)
    124px !important;

  align-items: center !important;

  gap: 10px !important;

  margin:
    0
    0
    12px !important;

  padding: 0 !important;

  transform: none !important;

  box-sizing: border-box !important;
}


/* ============================================================
   SEARCH
============================================================ */

.pnm-browse-search {
  position: relative !important;

  width: 100% !important;
  min-width: 0 !important;

  height: 50px !important;
  min-height: 50px !important;

  display: flex !important;

  align-items: center !important;

  margin: 0 !important;

  padding:
    0
    44px
    0
    15px !important;

  box-sizing: border-box !important;

  border:
    1px solid
    rgba(21,72,119,.12) !important;

  border-radius: 14px !important;

  outline: 0 !important;

  background:
    #ffffff !important;

  box-shadow:
    0 6px 18px
    rgba(19,58,96,.045) !important;

  overflow: hidden !important;

  transform: none !important;
}


.pnm-browse-search:focus-within {
  border-color:
    rgba(26,94,151,.30) !important;

  box-shadow:
    0 0 0 3px
    rgba(36,111,170,.07),
    0 6px 18px
    rgba(19,58,96,.05) !important;
}


.pnm-browse-search__icon {
  width: 16px !important;
  height: 16px !important;

  flex:
    0
    0
    16px !important;

  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  margin:
    0
    9px
    0
    0 !important;

  color:
    #1762a0 !important;
}


.pnm-browse-search__icon svg {
  display: block !important;

  width: 16px !important;
  height: 16px !important;

  stroke:
    currentColor !important;

  stroke-width:
    1.8 !important;

  stroke-linecap:
    round !important;

  stroke-linejoin:
    round !important;
}


.pnm-browse-search input {
  position: static !important;

  flex:
    1
    1
    auto !important;

  width: 100% !important;
  min-width: 0 !important;

  height: 100% !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;

  border-radius: 0 !important;

  outline: 0 !important;

  background:
    transparent !important;

  box-shadow:
    none !important;

  color:
    #173f75 !important;

  font:
    inherit !important;

  font-size:
    12px !important;

  font-weight:
    500 !important;

  line-height:
    normal !important;

  appearance:
    none !important;

  -webkit-appearance:
    none !important;
}


.pnm-browse-search input::placeholder {
  color:
    rgba(74,91,109,.58) !important;

  opacity: 1 !important;
}


.pnm-browse-search input::-webkit-search-cancel-button {
  display:
    none !important;
}


.pnm-browse-search__clear {
  position:
    absolute !important;

  top:
    50% !important;

  right:
    8px !important;

  width:
    28px !important;

  height:
    28px !important;

  min-width:
    28px !important;

  min-height:
    28px !important;

  display:
    grid !important;

  place-items:
    center !important;

  margin: 0 !important;
  padding: 0 !important;

  transform:
    translateY(-50%) !important;

  border:
    0 !important;

  border-radius:
    50% !important;

  background:
    #eef4f8 !important;

  color:
    #496c88 !important;

  font-family:
    Arial,
    sans-serif !important;

  font-size:
    17px !important;

  line-height:
    1 !important;

  cursor:
    pointer !important;
}


.pnm-browse-search__clear[hidden] {
  display:
    none !important;
}


/* ============================================================
   FILTER BUTTON
============================================================ */

.pnm-browse-filter-button {
  position: static !important;

  width: 124px !important;
  min-width: 124px !important;

  height: 50px !important;
  min-height: 50px !important;

  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  gap: 7px !important;

  margin: 0 !important;

  padding:
    0
    12px !important;

  box-sizing: border-box !important;

  border:
    0 !important;

  border-radius:
    14px !important;

  outline: 0 !important;

  background:
    #1762a0 !important;

  color:
    #ffffff !important;

  box-shadow:
    0 8px 19px
    rgba(23,98,160,.15) !important;

  font:
    inherit !important;

  font-size:
    11px !important;

  font-weight:
    750 !important;

  line-height:
    1 !important;

  cursor:
    pointer !important;

  transform:
    none !important;
}


.pnm-browse-filter-button__icon {
  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  flex:
    0
    0
    auto !important;
}


.pnm-browse-filter-button__icon svg {
  width:
    13px !important;

  height:
    13px !important;

  stroke:
    currentColor !important;

  stroke-width:
    1.8 !important;

  stroke-linecap:
    round !important;

  stroke-linejoin:
    round !important;
}


.pnm-browse-filter-button b {
  width:
    19px !important;

  min-width:
    19px !important;

  height:
    19px !important;

  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  margin: 0 !important;

  padding: 0 !important;

  border-radius:
    50% !important;

  background:
    #ffffff !important;

  color:
    #1762a0 !important;

  font-size:
    8px !important;

  font-weight:
    850 !important;

  line-height:
    1 !important;
}


/* ============================================================
   COLLAPSIBLE FILTER DRAWER
============================================================ */

.pnm-filter-drawer {
  position:
    relative !important;

  width:
    100% !important;

  height:
    auto !important;

  min-height:
    0 !important;

  display:
    none !important;

  grid-template-columns:
    repeat(3, minmax(0, 1fr))
    76px !important;

  align-items:
    end !important;

  gap:
    9px !important;

  margin:
    0
    0
    17px !important;

  padding:
    13px !important;

  box-sizing:
    border-box !important;

  border:
    1px solid
    rgba(21,72,119,.09) !important;

  border-radius:
    15px !important;

  background:
    rgba(255,255,255,.82) !important;

  box-shadow:
    0 7px 20px
    rgba(19,58,96,.035) !important;

  transform:
    none !important;
}


.pnm-filter-drawer.is-open {
  display:
    grid !important;
}


.pnm-filter-drawer .pnm-filter {
  display:
    block !important;

  width:
    100% !important;

  min-width:
    0 !important;

  height:
    auto !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.pnm-filter-drawer .pnm-filter > span {
  display:
    block !important;

  margin:
    0
    0
    5px
    2px !important;

  color:
    #345d81 !important;

  font-size:
    7px !important;

  font-weight:
    800 !important;
}


.pnm-filter-drawer .pnm-filter select {
  width:
    100% !important;

  height:
    43px !important;

  min-height:
    43px !important;

  margin:
    0 !important;

  padding:
    0
    11px !important;

  box-sizing:
    border-box !important;

  border:
    1px solid
    rgba(21,72,119,.12) !important;

  border-radius:
    11px !important;

  outline:
    0 !important;

  background:
    #ffffff !important;

  color:
    #173f75 !important;

  font:
    inherit !important;

  font-size:
    8px !important;

  font-weight:
    600 !important;
}


.pnm-filter-drawer .pnm-reset {
  width:
    76px !important;

  min-width:
    76px !important;

  height:
    43px !important;

  min-height:
    43px !important;

  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  margin:
    0 !important;

  padding:
    0
    10px !important;

  border:
    1px solid
    rgba(21,72,119,.12) !important;

  border-radius:
    11px !important;

  background:
    #ffffff !important;

  color:
    #173f75 !important;

  font:
    inherit !important;

  font-size:
    8px !important;

  font-weight:
    800 !important;

  cursor:
    pointer !important;
}


/* ============================================================
   OLD DEPARTMENT SHORTCUTS
============================================================ */

.pnm-departments {
  display:
    none !important;
}


/* ============================================================
   RESULTS — KEEP THEM DIRECTLY AFTER TOOLS
============================================================ */

.pnm-listing-heading {
  position:
    relative !important;

  height:
    auto !important;

  min-height:
    0 !important;

  margin-top:
    20px !important;

  transform:
    none !important;
}


/* ============================================================
   MOBILE
============================================================ */

@media screen and (max-width: 749px) {

  .pnm-discovery {
    height:
      auto !important;

    min-height:
      0 !important;

    padding:
      20px
      0
      22px !important;
  }


  .pnm-discovery > .pnm-shell {
    display:
      block !important;

    height:
      auto !important;

    min-height:
      0 !important;
  }


  .pnm-discovery__heading {
    height:
      auto !important;

    min-height:
      0 !important;

    margin:
      0
      0
      14px !important;
  }


  .pnm-browse-tools {
    grid-template-columns:
      minmax(0, 1fr)
      82px !important;

    gap:
      8px !important;

    height:
      auto !important;

    min-height:
      0 !important;

    margin:
      0
      0
      10px !important;
  }


  .pnm-browse-search {
    height:
      43px !important;

    min-height:
      43px !important;

    padding:
      0
      35px
      0
      12px !important;

    border-radius:
      12px !important;
  }


  .pnm-browse-search__icon {
    width:
      13px !important;

    height:
      13px !important;

    flex-basis:
      13px !important;

    margin-right:
      7px !important;
  }


  .pnm-browse-search__icon svg {
    width:
      13px !important;

    height:
      13px !important;
  }


  .pnm-browse-search input {
    font-size:
      9px !important;
  }


  .pnm-browse-search__clear {
    right:
      5px !important;

    width:
      24px !important;

    min-width:
      24px !important;

    height:
      24px !important;

    min-height:
      24px !important;

    font-size:
      14px !important;
  }


  .pnm-browse-filter-button {
    width:
      82px !important;

    min-width:
      82px !important;

    height:
      43px !important;

    min-height:
      43px !important;

    gap:
      4px !important;

    padding:
      0
      7px !important;

    border-radius:
      12px !important;

    font-size:
      8px !important;
  }


  .pnm-browse-filter-button__icon svg {
    width:
      10px !important;

    height:
      10px !important;
  }


  .pnm-browse-filter-button b {
    width:
      16px !important;

    min-width:
      16px !important;

    height:
      16px !important;

    font-size:
      6.5px !important;
  }


  .pnm-filter-drawer {
    grid-template-columns:
      1fr !important;

    gap:
      8px !important;

    margin:
      0
      0
      14px !important;

    padding:
      11px !important;

    border-radius:
      13px !important;
  }


  .pnm-filter-drawer .pnm-filter > span {
    font-size:
      7px !important;
  }


  .pnm-filter-drawer .pnm-filter select {
    height:
      40px !important;

    min-height:
      40px !important;

    font-size:
      8px !important;
  }


  .pnm-filter-drawer .pnm-reset {
    width:
      100% !important;

    min-width:
      0 !important;

    height:
      40px !important;

    min-height:
      40px !important;
  }


  .pnm-listing-heading {
    margin-top:
      16px !important;
  }

}


/* PNM BROWSE TOOLS CANONICAL END */

/* PNM DISCOVERY DESCRIPTION READABILITY */

.pnm-discovery__heading p {
  width: 100% !important;
  max-width: 720px !important;

  margin:
    8px
    0
    0 !important;

  color:
    #60788f !important;

  font-size:
    14px !important;

  font-weight:
    500 !important;

  line-height:
    1.5 !important;

  letter-spacing:
    0 !important;
}


@media screen and (max-width: 749px) {

  .pnm-discovery__heading p {
    max-width:
      295px !important;

    margin-top:
      7px !important;

    font-size:
      9px !important;

    line-height:
      1.45 !important;
  }

}

/* PNM MOBILE COLLEGES LISTING FINAL START */


/* Hidden on desktop */
.pnm-listing-swipe-hint {
  display: none;
}


@media screen and (max-width: 749px) {


  /* ========================================================
     SWIPE LABEL
     Same visual cue as Colleges
  ======================================================== */

  .pnm-listing-swipe-hint {
    display: flex !important;

    align-items: center !important;

    gap: 7px !important;

    width: max-content !important;

    margin:
      0
      0
      10px !important;

    color:
      #497399 !important;

    font-size:
      7px !important;

    font-weight:
      800 !important;

    line-height:
      1 !important;

    letter-spacing:
      .01em !important;
  }


  .pnm-listing-swipe-hint span {
    color:
      #1762a0 !important;

    font-size:
      12px !important;

    line-height:
      1 !important;
  }


  /* ========================================================
     LISTING — SAME AS COLLEGES
     2 full cards + small preview of card 3
  ======================================================== */

  .pnm-grid {
    width:
      100% !important;

    max-width:
      100% !important;

    display:
      flex !important;

    flex-direction:
      row !important;

    flex-wrap:
      nowrap !important;

    align-items:
      stretch !important;

    gap:
      10px !important;

    margin:
      0 !important;

    padding:
      3px
      0
      13px !important;

    overflow-x:
      auto !important;

    overflow-y:
      hidden !important;

    scroll-snap-type:
      x proximity !important;

    scroll-padding-left:
      0 !important;

    scroll-behavior:
      smooth !important;

    overscroll-behavior-x:
      contain !important;

    -webkit-overflow-scrolling:
      touch !important;

    touch-action:
      pan-x pan-y !important;

    scrollbar-width:
      none !important;

    grid-template-columns:
      none !important;

    grid-template-rows:
      none !important;

    grid-auto-columns:
      auto !important;

    grid-auto-flow:
      initial !important;
  }


  .pnm-grid::-webkit-scrollbar {
    display:
      none !important;
  }


  /*
    At 375px:
    ≈ 2 complete cards
    + ≈ 15% of the third card.

    This is intentional so users immediately know
    the mentor row can be swiped.
  */
  .pnm-grid > .pnm-card {
    flex:
      0 0
      calc((100% - 20px) / 2.15) !important;

    width:
      calc((100% - 20px) / 2.15) !important;

    min-width:
      calc((100% - 20px) / 2.15) !important;

    max-width:
      calc((100% - 20px) / 2.15) !important;

    height:
      auto !important;

    min-height:
      0 !important;

    margin:
      0 !important;

    grid-column:
      auto !important;

    grid-row:
      auto !important;

    scroll-snap-align:
      start !important;

    border-radius:
      12px !important;

    overflow:
      hidden !important;
  }


  /* Same mobile maximum as Colleges */
  .pnm-grid > .pnm-card:nth-child(n+7) {
    display:
      none !important;
  }


  /* ========================================================
     COMPACT CARD IMAGE
  ======================================================== */

  .pnm-grid .pnm-card__image {
    width:
      100% !important;

    height:
      126px !important;

    min-height:
      126px !important;

    flex:
      0 0
      126px !important;

    overflow:
      hidden !important;
  }


  .pnm-grid .pnm-card__image > img {
    width:
      100% !important;

    height:
      100% !important;

    object-fit:
      cover !important;
  }


  .pnm-grid .pnm-card__placeholder {
    width:
      100% !important;

    height:
      100% !important;
  }


  .pnm-grid .pnm-card__verified {
    top:
      7px !important;

    right:
      7px !important;

    max-width:
      calc(100% - 14px) !important;

    padding:
      4px
      6px !important;

    border-radius:
      999px !important;

    font-size:
      5.5px !important;

    line-height:
      1 !important;
  }


  /* ========================================================
     COMPACT BODY
  ======================================================== */

  .pnm-grid .pnm-card__body {
    flex:
      1 1
      auto !important;

    display:
      flex !important;

    flex-direction:
      column !important;

    min-height:
      0 !important;

    padding:
      10px
      9px
      9px !important;
  }


  .pnm-grid .pnm-card__head {
    align-items:
      flex-start !important;

    gap:
      5px !important;

    margin:
      0
      0
      4px !important;
  }


  .pnm-grid .pnm-card__head h4 {
    margin:
      0 !important;

    font-size:
      13px !important;

    line-height:
      1.02 !important;

    letter-spacing:
      -.025em !important;
  }


  .pnm-grid .pnm-card__rating {
    flex:
      0
      0
      auto !important;

    font-size:
      6px !important;

    white-space:
      nowrap !important;
  }


  .pnm-grid .pnm-card__college {
    margin:
      0
      0
      5px !important;

    font-size:
      7px !important;

    line-height:
      1.2 !important;

    display:
      -webkit-box !important;

    -webkit-box-orient:
      vertical !important;

    -webkit-line-clamp:
      2 !important;

    overflow:
      hidden !important;
  }


  .pnm-grid .pnm-card__meta {
    gap:
      3px !important;

    margin:
      0
      0
      6px !important;

    font-size:
      5.8px !important;

    line-height:
      1.25 !important;
  }


  .pnm-grid .pnm-card__tags {
    gap:
      4px !important;

    margin:
      0
      0
      6px !important;

    max-height:
      18px !important;

    overflow:
      hidden !important;
  }


  .pnm-grid .pnm-card__tag {
    padding:
      3px
      5px !important;

    font-size:
      5px !important;

    white-space:
      nowrap !important;
  }


  /*
    Keep some personality,
    but don't let long bios make cards enormous.
  */
  .pnm-grid .pnm-card__bio {
    margin:
      0
      0
      7px !important;

    min-height:
      22px !important;

    max-height:
      22px !important;

    font-size:
      7.5px !important;

    line-height:
      1.3 !important;

    display:
      -webkit-box !important;

    -webkit-box-orient:
      vertical !important;

    -webkit-line-clamp:
      2 !important;

    overflow:
      hidden !important;
  }


  .pnm-grid .pnm-card__price {
    margin-top:
      auto !important;

    margin-bottom:
      7px !important;

    font-size:
      5.5px !important;
  }


  .pnm-grid .pnm-card__price strong {
    font-size:
      9px !important;
  }


  /* ========================================================
     ACTIONS
  ======================================================== */

  .pnm-grid .pnm-card__actions {
    display:
      grid !important;

    grid-template-columns:
      1fr
      1fr !important;

    gap:
      5px !important;

    margin-top:
      auto !important;
  }


  .pnm-grid .pnm-card__action {
    min-width:
      0 !important;

    min-height:
      30px !important;

    height:
      30px !important;

    padding:
      0
      5px !important;

    border-radius:
      8px !important;

    font-size:
      5.5px !important;

    line-height:
      1 !important;

    white-space:
      nowrap !important;
  }


}


/* Very narrow phones still preserve the peek */

@media screen and (max-width: 380px) {

  .pnm-grid > .pnm-card {
    flex-basis:
      calc((100% - 18px) / 2.12) !important;

    width:
      calc((100% - 18px) / 2.12) !important;

    min-width:
      calc((100% - 18px) / 2.12) !important;

    max-width:
      calc((100% - 18px) / 2.12) !important;
  }

}


/* PNM MOBILE COLLEGES LISTING FINAL END */

/* PNM DESKTOP COMPACT MENTOR CARDS FINAL */

@media screen and (min-width: 750px) {

  /*
    Keep cards smaller.
    Do NOT force giant equal content sections.
  */

  .pnm-grid > .pnm-card {
    min-height: 0 !important;
  }


  /* Slightly shorter image = more compact card */

  .pnm-grid .pnm-card__image {
    height: 220px !important;
    min-height: 220px !important;
  }


  .pnm-grid .pnm-card__image > img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
  }


  /* Compact body */

  .pnm-grid .pnm-card__body {
    padding:
      12px
      12px
      11px !important;

    min-height: 0 !important;
  }


  /* ========================================================
     BIO — THIS IS THE MAIN CHANGE
  ======================================================== */

  .pnm-grid .pnm-card__bio {
    margin:
      8px
      0
      10px !important;

    color:
      #5d7489 !important;

    font-size:
      11px !important;

    font-weight:
      450 !important;

    line-height:
      1.45 !important;

    letter-spacing:
      0 !important;

    /*
      Three readable lines rather than
      a giant bio making one card much taller.
    */
    min-height:
      48px !important;

    max-height:
      48px !important;

    display:
      -webkit-box !important;

    -webkit-box-orient:
      vertical !important;

    -webkit-line-clamp:
      3 !important;

    overflow:
      hidden !important;
  }


  /*
    Keep bottom controls aligned without
    artificially enlarging the entire card.
  */

  .pnm-grid .pnm-card__price {
    margin-top:
      auto !important;
  }


  .pnm-grid .pnm-card__actions {
    margin-top:
      8px !important;
  }

}

/* PNM LOWER SECTIONS MOBILE FINAL START */


/* ============================================================
   WHY TALK TO A PEER — CLEAN REBUILD
============================================================ */

.pnm-context-final {
  width: 100%;

  padding:
    30px
    0;

  box-sizing: border-box;
}


.pnm-context-final__card {
  width: 100%;

  display: grid;

  grid-template-columns:
    minmax(300px,.8fr)
    minmax(0,1.2fr);

  gap: 38px;

  align-items: center;

  padding:
    38px
    42px;

  box-sizing: border-box;

  border:
    1px solid
    rgba(18,67,112,.10);

  border-radius: 26px;

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.94),
      rgba(242,248,252,.88)
    );

  box-shadow:
    0 18px 45px
    rgba(18,55,91,.055);

  overflow: hidden;
}


.pnm-context-final__intro {
  min-width: 0;

  padding-right: 30px;

  border-right:
    1px solid
    rgba(18,67,112,.10);
}


.pnm-context-final__kicker {
  display: block;

  margin:
    0
    0
    12px;

  color:
    #2f86c7;

  font-size:
    10px;

  font-weight:
    800;

  letter-spacing:
    .15em;
}


.pnm-context-final__intro h2 {
  margin: 0;

  max-width: 460px;

  color:
    var(--deep);

  font-family:
    "Playfair Display",
    Georgia,
    serif;

  font-size:
    clamp(35px,3vw,47px);

  font-weight:
    700;

  line-height:
    1.02;

  letter-spacing:
    -.035em;
}


.pnm-context-final__reasons {
  min-width: 0;

  display: grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap: 12px;
}


.pnm-context-final__item {
  min-width: 0;

  padding:
    17px
    15px;

  box-sizing: border-box;

  border:
    1px solid
    rgba(18,67,112,.08);

  border-radius: 16px;

  background:
    rgba(255,255,255,.72);
}


.pnm-context-final__number {
  width: 35px;
  height: 35px;

  display: grid;

  place-items: center;

  margin-bottom:
    15px;

  border-radius:
    11px;

  background:
    #edf6fd;

  color:
    #2876b4;

  font-size:
    10px;

  font-weight:
    800;
}


.pnm-context-final__item-copy strong {
  display: block;

  margin-bottom:
    6px;

  color:
    var(--deep);

  font-size:
    15px;

  font-weight:
    750;

  line-height:
    1.2;
}


.pnm-context-final__item-copy p {
  margin: 0;

  color:
    #687f94;

  font-size:
    11px;

  line-height:
    1.5;
}


/* ============================================================
   MOBILE
============================================================ */

@media screen and (max-width: 749px) {


  /* --------------------------------------------------------
     WHY TALK TO A PEER

     No more squeezed cards hanging off the right side.
  -------------------------------------------------------- */

  .pnm-context-final {
    padding:
      18px
      0
      22px !important;
  }


  .pnm-context-final__card {
    display:
      block !important;

    width:
      100% !important;

    height:
      auto !important;

    min-height:
      0 !important;

    padding:
      24px
      20px !important;

    border-radius:
      20px !important;

    overflow:
      hidden !important;
  }


  .pnm-context-final__intro {
    width:
      100% !important;

    margin:
      0
      0
      20px !important;

    padding:
      0
      0
      18px !important;

    border-right:
      0 !important;

    border-bottom:
      1px solid
      rgba(18,67,112,.10) !important;
  }


  .pnm-context-final__kicker {
    margin-bottom:
      10px !important;

    font-size:
      8px !important;
  }


  .pnm-context-final__intro h2 {
    max-width:
      270px !important;

    font-size:
      30px !important;

    line-height:
      1.02 !important;
  }


  .pnm-context-final__reasons {
    display:
      grid !important;

    grid-template-columns:
      1fr !important;

    gap:
      8px !important;

    width:
      100% !important;

    overflow:
      visible !important;
  }


  .pnm-context-final__item {
    width:
      100% !important;

    min-width:
      0 !important;

    display:
      grid !important;

    grid-template-columns:
      38px
      minmax(0,1fr) !important;

    align-items:
      start !important;

    gap:
      11px !important;

    padding:
      12px !important;

    border-radius:
      13px !important;

    transform:
      none !important;
  }


  .pnm-context-final__number {
    width:
      34px !important;

    height:
      34px !important;

    margin:
      0 !important;

    border-radius:
      10px !important;

    font-size:
      8px !important;
  }


  .pnm-context-final__item-copy {
    min-width:
      0 !important;
  }


  .pnm-context-final__item-copy strong {
    margin-bottom:
      4px !important;

    font-size:
      11px !important;

    line-height:
      1.2 !important;
  }


  .pnm-context-final__item-copy p {
    margin:
      0 !important;

    font-size:
      9px !important;

    line-height:
      1.42 !important;
  }


  /* --------------------------------------------------------
     BECOME A MENTOR CTA

     Remove the old 520px forced height and turn it into
     a compact editorial CTA.
  -------------------------------------------------------- */

  .pnm-become {
    padding:
      18px
      0
      28px !important;

    margin:
      0 !important;
  }


  .pnm-become__card {
    position:
      relative !important;

    display:
      block !important;

    width:
      100% !important;

    height:
      auto !important;

    min-height:
      0 !important;

    margin:
      0 !important;

    border-radius:
      20px !important;

    overflow:
      hidden !important;
  }


  .pnm-become__copy {
    position:
      relative !important;

    z-index:
      2 !important;

    width:
      100% !important;

    max-width:
      none !important;

    box-sizing:
      border-box !important;

    padding:
      28px
      21px
      145px !important;
  }


  .pnm-become__kicker {
    margin:
      0
      0
      10px !important;

    font-size:
      8px !important;

    line-height:
      1.2 !important;
  }


  .pnm-become h2 {
    width:
      100% !important;

    max-width:
      285px !important;

    margin:
      0 !important;

    font-size:
      35px !important;

    line-height:
      .98 !important;

    letter-spacing:
      -.035em !important;
  }


  .pnm-become p {
    width:
      100% !important;

    max-width:
      245px !important;

    margin:
      14px
      0
      16px !important;

    font-size:
      11px !important;

    line-height:
      1.5 !important;
  }


  .pnm-become a {
    position:
      relative !important;

    z-index:
      3 !important;

    width:
      max-content !important;

    height:
      40px !important;

    min-height:
      40px !important;

    padding:
      0
      15px !important;

    gap:
      10px !important;

    border-radius:
      10px !important;

    font-size:
      9px !important;
  }


  /*
    Keep the existing art, but make it decorative
    instead of giving it half the card.
  */

  .pnm-become__art {
    position:
      absolute !important;

    right:
      -12px !important;

    bottom:
      -4px !important;

    width:
      190px !important;

    height:
      145px !important;

    min-height:
      0 !important;

    display:
      block !important;

    margin:
      0 !important;

    background:
      transparent !important;

    overflow:
      hidden !important;

    pointer-events:
      none !important;
  }


  .pnm-become__art img {
    position:
      absolute !important;

    right:
      0 !important;

    bottom:
      0 !important;

    width:
      100% !important;

    height:
      100% !important;

    max-width:
      none !important;

    margin:
      0 !important;

    object-fit:
      contain !important;

    object-position:
      right bottom !important;

    transform:
      none !important;
  }

}


/* PNM LOWER SECTIONS MOBILE FINAL END */

/* PNM BECOME WHITESPACE CONTENT START */


/* ============================================================
   BECOME MENTOR — USE THE EMPTY WHITE SPACE
============================================================ */

.pnm-become__card {
  position: relative !important;
  isolation: isolate !important;
}


.pnm-become__benefits {
  position: absolute !important;

  top: 47% !important;
  left: 70% !important;

  width: min(365px, 29vw) !important;

  display: grid !important;
  gap: 12px !important;

  transform:
    translate(-50%, -50%) !important;

  z-index: 3 !important;
}




.pnm-become__benefits-label {
  width: max-content !important;

  margin:
    0
    auto
    2px !important;

  padding:
    8px
    13px !important;

  border:
    1px solid
    rgba(20,72,116,.10) !important;

  border-radius:
    999px !important;

  background:
    rgba(255,255,255,.90) !important;

  box-shadow:
    0 8px 22px
    rgba(17,61,101,.07) !important;

  color:
    #2d77ad !important;

  font-size:
    9px !important;

  font-weight:
    850 !important;

  line-height:
    1 !important;

  letter-spacing:
    .15em !important;
}

.pnm-become__benefit {
  display: grid !important;
  grid-template-columns: 40px minmax(0,1fr) !important;
  gap: 12px !important;
  align-items: start !important;

  padding: 14px 15px !important;

  border: 1px solid rgba(16, 66, 108, .10) !important;
  border-radius: 18px !important;

  background: rgba(255,255,255,.84) !important;
  backdrop-filter: blur(10px) !important;

  box-shadow: 0 14px 30px rgba(16, 55, 92, .08) !important;
}


.pnm-become__benefit-no {
  width: 40px !important;
  height: 40px !important;

  display: grid !important;
  place-items: center !important;

  border-radius: 12px !important;

  background: #edf5ff !important;
  color: #1f5f98 !important;

  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}


.pnm-become__benefit-text {
  min-width: 0 !important;
}


.pnm-become__benefit-text strong {
  display: block !important;

  margin: 2px 0 5px !important;

  color: #123b61 !important;

  font-size: 15px !important;
  font-weight: 760 !important;
  line-height: 1.15 !important;
  letter-spacing: -.01em !important;
}


.pnm-become__benefit-text p {
  max-width: none !important;

  margin: 0 !important;

  color: #6b8298 !important;

  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
}


@media screen and (max-width: 1240px) {

  .pnm-become__benefits {
    top: 48% !important;
    left: 69% !important;

    width: min(315px, 30vw) !important;

    gap: 10px !important;

    transform:
      translate(-50%, -50%) !important;
  }

  .pnm-become__benefit {
    padding: 12px 13px !important;
  }

  .pnm-become__benefit-text strong {
    font-size: 14px !important;
  }

  .pnm-become__benefit-text p {
    font-size: 10px !important;
  }

}

  .pnm-become__benefit {
    padding: 12px 13px !important;
  }

  .pnm-become__benefit-text strong {
    font-size: 14px !important;
  }

  .pnm-become__benefit-text p {
    font-size: 10px !important;
  }
}


/* ============================================================
   MOBILE
============================================================ */

@media screen and (max-width: 749px) {

  .pnm-become__card {
    display: block !important;
    overflow: hidden !important;
  }

  .pnm-become__copy {
    padding-bottom: 16px !important;
  }

  .pnm-become__benefits {
    position: relative !important;

    top: auto !important;
    left: auto !important;
    right: auto !important;

    width: 100% !important;

    display: grid !important;
    grid-template-columns: 1fr !important;

    gap: 8px !important;

    padding:
      0
      20px
      16px !important;

    box-sizing: border-box !important;

    transform:
      none !important;
  }


  .pnm-become__benefits-label {
    margin:
      0
      auto
      4px !important;

    padding:
      7px
      11px !important;

    font-size:
      7px !important;
  }

  .pnm-become__benefit {
    grid-template-columns: 34px minmax(0,1fr) !important;
    gap: 10px !important;

    padding: 11px 11px !important;

    border-radius: 14px !important;
  }

  .pnm-become__benefit-no {
    width: 34px !important;
    height: 34px !important;

    border-radius: 10px !important;

    font-size: 8px !important;
  }

  .pnm-become__benefit-text strong {
    margin: 1px 0 3px !important;

    font-size: 11px !important;
    line-height: 1.18 !important;
  }

  .pnm-become__benefit-text p {
    font-size: 9px !important;
    line-height: 1.4 !important;
  }

  .pnm-become__art {
    position: relative !important;

    right: auto !important;
    bottom: auto !important;

    width: 100% !important;
    height: 142px !important;

    display: block !important;

    margin: 0 !important;

    overflow: hidden !important;
  }

  .pnm-become__art img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;

    transform: none !important;
  }
}


/* PNM BECOME WHITESPACE CONTENT END */

/* PNM BECOME MOBILE COMPOSITION FINAL START */

@media screen and (max-width: 749px) {

  /* ========================================================
     WHOLE SECTION
  ======================================================== */

  .pnm-become {
    padding:
      18px
      0
      24px !important;

    margin:
      0 !important;
  }


  .pnm-become__card {
    position:
      relative !important;

    display:
      flex !important;

    flex-direction:
      column !important;

    width:
      100% !important;

    height:
      auto !important;

    min-height:
      0 !important;

    margin:
      0 !important;

    padding:
      0 !important;

    border-radius:
      20px !important;

    background:
      #f8fbfd !important;

    overflow:
      hidden !important;
  }


  /* ========================================================
     BLUE COPY PANEL
  ======================================================== */

  .pnm-become__copy {
    position:
      relative !important;

    z-index:
      2 !important;

    order:
      1 !important;

    width:
      100% !important;

    max-width:
      none !important;

    box-sizing:
      border-box !important;

    padding:
      27px
      20px
      24px !important;

    background:
      linear-gradient(
        145deg,
        #0b3765,
        #17639a
      ) !important;

    color:
      #ffffff !important;
  }


  .pnm-become__kicker {
    margin:
      0
      0
      9px !important;

    color:
      #a9d5ed !important;

    font-size:
      7.5px !important;

    font-weight:
      850 !important;

    line-height:
      1.2 !important;

    letter-spacing:
      .15em !important;
  }


  .pnm-become h2 {
    width:
      100% !important;

    max-width:
      275px !important;

    margin:
      0 !important;

    color:
      #ffffff !important;

    font-size:
      34px !important;

    line-height:
      .98 !important;

    letter-spacing:
      -.035em !important;
  }


  .pnm-become p {
    width:
      100% !important;

    max-width:
      285px !important;

    margin:
      13px
      0
      17px !important;

    color:
      rgba(255,255,255,.78) !important;

    font-size:
      10px !important;

    line-height:
      1.5 !important;
  }


  .pnm-become a {
    width:
      max-content !important;

    height:
      39px !important;

    min-height:
      39px !important;

    display:
      inline-flex !important;

    align-items:
      center !important;

    justify-content:
      center !important;

    gap:
      9px !important;

    padding:
      0
      14px !important;

    border-radius:
      10px !important;

    font-size:
      8px !important;
  }


  /* ========================================================
     MENTOR BENEFITS — FULL WIDTH, CENTERED
  ======================================================== */

  .pnm-become__benefits {
    position:
      relative !important;

    top:
      auto !important;

    right:
      auto !important;

    bottom:
      auto !important;

    left:
      auto !important;

    z-index:
      3 !important;

    order:
      2 !important;

    width:
      100% !important;

    max-width:
      none !important;

    display:
      grid !important;

    grid-template-columns:
      1fr !important;

    gap:
      8px !important;

    margin:
      0 !important;

    padding:
      18px
      16px
      17px !important;

    box-sizing:
      border-box !important;

    background:
      #f8fbfd !important;

    transform:
      none !important;
  }


  .pnm-become__benefits-label {
    justify-self:
      center !important;

    width:
      max-content !important;

    margin:
      0
      auto
      4px !important;

    padding:
      7px
      12px !important;

    border:
      1px solid
      rgba(23,82,129,.10) !important;

    border-radius:
      999px !important;

    background:
      #ffffff !important;

    box-shadow:
      0 6px 18px
      rgba(20,63,101,.06) !important;

    color:
      #2875ad !important;

    font-size:
      7px !important;

    font-weight:
      850 !important;

    line-height:
      1 !important;

    letter-spacing:
      .14em !important;
  }


  /* ========================================================
     BENEFIT ROWS
  ======================================================== */

  .pnm-become__benefit {
    width:
      100% !important;

    min-width:
      0 !important;

    display:
      grid !important;

    grid-template-columns:
      36px
      minmax(0,1fr) !important;

    align-items:
      center !important;

    gap:
      10px !important;

    margin:
      0 !important;

    padding:
      11px
      12px !important;

    box-sizing:
      border-box !important;

    border:
      1px solid
      rgba(20,72,116,.09) !important;

    border-radius:
      13px !important;

    background:
      #ffffff !important;

    box-shadow:
      0 7px 18px
      rgba(18,58,95,.045) !important;

    transform:
      none !important;
  }


  .pnm-become__benefit-no {
    width:
      36px !important;

    height:
      36px !important;

    min-width:
      36px !important;

    display:
      grid !important;

    place-items:
      center !important;

    margin:
      0 !important;

    border-radius:
      10px !important;

    background:
      #eef6fd !important;

    color:
      #2875ad !important;

    font-size:
      8px !important;

    font-weight:
      850 !important;
  }


  .pnm-become__benefit-text {
    min-width:
      0 !important;
  }


  .pnm-become__benefit-text strong {
    display:
      block !important;

    margin:
      0
      0
      3px !important;

    color:
      #123f68 !important;

    font-size:
      11px !important;

    font-weight:
      800 !important;

    line-height:
      1.15 !important;
  }


  .pnm-become__benefit-text p {
    width:
      100% !important;

    max-width:
      none !important;

    margin:
      0 !important;

    color:
      #6b8195 !important;

    font-size:
      8.5px !important;

    font-weight:
      500 !important;

    line-height:
      1.4 !important;
  }


  /* ========================================================
     LANDSCAPE ART — CLEAN BOTTOM PANEL
  ======================================================== */

  .pnm-become__art {
    position:
      relative !important;

    top:
      auto !important;

    right:
      auto !important;

    bottom:
      auto !important;

    left:
      auto !important;

    z-index:
      1 !important;

    order:
      3 !important;

    flex:
      none !important;

    width:
      100% !important;

    height:
      150px !important;

    min-height:
      150px !important;

    display:
      block !important;

    margin:
      0 !important;

    padding:
      0 !important;

    background:
      #f8f3e9 !important;

    overflow:
      hidden !important;
  }


  .pnm-become__art img {
    position:
      static !important;

    display:
      block !important;

    width:
      100% !important;

    height:
      100% !important;

    max-width:
      none !important;

    margin:
      0 !important;

    object-fit:
      cover !important;

    object-position:
      center 68% !important;

    transform:
      none !important;
  }

}

/* PNM BECOME MOBILE COMPOSITION FINAL END */

/* PNM MOBILE BENEFITS DOWN-ASSET OVERLAP START */

@media screen and (max-width: 749px) {

  /*
    Benefits begin normally BELOW the blue CTA.
    No upward overlap anymore.
  */

  .pnm-become__benefits {
    position: relative !important;

    z-index: 6 !important;

    margin:
      0
      0
      -28px !important;

    padding:
      18px
      16px
      0 !important;

    background:
      #f8fbfd !important;

    overflow:
      visible !important;

    transform:
      none !important;
  }


  /* Mentor Benefits tag stays at top of white area */

  .pnm-become__benefits-label {
    position: relative !important;

    z-index: 8 !important;

    margin:
      0
      auto
      10px !important;

    transform:
      none !important;
  }


  /*
    First two cards remain clean and level.
  */

  .pnm-become__benefit:nth-of-type(1),
  .pnm-become__benefit:nth-of-type(2) {
    position: relative !important;

    width:
      100% !important;

    margin:
      0 !important;

    transform:
      none !important;
  }


  /*
    Third card drops toward the artwork and overlaps
    the TOP of the landscape panel.
  */

  .pnm-become__benefit:nth-of-type(3) {
    position: relative !important;

    z-index: 10 !important;

    width:
      calc(100% - 12px) !important;

    margin:
      3px
      auto
      0 !important;

    transform:
      translateY(14px) !important;

    box-shadow:
      0 14px 30px
      rgba(16,55,92,.13) !important;
  }


  /*
    Landscape slides underneath the last benefit.
  */

  .pnm-become__art {
    position: relative !important;

    z-index: 1 !important;

    margin-top:
      0 !important;

    padding-top:
      18px !important;

    overflow:
      hidden !important;
  }


  .pnm-become__art img {
    position: absolute !important;

    inset:
      0 !important;

    width:
      100% !important;

    height:
      100% !important;

    object-fit:
      cover !important;

    object-position:
      center 68% !important;
  }

}

/* PNM MOBILE BENEFITS DOWN-ASSET OVERLAP END */

/* PN MENTOR CARD CLICK CURSOR */
.pnm-card {
  cursor: pointer;
}

.pnm-card a,
.pnm-card button {
  cursor: pointer;
}

/* PN_MENTORS_INDEPENDENT_SWIPE_ROWS_V4
   Each group of up to six mentors is its own independently scrollable row.
   Keep two full-sized cards and a visible portion of the next one on mobile.
   The JavaScript renderer owns grouping; don't wrap all rows in one scroller.
   Desktop styling and markup remain unchanged.
*/
@media screen and (max-width: 749px) {
  .pnm-grid:not([hidden]) {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 3px 0 13px !important;
    overflow: visible !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    scroll-snap-type: none !important;
    touch-action: auto !important;
  }

  .pnm-grid .pnm-mobile-row {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 2px 0 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x proximity !important;
    scroll-padding-inline-start: 0 !important;
    overscroll-behavior-x: contain !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x pan-y !important;
    scrollbar-width: none !important;
  }
  .pnm-grid .pnm-mobile-row::-webkit-scrollbar { display: none !important; }

  .pnm-grid .pnm-mobile-row > .pnm-card {
    display: flex !important;
    flex-direction: column !important;
    flex: 0 0 clamp(130px, calc((100% - 20px) / 2.15), 290px) !important;
    width: clamp(130px, calc((100% - 20px) / 2.15), 290px) !important;
    min-width: clamp(130px, calc((100% - 20px) / 2.15), 290px) !important;
    max-width: clamp(130px, calc((100% - 20px) / 2.15), 290px) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    grid-column: auto !important;
    grid-row: auto !important;
    scroll-snap-align: start !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }
  /* Search/filter results can still report zero matches. */
  .pnm-grid[hidden] { display: none !important; }
}