/* ==========================================================================
   UWS India — pedagogy + about UWS pages
   Loaded by pedagogy.html, about-uws.html and the home-page teaser only.
   ========================================================================== */

/* Long-form lede ------------------------------------------------------- */
.lede {
  max-width: 800px;
  margin-bottom: var(--sp-10);
  font-size: 19px;
  line-height: var(--lh-loose);
  color: var(--c-ink-1);
  text-wrap: pretty;
}

/* Quote band ----------------------------------------------------------- */
.quote-band { background: var(--c-teal-ink); color: var(--c-white); padding-block: 74px; }
.quote-band__inner { max-width: 1000px; margin-inline: auto; }
.quote-band__mark { font: 600 62px/.6 var(--ff-serif); color: var(--c-yellow); }
.quote-band__text {
  margin-top: var(--sp-6);
  font: 400 30px/1.36 var(--ff-serif);
  color: var(--c-white);
  text-wrap: pretty;
}
.quote-band__who {
  display: block;
  margin-top: 26px;
  font: 500 12px/1 var(--ff-mono);
  letter-spacing: var(--ls-eyebrow);
  text-transform: uppercase;
  color: rgba(255, 255, 255, .62);
}

/* Tri-semester table --------------------------------------------------- */
.sem-table { border-top: 3px solid var(--c-black); }
.sem-table__row {
  display: grid;
  grid-template-columns: 230px 250px 1fr;
  gap: var(--sp-6);
  padding: var(--sp-6) 0;
  border-bottom: 1px solid var(--c-line);
}
.sem-table__row--head { padding-block: var(--sp-3); }
.sem-table__col {
  font: 700 11.5px/1 var(--ff-mono);
  letter-spacing: var(--ls-eyebrow);
  text-transform: uppercase;
  color: var(--c-muted-2);
}
.sem-table__sem { font: 800 19px/1.2 var(--ff-sans); }
.sem-table__weeks { display: block; margin-top: 7px; font: 400 14px/1.4 var(--ff-sans); color: var(--c-muted); }
.sem-table__focus { font: 600 16.5px/1.4 var(--ff-sans); color: var(--c-teal-deep); }
.sem-table__acts { font-size: var(--fs-body-sm); line-height: var(--lh-body); color: var(--c-ink-2); }

/* Reasons / teaser grid ------------------------------------------------ */
.reasons-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--c-line);
  border: 1px solid var(--c-line);
}
.reasons-grid--4 { grid-template-columns: repeat(4, 1fr); }
.reason { background: var(--c-white); padding: var(--sp-8) var(--sp-7); }
.reason__mark { font-size: 12px; color: var(--c-yellow); }
.reason__title { margin: var(--sp-4) 0 var(--sp-3); font: 800 19px/1.2 var(--ff-sans); }
.reason__body { font-size: var(--fs-body-sm); line-height: var(--lh-body); color: var(--c-ink-2); }

/* Closing note --------------------------------------------------------- */
.note-block { max-width: var(--container-text); }
.note-block p { margin-bottom: var(--sp-5); font-size: 18px; line-height: var(--lh-loose); color: var(--c-ink-1); text-wrap: pretty; }
.note-block p:last-child { margin-bottom: 0; }

/* Campus cards (about UWS) -------------------------------------------- */
.campus-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-6); }
.campus { background: var(--c-white); border-top: 4px solid var(--c-teal); padding: var(--sp-7); }
.campus--india { border-top-color: var(--c-yellow); }
.campus__place { font: 700 11.5px/1 var(--ff-mono); letter-spacing: var(--ls-eyebrow); text-transform: uppercase; color: var(--c-muted-2); }
.campus__name { margin: var(--sp-4) 0 var(--sp-3); font: 800 24px/1.15 var(--ff-sans); }
.campus__body { font-size: var(--fs-body-sm); line-height: var(--lh-body); color: var(--c-ink-2); }

@media (max-width: 1000px) {
  .sem-table__row { grid-template-columns: 1fr; gap: var(--sp-3); }
  .sem-table__row--head { display: none; }
  .reasons-grid, .reasons-grid--4, .campus-grid { grid-template-columns: 1fr 1fr; }
  .quote-band { padding-block: 54px; }
  .quote-band__text { font-size: 25px; }
  .lede { font-size: 18px; }
}
@media (max-width: 680px) {
  .reasons-grid, .reasons-grid--4, .campus-grid { grid-template-columns: 1fr; }
  .quote-band__text { font-size: 21px; }
}