/* UI refresh for legacy alumni/member pages (content preserved) */
:root{
  --bg:#f3f6fb; --card:#ffffff; --line:#dce5f0; --line2:#e8eef7;
  --text:#273446; --muted:#5f6f82; --title:#224a92; --accent:#3a6fd8;
  --shadow:0 6px 18px rgba(18,43,80,.06);
  --radius:14px;
}
html,body{margin:0;padding:0;background:var(--bg);}
body{
  color:var(--text)!important;
  font-family: Arial, Helvetica, sans-serif, "Malgun Gothic","맑은 고딕","Apple SD Gothic Neo", 굴림, 굴림체 !important;
  font-size:14px !important; line-height:1.65 !important;
  padding:14px !important;
}
body, td, th, p, div, li { word-break: keep-all; }
body > div[align="center"], #templatemo_wrapper, body > div{
  max-width: 1080px;
  margin: 0 auto !important;
}
h1{
  margin:0 0 12px 0 !important;
  padding:12px 14px !important;
  border:1px solid var(--line) !important;
  border-radius:12px !important;
  background:linear-gradient(180deg,#fff,#eef4ff)!important;
  color:var(--title)!important;
  font-size:20px !important;
  font-weight:700 !important;
  line-height:1.4 !important;
  background-image:none !important;
}
a{ color:#1f5fd1 !important; text-decoration:underline; }
a:hover{ color:#1349a9 !important; }

/* Global table cleanup */
table{
  max-width:100%;
  box-sizing:border-box;
}
table[border="1"], table[border='1']{
  width:100% !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  border:1px solid var(--line) !important;
  background:var(--card) !important;
  border-radius:var(--radius) !important;
  overflow:hidden;
  box-shadow:var(--shadow);
  margin:0 0 14px 0 !important;
}
table[border="1"] > tbody > tr > th,
table[border="1"] > tbody > tr > td{
  border:none !important;
  border-top:1px solid var(--line2);
  vertical-align:top;
  padding:10px 12px !important;
}
table[border="1"] > tbody > tr:first-child > th,
table[border="1"] > tbody > tr:first-child > td{
  border-top:none;
}
table[border="0"], table[border='0']{
  background:transparent;
}

/* Nested "person card" tables */
table table[width="300"], table table[width='300'],
table table[width="550"], table table[width='550']{
  width:100% !important;
  max-width:100% !important;
}
td[background*="photo_bg"], td[background*='photo_bg']{
  background-color:#f4f7fc !important;
  background-image:none !important;
  border:1px solid var(--line2);
  border-radius:10px;
}
img{
  max-width:100%;
  height:auto;
  border-radius:8px;
}
font[color="#003399"], font[color='#003399']{
  color:var(--title) !important;
}
font[color="#FF0000"], font[color='#FF0000']{
  color:#c0392b !important;
}
font[color="#0000FF"], font[color='#0000FF']{
  color:#245bd3 !important;
}
font[color="#999999"], font[color='#999999'],
font[color="#CCCCCC"], font[color='#CCCCCC']{
  color:var(--muted) !important;
}

/* Menu pages */
ul.MenuBarVertical{
  width:100% !important;
  max-width:540px;
  margin:0 !important;
  padding:0 !important;
  list-style:none;
}
ul.MenuBarVertical > li{
  margin:0 0 8px 0 !important;
}
ul.MenuBarVertical > li > a{
  display:block !important;
  padding:11px 13px !important;
  background:#fff !important;
  border:1px solid var(--line) !important;
  border-radius:10px !important;
  text-decoration:none !important;
  color:var(--text) !important;
  box-shadow:var(--shadow);
}
ul.MenuBarVertical > li > a:hover{
  background:#f7faff !important;
  color:var(--accent) !important;
}

/* Small biography pages */
body[leftmargin] table[width="530"], body[leftmargin] table[width='530']{
  width:min(100%, 760px) !important;
  margin:0 auto 14px !important;
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  box-shadow:var(--shadow);
}
body[leftmargin] table[width="530"] td, body[leftmargin] table[width='530'] td{
  padding:14px !important;
}
body[leftmargin] img{
  box-shadow:0 3px 10px rgba(0,0,0,.08);
}

/* Responsive layout for legacy multi-column rows */
@media (max-width: 900px){
  body{ padding:10px !important; }
  table[width]{ width:100% !important; }
  tr, td, th{ height:auto !important; }
  table[border="1"] > tbody > tr{
    display:block;
  }
  table[border="1"] > tbody > tr > th,
  table[border="1"] > tbody > tr > td{
    display:block;
    width:auto !important;
    border-top:1px solid var(--line2);
  }
  table[border="1"] > tbody > tr > th:first-child,
  table[border="1"] > tbody > tr > td:first-child{
    border-top:none;
  }
}