/* /diversity/ */
/* .dv-logo removed with the image: the site logo lives in the chrome. */
.dv-pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.dv-pillar{display:flex;flex-direction:column;gap:14px;padding:22px;
  background:var(--se-inner);border:1px solid rgba(var(--se-border-teal-rgb),.16);
  border-radius:var(--r-xl)}
.dv-pillar img{width:46px;height:auto}
.dv-pillar p{margin:0;font-size:15.5px;line-height:1.5;color:var(--se-text-white);
  font-weight:600}
/* fourteen languages is a lot of tabs; let the strip wrap and stay legible */
#statement .se-tabs{gap:7px}
#statement .se-tabbtn{padding:8px 14px;font-size:12.5px}
.dv-statement p{font-size:16.5px;line-height:1.75;color:var(--se-text-secondary);
  margin:0 0 18px;max-width:70ch}
.dv-statement p:last-child{margin-bottom:0}
.dv-statement strong,.dv-statement b{color:var(--se-text-white);font-weight:600}
.dv-statement a{color:var(--accent)}
.dv-line{font-size:17px;line-height:1.6;color:var(--se-text-secondary);margin:14px 0 0;
  max-width:66ch}

/* The way out of this page to the scholarship it describes. Added 2026-08-20
   and UNSTYLED UNTIL 2026-08-21, because the rule went into the DEPLOYED
   css/diversity.css and deploy_css() copies this file over it on every build.
   The link rendered left-aligned in body colour for a day. */
/* LEFT, not centre. Everything else on this page is left-aligned — the
   eyebrow, the h1, the section labels, the cards, the body copy — so a centred
   link was the only thing on the page not on the grid. */
.dv-more{margin:30px 0 0;text-align:left;font-family:var(--font-secondary);font-size:14.5px}
.dv-more a{color:var(--accent-hover);font-weight:600;text-decoration:underline;
  text-underline-offset:3px;text-decoration-color:rgba(var(--accent-rgb),.4)}
.dv-more a:hover{color:var(--accent);text-decoration-color:var(--accent)}