:root{
  --teal:#127a6a;
  --teal-dark:#0f6658;
  --gold:#c6a243;
  --ink:#0a1f1c;
  --text:#21312e;
  --muted:#5d6e6b;
  --bg:#f7fbfa;
  --card:#ffffff;
  --radius:14px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:#fff;line-height:1.45}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.header-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.brand{display:flex;gap:12px;align-items:center}
.brand img {width: 50px; height: 50px;}
.title {font-size: 50px; font-weight: 700; color: var(--teal);}
.subtitle {font-size: 24px; color: var(--muted); font-weight: 400;}
.nav a{margin-left:16px;text-decoration:none;color:#35524e;font-weight:500}
.nav a.active,.nav a:hover{color:var(--teal)}
h1,h2,h3{color:var(--teal);margin:0 0 10px}
h1{font-size:28px} h2{font-size:22px} h3{font-size:18px}
.hero{padding:4px 0}
.divider{height:1px;background-color:#e3eeec;margin:8px 0 16px 0;}
.section{margin:18px 0}
.card{background:var(--card);border:1px solid #e4efed;border-radius:var(--radius);padding:16px;box-shadow:0 6px 18px rgba(18,122,106,.05)}
.card h3{margin-bottom:8px}
ul{padding-left:18px;margin:8px 0}
a.button, .btn{display:inline-block;background:var(--teal);color:#fff;border-radius:12px;padding:10px 14px;text-decoration:none;font-weight:600}
.button.secondary{background:#fff;color:var(--teal);border:1px solid var(--teal)}
.sticky-refer{position:fixed;right:18px;bottom:18px;background:var(--gold);color:#07352f;padding:10px 14px;border-radius:999px;text-decoration:none;font-weight:700;box-shadow:0 10px 20px rgba(0,0,0,.15)}
.contact-bar{background:var(--bg);border-top:1px solid #e3eeec;padding:14px 0;margin-top:24px}
.contact-bar .container{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.contact-pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #dfe9e7;border-radius:999px;padding:8px 12px;color:#26433f;text-decoration:none}
.footer{padding:16px 0;border-top:1px solid #e3eeec;margin-top:20px;color:#526663;font-size:14px}
/* Admissions callout */
.admissions .card{border:2px solid var(--teal-dark);background:#f1fbf8}

.profile-photo { width: 200px !important; height: auto !important; border-radius: var(--radius); }

.affiliations img {max-width: 200px; height: auto; margin: 0 10px;}
.contact-bar .container { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.contact-pill { display:inline-flex; align-items:center; gap:8px; }
.contact-pill svg { flex:0 0 auto; }
.contact-pill svg {
  width: 16px;
  height: 16px;
  stroke-width: 2;}
.contact-form {
  display: flex;
  flex-direction: column;   /* stack vertically */
  gap: 1rem;                /* space between fields */
  max-width: 600px;         /* keeps it neat on large screens */
  margin: 0 auto;           /* center align */
}

.contact-form label {
  font-weight: 500;
  margin-bottom: 0.25rem;
}

.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 1rem;
}

.contact-form button {
  margin-top: 1rem;
  padding: 0.75rem;
  background-color: #006d77;  /* teal theme */
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 1rem;
  cursor: pointer;
}

.contact-form button:hover {
  background-color: #00565e;
}
.contact-pill { text-decoration: none; }
.contact-pill[href^="tel:"] { cursor: pointer; }