/* ==========================================================================
   University Program  (/company/university-program/)

   The seventh Company child, built like About. Shared: the page banner, the
   .pf-cap blocks and .pf-related (product-family.css), the hub's .facts and
   .band (company.css). Page-local:
     .unv-proof      one key-facts tile, not four
     .unv-list       the held institution list: regions as the shared
                     .pf-group accordion, countries as columns of names
                     (renders only when the PENDING block is switched on)

   Band rhythm is the homepage's: 48 / 64 / 80. Bands alternate white and
   --ps-color-neutral-2-100. No two adjacent bands share a tint:

     §1  banner          white          §5  how to apply  white
     §2  the program     neutral-2-100  §6  FAQ           neutral-2-100
     §3  who it's for    white          §7  related       white
     §4  participation   neutral-2-100
   ========================================================================== */

#programme,#who-it-is-for,#participation,#apply,
#students,#educators,#researchers,#administrators{scroll-margin-top:96px}

/* --------------------------------------------------------------------------
   §2, §3 Blocks: three across from 1024 (the program), 2 x 2 (who it's for)
   -------------------------------------------------------------------------- */
@media (min-width:1024px){
  .unv-prog .pf-cap__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .unv-aud .pf-cap__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* --------------------------------------------------------------------------
   §4 Participation: one tile, left-aligned with the head, a third of the row
   -------------------------------------------------------------------------- */
.unv-proof .facts__head{text-align:left}
@media (min-width:640px){.unv-proof__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (min-width:1024px){.unv-proof__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* the held list (UP3) */
.unv-list__wrap{grid-column-end:span var(--ps-grid-columns);margin-top:32px}
@media (min-width:1350px){.unv-list__wrap{grid-column-start:2;grid-column-end:span 10}}
.unv-list__lead{margin:0 0 16px;font:400 14px/22px var(--ps-font);letter-spacing:normal;color:var(--ps-color-secondary-5-500)}
.unv-list{display:grid;grid-template-columns:1fr;gap:18px 32px;padding:4px 20px 20px}
.unv-list__country{margin:0 0 6px;font:500 12px/18px var(--ps-font);letter-spacing:.04em;text-transform:uppercase;color:var(--ps-color-neutral-3-500)}
.unv-list__names{list-style:none;margin:0;padding:0;columns:1;column-gap:32px}
.unv-list__names li{break-inside:avoid;font:400 13px/21px var(--ps-font);letter-spacing:normal;color:var(--ps-color-secondary-5-500)}
@media (min-width:640px){.unv-list__names{columns:2}}
@media (min-width:1024px){.unv-list__names{columns:3}}

/* --------------------------------------------------------------------------
   §5 How to apply: links inside the band body need the site's link colour
   -------------------------------------------------------------------------- */
.unv-apply .band__body a{color:var(--ps-color-brand-600);text-decoration:underline;text-underline-offset:2px}
.unv-apply .band__body a:hover{color:var(--ps-color-brand-500)}

/* --------------------------------------------------------------------------
   §7 Related: two tiles, two across from 640; four with the held tiles
   -------------------------------------------------------------------------- */
@media (min-width:640px){.pf-related__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.pf-related__list:has(> li:nth-child(3)){grid-template-columns:repeat(4,minmax(0,1fr))}}

@media (min-width:1350px){
  .unv-prog .pf-cap__head,.unv-prog .pf-cap__grid,
  .unv-aud .pf-cap__head,.unv-aud .pf-cap__grid,
  .pf-related__inner{grid-column-start:2;grid-column-end:span 10}
}

/* phones: the large buttons can be wider than a 320px column; let them wrap */
@media (max-width:639.98px){
  .page-banner__ctas .ps-btn--large,.unv-apply .ps-btn--large{max-width:100%}
  .page-banner__ctas .ps-btn--large .ps-btn__text,.unv-apply .ps-btn--large .ps-btn__text{white-space:normal;min-width:0}
}

/* --------------------------------------------------------------------------
   Band run for this page
   -------------------------------------------------------------------------- */
.unv-prog,.unv-proof,.faq{
  background:var(--ps-color-neutral-2-100);
  border-block:1px solid var(--ps-color-neutral-2-300);
}
.unv-aud,.unv-apply,.pf-related{background:var(--sv-white)}
.unv-aud .pf-cap-block,.pf-related__link{background:var(--ps-color-neutral-2-000)}

/* University Program round, 2026-09-29. UPROG-04: "All of Company" moves
   below the cards, last in Related. UPROG-21: the How to apply body is two
   lines. */
.unv-related__up{margin-top:20px}
.unv-apply .band__body + .band__body{margin-top:6px}