.about-college-page{background:#fff;color:#263d50}

/* Hero intentionally has no background image.
   Add the approved college photograph later without changing the page structure. */
.college-hero{
  position:relative;
  min-height:205px;
  overflow:hidden;
  background:linear-gradient(105deg,#1379b5 0%,#238bc2 43%,#dceff8 43.2%,#edf7fb 77%,#0a456d 100%);
}
.college-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,74,119,.14),transparent 55%,rgba(2,46,76,.16))}
.college-hero-inner{position:relative;z-index:1;min-height:205px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.college-hero-title{color:#fff}
.college-hero-title h1{margin:0 0 10px;font:700 43px/1.08 Georgia,"Times New Roman",serif;text-shadow:0 1px 1px rgba(0,0,0,.12)}
.college-hero-title p{margin:0;font:italic 19px/1.35 Georgia,"Times New Roman",serif}
.college-hero-message{
  color:#111111;
  text-align:left;
  font:italic 20px/1.18 Georgia,"Times New Roman",serif;
  text-shadow:none;
}

.college-hero-message span{
  font-size:17px;
  color:#111111;
}

.college-intro{padding:18px 0 16px}
.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:start}
.intro-copy h2,.glance-card h2{margin:0 0 8px;color:#073f6b;font:700 25px/1.2 Georgia,"Times New Roman",serif}
.intro-copy p{margin:0 0 9px;font-size:13px;line-height:1.42;color:#33495b}
.history-button{display:inline-flex;align-items:center;gap:15px;margin-top:3px;padding:9px 17px;border-radius:3px;background:#066aa5;color:#fff!important;text-decoration:none;font-size:12px;font-weight:700}
.history-button:hover{background:#075987}

.glance-card{background:linear-gradient(135deg,#edf9ff,#e4f4fc);padding:16px 18px 15px;border-radius:4px}
.heading-rule{display:block;width:38px;height:3px;background:#087cc0;margin:1px 0 18px}
.glance-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:24px;row-gap:20px}
.glance-item{display:flex;align-items:center;gap:10px;min-width:0}
.round-icon{width:45px;height:45px;flex:0 0 45px;border-radius:50%;background:#d8eef9;display:grid;place-items:center}
.round-icon svg{width:24px;height:24px;fill:#0875b5;stroke:#0875b5;stroke-width:.4}
.glance-item strong{display:block;color:#073f6b;font:700 14px/1.15 Georgia,"Times New Roman",serif}
.glance-item small{display:block;margin-top:3px;color:#40586a;font-size:10.5px;line-height:1.2}

.feature-section{padding:2px 0 13px}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.feature-card{overflow:hidden;border:1px solid #dce5eb;border-radius:4px;background:#fff}
.feature-visual{height:87px;display:grid;place-items:center;overflow:hidden}
.feature-visual svg{width:58px;height:58px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.92}
.visual-academics{background:linear-gradient(135deg,#768c99,#324f61)}
.visual-hospital{background:linear-gradient(135deg,#a8c5d3,#547e93)}
.visual-campus{background:linear-gradient(135deg,#b68a4c,#6b542f)}
.visual-legacy{background:linear-gradient(135deg,#77a56d,#365f48)}
.feature-body{padding:8px 13px 10px}
.feature-body h3{margin:0 0 5px;color:#073f6b;font:700 15px/1.15 Georgia,"Times New Roman",serif}
.feature-body p{min-height:51px;margin:0 0 4px;color:#3e5261;font-size:10.8px;line-height:1.35}
.feature-body a{color:#0877b6;text-decoration:none;font-size:10.5px;font-weight:800}
.feature-body a span{margin-left:5px}

.college-quote{background:linear-gradient(90deg,#e9f7ff,#dff2fb);border-top:1px solid #d7ebf5}
.quote-inner{min-height:65px;display:flex;align-items:center;gap:18px}
.quote-mark{color:#0877b6;font:700 52px/1 Georgia,"Times New Roman",serif;height:38px}
.quote-inner p{margin:0;color:#0b4d78;font:italic 18px Georgia,"Times New Roman",serif}

@media(max-width:1050px){
 .glance-grid{grid-template-columns:repeat(2,1fr)}
 .feature-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
 .college-hero,.college-hero-inner{min-height:190px}
 .college-hero-inner{padding-top:25px;padding-bottom:25px;align-items:flex-start;flex-direction:column;justify-content:center}
 .college-hero-title h1{font-size:34px}
 .college-hero-message{display:none}
 .intro-grid{grid-template-columns:1fr}
 .feature-grid{grid-template-columns:1fr}
 .glance-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
 .glance-grid{grid-template-columns:1fr}
}