/* University content (taken over from the archived catalog window, university-modal.css). */
.um-photo{position:relative;aspect-ratio:16/9;background:#b9caf5}
.um-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 44%}
.um-photo--none{aspect-ratio:auto;height:150px;background:linear-gradient(120deg,#0735ae 0%,#3b63c9 55%,#b9caf5 100%)}
@media(max-width:600px){.um-photo--none{height:110px}}
.um-photo::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#061c464f)}
.um-logo{position:absolute;bottom:-28px;left:36px;z-index:1;width:112px;height:112px;padding:12px;background:white;border-radius:16px;box-shadow:0 8px 30px #142b4830}
.um-logo img{width:100%;height:100%;object-fit:contain}
.um-logo--brand{background:#0735ae}
.um-content{padding:52px 36px 36px}
.um-place{display:flex;gap:10px;align-items:center;color:#40557a;font-size:18px;margin:0 0 12px}
.um-place img{width:28px;height:auto}
.um-content h2{font-size:clamp(28px,5vw,46px);line-height:1.08;margin:0 0 8px;letter-spacing:-.025em}
.um-original{color:#586780;font-size:20px;margin:0 0 24px}
.um-links{display:flex;gap:16px 28px;flex-wrap:wrap;margin-bottom:24px}
.um-links a,.um-note a,.um-about a{color:#0735ae;text-decoration:underline;text-underline-offset:4px}
.um-levels{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 30px;padding:0;list-style:none}
.um-levels li{font-size:16px;border-radius:7px;background:#e9f0ff;color:#0735ae;padding:7px 12px}
.um-feature-groups{margin:0 0 18px}
.um-feature-group{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;align-items:start;margin:0 0 12px}
.um-feature-group>p{font-size:15px;line-height:1.4;color:#586780;margin:9px 0 0}
.um-feature-group .um-levels{margin:0}
.um-feature-group .um-levels li{padding:0;background:none}
.um-levels button{display:block;font:inherit;line-height:1.4;text-align:left;cursor:pointer;padding:7px 12px;border:1px solid transparent;border-radius:7px;background:#e9f0ff;color:#0735ae}
.um-levels button:hover,.um-levels button[aria-pressed="true"]{background:#0735ae;color:white}
.um-fee-note{border-left:3px solid #b6caff;padding-left:14px}
.um-levels .um-type{display:block;font:inherit;line-height:1.4;padding:7px 12px;border:1px solid transparent;border-radius:7px;background:#e9f0ff;color:#0735ae;cursor:default}
.um-levels .um-type:hover{background:#0735ae;color:white}
.um-feature-group .um-filter-chip{display:flex;align-items:stretch;border-radius:7px;background:#e9f0ff;max-width:100%}
.um-filter-chip.is-active{background:#0735ae}
.um-filter-chip.is-active>button{background:#0735ae;color:#fff}
.um-filter-chip.is-active>button:first-child{border-radius:7px 0 0 7px}
.um-levels .um-remove-feature{border-radius:0 7px 7px 0;border-left:1px solid #ffffff66;flex:0 0 36px;min-width:36px;padding:5px 9px;font-size:22px;text-align:center}
.um-search{margin:0 0 14px}
.um-search label{display:block;font-size:18px;margin-bottom:9px;color:#171c26}
.um-search-row{position:relative}
.um-search input{display:block;width:100%;box-sizing:border-box;font:inherit;font-size:18px;padding:13px 52px 13px 15px;background:#fff;border:1px solid #9faec7;border-radius:8px;color:#171c26;min-width:0}
.um-search input::-webkit-search-cancel-button{display:none}
.um-clear-search{position:absolute;right:4px;top:4px;bottom:4px;width:44px;border:0;border-radius:6px;background:#e9f0ff;color:#0735ae;font:inherit;font-size:25px;cursor:pointer}
.um-tree mark{background:var(--yellow,#ffdf00);color:#171c26;border-radius:2px;padding:0;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.um-empty{padding:24px 18px;background:#edf2ff;border-radius:8px;font-size:18px;line-height:1.5}
@media(max-width:600px){.um-feature-group{grid-template-columns:1fr;gap:6px}.um-feature-group>p{margin-top:0}.um-feature-group .um-levels li{font-size:16px}}
.um-tabs{display:flex;gap:24px;border-bottom:1px solid #ced8e7;margin-bottom:24px}
.um-tabs button{font:inherit;font-size:18px;border:0;border-bottom:3px solid transparent;padding:12px 0;background:none;color:#586780;cursor:pointer;text-align:left}
.um-tabs [aria-selected="true"]{border-color:#0735ae;color:#0735ae}
.um-note{font-size:16px;line-height:1.5;color:#52617a;margin:0 0 20px}
.um-tree{list-style:none;padding:0;margin:0}
.um-tree .um-tree{margin:0 0 14px 18px;border-left:2px solid #dce6f8;padding-left:12px}
.um-node{border-bottom:1px solid #e1e7ef}
.um-node:last-child{border-bottom:0}
.um-row{display:flex;align-items:center;gap:6px;min-width:0}
.um-toggle,.um-leaf{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0;padding:18px 0;font:inherit;font-size:18px;line-height:1.35;text-align:left;background:none;border:0;color:#171c26}
.um-toggle{cursor:pointer}
.um-toggle:hover{color:#0735ae}
.um-arrow{display:inline-block;text-align:center;color:#0735ae;flex:0 0 22px;font-size:30px;line-height:.85;transition:transform .2s}
.um-toggle[aria-expanded="true"] .um-arrow{transform:rotate(90deg)}
.um-label{min-width:0;overflow-wrap:anywhere}
.um-label small{display:block;color:#52617a;font-size:15px;font-weight:normal;margin-top:5px}
.um-label .um-original-name{color:#68778e;font-size:15px;line-height:1.4;margin:6px 0 9px}
.um-label .um-language{color:#0735ae}
.um-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}
.um-facts>div{background:#edf3ff;border-radius:12px;padding:20px}
.um-facts strong{display:block;font-size:30px;color:#0735ae}
.um-facts small{display:block;font-size:16px;color:#52617a}
@media(max-width:600px){.um-facts{grid-template-columns:1fr}}
.um-external{flex:0 0 44px;display:grid;place-items:center;min-height:44px;font-size:25px;color:#0735ae;border-radius:8px;text-decoration:none}
.um-external:hover{background:#e9f0ff}
.um-leaf{padding-left:34px;font-size:17px}
.um-about{font-size:18px;line-height:1.55}
.um-about h3{font-size:24px}
.um-credit{font-size:14px;color:#52617a;margin-top:28px}
.um-credit a{color:inherit}
@media(max-width:600px){.um-content{padding:46px 18px 24px}.um-logo{left:18px;width:84px;height:84px;bottom:-24px}.um-tabs{gap:18px}.um-tabs button{font-size:17px}.um-tree .um-tree{margin-left:7px;padding-left:7px}.um-toggle{font-size:17px;gap:6px}.um-leaf{padding-left:16px}.um-links{font-size:18px}.um-levels li{font-size:15px}}

/* Match the bordered country flags used in catalog tiles. */
.um-place img{height:19px;width:28px;object-fit:cover;border:1px solid #d6dfef;border-radius:3px;flex-shrink:0}
@media(prefers-reduced-motion:reduce){.um-arrow{transition:none}}

/* University page layout. The contact band comes from styles.css (.contact).
   Narrow screens: one column — university, characteristics and tabs, content, list of universities.
   Wide screens: tabs, characteristics and the list of universities in a left column, the university on the right. */
.uni-page{padding-top:calc(var(--header) + 28px)}
.uni-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:6px 0;margin:0 0 20px;padding:0;list-style:none;font-size:16px;color:#ffffffb3}
.uni-breadcrumbs li+li::before{content:"›";margin:0 10px;color:#ffffff80}
.uni-breadcrumbs a{color:#fff;text-decoration:underline;text-underline-offset:4px}

.university-page{display:flex;flex-direction:column;color:#171c26}
.university-page [hidden]{display:none!important}
.university-page :focus-visible{outline:3px solid #165ac7;outline-offset:4px}
.up-side,.up-main{display:contents}
.up-head{order:1;position:relative;background:#fff;border-radius:20px 20px 0 0}
.up-head .um-photo{border-radius:20px 20px 0 0}
.up-head .um-photo>img{border-radius:20px 20px 0 0}
.up-head .um-content{padding-bottom:4px}
.up-head .um-fee-note{margin:0 0 20px}
.up-head .um-links{margin-bottom:0}
.um-content h1{font-size:clamp(28px,5vw,46px);line-height:1.08;margin:0 0 8px;letter-spacing:-.025em}
.up-controls{order:2;display:flex;flex-direction:column;background:#fff;padding:24px 36px 0}
.up-controls .um-feature-groups{order:1}
.up-controls .um-tabs{order:2;margin-bottom:0}
.up-body{order:3;background:#fff;border-radius:0 0 20px 20px;padding-top:24px}

.up-nav{order:4;margin-top:36px;color:#fff}
.up-nav h2{font-size:24px;margin:0 0 12px}
.up-nav details{border-top:1px solid var(--line,#ffffff38)}
.up-nav summary{display:flex;justify-content:space-between;gap:12px;padding:13px 0;cursor:pointer;font-size:18px;list-style:none}
.up-nav summary::-webkit-details-marker{display:none}
.up-nav summary::after{content:"+";color:var(--yellow,#ffdf00);font-size:22px;line-height:1}
.up-nav details[open]>summary::after{content:"−"}
.up-nav summary span{margin-left:auto;color:#b9caf5;font-size:15px}
.up-nav .up-country>summary{font-size:20px}
.up-nav .up-country details{margin-left:14px}
.up-nav .up-country details summary{font-size:17px;padding:10px 0}
.up-nav ul{margin:0 0 12px;padding:0 0 0 14px;list-style:none}
.up-nav li a{display:block;padding:6px 0;color:#d7e3ff;font-size:16px;line-height:1.35;text-decoration:none}
.up-nav li a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.up-nav li a[aria-current]{color:var(--yellow,#ffdf00)}
.up-nav-all{display:block;border-top:1px solid var(--line,#ffffff38);padding-top:14px;color:#fff;text-decoration:underline;text-underline-offset:4px}

.uni-page-contact{margin-top:72px}

@media(min-width:1024px){
  .university-page{display:grid;grid-template-columns:320px minmax(0,1fr);gap:28px;align-items:start}
  .up-side{display:flex;flex-direction:column;gap:28px}
  .up-main{display:block}
  .up-controls{border-radius:20px;padding:20px}
  .up-controls .um-tabs{order:0;flex-direction:column;gap:4px;border:0;margin:0 0 20px}
  .up-controls .um-tabs button{padding:12px 14px;border:0;border-left:3px solid transparent;border-radius:0 8px 8px 0;color:#40557a}
  .up-controls .um-tabs [aria-selected="true"]{border-left-color:#0735ae;background:#edf3ff;color:#0735ae}
  .up-controls .um-feature-groups{margin:0}
  .up-controls .um-feature-group{grid-template-columns:1fr;gap:6px}
  .up-controls .um-feature-group>p{margin:0}
  .up-nav{margin-top:0}
  .up-head .um-photo{aspect-ratio:21/8}
  .up-head .um-content{padding:52px 44px 4px}
  .up-body{padding:28px 44px 44px}
}
@media(max-width:600px){
  .uni-page{padding-top:calc(var(--header) + 16px)}
  .up-head,.up-head .um-photo,.up-head .um-photo>img{border-radius:14px 14px 0 0}
  .up-controls{padding:20px 18px 0}
  .up-body{border-radius:0 0 14px 14px;padding:20px 18px 24px}
  .uni-breadcrumbs ol{font-size:15px}
  .uni-page-contact{margin-top:56px}
  /* Phones: the white card runs edge to edge; the side margins come from .has-back-top .wrap in pages.css. */
  .has-back-top .university-page{margin-left:-24px;margin-right:-52px}
  .up-head,.up-head .um-photo,.up-head .um-photo>img,.up-body{border-radius:0}
  .up-nav{padding-left:24px;padding-right:52px}
}
