/* Discovery and editorial surfaces: readable at rest, motion only as feedback. */
.ss-lg-universities,.ss-lg-university-profile,.lg-resources{color:#172b43;--lg-discovery-line:#dce3ec;--lg-discovery-blue:#0022b6}
.ss-lg-universities__hero{background:#f4f6fa;border-radius:24px;padding:clamp(24px,5vw,64px);gap:clamp(24px,4vw,56px)}
.ss-lg-universities__hero h1,.ss-lg-university-profile__hero h1{letter-spacing:-.035em;line-height:1.12;text-wrap:balance}
.ss-lg-universities__hero-image{border-radius:16px;aspect-ratio:4/3}
.ss-lg-universities__countries ul{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:24px}
/* Flat light card: photo banner on top, navy text in the body below. The
   presentation layer renders the photo as an absolute background under a dark
   gradient; left half-overridden it put navy text on a dark photo, so neutralise
   that treatment here (static photo, no gradient, no white hover text). */
.ss-lg-universities__countries a{border:0;border-radius:12px;background:#f4f6fa;box-shadow:none;color:#172b43;transform:none;align-items:stretch;justify-content:flex-start;padding:0;min-height:0;text-align:left}
.ss-lg-universities__countries a:before{content:none}
.ss-lg-universities__countries a:hover{color:#172b43;background:#f4f6fa}
.ss-lg-universities__countries a>span{position:static;background:none;padding:16px;justify-content:space-between;text-shadow:none}
.ss-lg-universities__country-name{align-items:flex-start;color:#172b43}
.ss-lg-universities__country-name small{max-height:none;opacity:1;overflow:visible;transform:none;margin-top:6px;color:#45566e}
.ss-lg-universities__countries .ss-lg-photo{position:static;width:100%;aspect-ratio:3/2;object-fit:cover;filter:none;transform:none}
.ss-lg-universities__filters{background:#fff;border:1px solid var(--lg-discovery-line);border-radius:12px;box-shadow:0 8px 24px #172b4308;padding:24px}
.ss-lg-universities__filters input,.ss-lg-universities__filters select{min-height:48px;font-size:16px;max-width:100%;caret-color:var(--lg-discovery-blue)}
.ss-lg-universities__result-label{display:flex;align-items:baseline;gap:12px;margin:40px 0 20px}
.ss-lg-universities__result-label span{font-size:15px;color:#45566e;font-variant-numeric:tabular-nums}
/* The bento layout and its hover (lift, shadow, image zoom) are owned by
   ss-lg-university-pages.css. This file used to flatten them to a plain 2-up grid
   with box-shadow:none;transform:none, which killed the bento and the hover. Keep
   only long-name wrapping here. */
.ss-lg-universities .ss-lg-uni-card__name{overflow-wrap:anywhere}
/* Borderless, quiet white cards. The presentation layer tints and borders these
   cards; here (loaded last) they become plain white surfaces separated by a soft
   shadow instead of a line, per the "quiet white surfaces" direction. */
.ss-lg-universities .ss-lg-uni-card,.ss-lg-universities .ss-lg-uni-card:nth-child(3n+2),.ss-lg-universities .ss-lg-uni-card:nth-child(3n){background:#fff;border:0}
.ss-lg-universities .ss-lg-uni-card{box-shadow:0 1px 2px rgba(16,40,80,.05),0 6px 20px rgba(16,40,80,.05)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.ss-lg-universities .ss-lg-uni-card:hover{box-shadow:0 2px 6px rgba(16,40,80,.06),0 18px 40px rgba(16,40,80,.12)}}
@media(prefers-reduced-motion:reduce){.ss-lg-universities .ss-lg-uni-card{transition:none}}
.ss-lg-universities__names{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}
.ss-lg-universities__names li{border:0;border-bottom:1px solid var(--lg-discovery-line);border-radius:0;background:transparent;padding:24px 0;display:flex;flex-direction:column;gap:8px;min-width:0}
.ss-lg-universities__names strong{overflow-wrap:anywhere}
.ss-lg-universities__names img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:8px;margin-bottom:8px}
.ss-lg-universities__names small{color:#45566e;font-size:12px}
.ss-lg-university-profile__body{gap:clamp(24px,5vw,64px)}
.ss-lg-university-profile__overview p,.lg-r-prose{max-width:70ch;line-height:1.8}
.lg-r-article-head h1{max-width:24ch;line-height:1.15;letter-spacing:-.03em;text-wrap:balance}
.lg-r-reading{gap:48px}
.lg-r-card{border-radius:12px;box-shadow:none;overflow:hidden}
.lg-r-card-copy{padding:24px}
.lg-r-card-copy h2{line-height:1.35;letter-spacing:-.02em}
.lg-r-event,.lg-r-quote{box-shadow:none;border-radius:8px}
.lg-search{max-width:1440px;margin:auto;padding:48px 24px 80px}
.lg-search__controls{display:flex;gap:12px;margin:8px 0 40px;max-width:720px}
.lg-search__controls input{flex:1;min-width:0;min-height:48px;font-size:16px;border:1px solid #8090a4;border-radius:8px;padding:12px}
.lg-search__controls button{background:#0022b6;color:#fff;border:0;border-radius:8px;min-height:48px;padding:12px 24px;font-weight:600;cursor:pointer}
.lg-search__results article{padding:24px 0;border-bottom:1px solid #dce3ec}
.lg-search__results h3{margin:0 0 8px;font-size:24px;line-height:1.35}
.lg-search__results p{max-width:70ch;color:#45566e}
.ss-lg-universities :focus-visible,.ss-lg-university-profile :focus-visible,.lg-resources :focus-visible{outline:3px solid #0022b6;outline-offset:4px}
.ss-lg-universities ::selection,.lg-resources ::selection{background:#dce5ff;color:#102448}
.ss-lg-universities a,.lg-resources a{text-underline-offset:4px}
@media(hover:hover) and (pointer:fine){
 .ss-lg-universities__countries a:hover{transform:translateY(-2px);box-shadow:0 8px 20px #172b4310}
 .ss-lg-universities__button:hover,.lg-search__controls button:hover{background:#00198a}
}
@media(max-width:700px){
 .ss-lg-universities .ss-lg-uni__list--bento{grid-template-columns:1fr}
 .ss-lg-universities__names{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
 .ss-lg-universities__hero{grid-template-columns:1fr}
 .lg-r-reading{gap:24px}
 .lg-search__controls{flex-wrap:wrap}
 .lg-search__controls input{flex-basis:70%}
}
@media(prefers-reduced-motion:reduce){
 .ss-lg-universities *,.ss-lg-university-profile *,.lg-resources *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .ss-lg-universities__countries a:hover{transform:none}
}