.member-page .content { padding-top: 26px; }
.member-page .content > p[id] { display: none; }
.member-page .content > section { scroll-margin-top: 100px; }
.member-page .content > section > h3 { margin: 0 0 25px; font: 700 clamp(25px,2.5vw,32px)/1.25 Georgia,"Noto Serif SC",serif; text-align: center; }
.member-page .content > section > h3::after { content: ""; display: block; width: 48px; height: 3px; margin: 13px auto 0; border-radius: 3px; background: var(--wine); }
.member-page .content > section:not(.member-hero) { font-size: 16px !important; }
.member-page .content > section p, .member-page .content > section li { font-size: 16px; line-height: 1.75; }
.member-page .content > section ul { padding-left: 20px; }
.member-page .content > section li { margin: 0 0 8px; }
.member-page .content > section li p { margin: 0; }
.member-page .content > section a { color: var(--wine); }
.member-page .content > section a:hover { color: var(--wine-deep); }
.member-subnav { display: flex; justify-content: center; gap: 5px; padding: 8px 18px; overflow-x: auto; border-bottom: 1px solid #ebd6d5; background: #f8eeec; white-space: nowrap; }
.member-subnav a { padding: 6px 12px; border-radius: 7px; color: #793640; font-size: 13px; font-weight: 750; text-decoration: none; }
.member-subnav a:hover { background: #f1dbdc; color: #65172a; }
.member-page .member-hero { padding: clamp(30px,4vw,50px); border: 1px solid #e6c9c7; background: radial-gradient(circle at 84% 5%,rgba(255,230,209,.85),transparent 42%),linear-gradient(125deg,#fffaf8,#f7e6e3); }
.member-hero-grid { display: grid; grid-template-columns: minmax(0,1fr) 210px; gap: 32px; align-items: center; }
.member-profile-copy h3 { margin: 12px 0 19px; color: rgb(139, 0, 18); font: 700 clamp(30px,3.4vw,44px)/1.15 Georgia,"Noto Serif SC",serif; }
.member-profile-copy p { margin: 0 0 8px; color: #4f4247; }
.member-profile-copy p:first-of-type { color: var(--wine); font-weight: 800; }
.member-back { display: inline-flex; margin-bottom: 12px; font-size: 13px; font-weight: 800; text-decoration: none; }
.member-portrait-frame { padding: 7px; border: 1px solid #dfc2bf; border-radius: 17px; background: rgba(255,255,255,.75); box-shadow: 0 14px 33px rgba(74,30,38,.11); }
.member-portrait-frame img { display: block; width: 100%; height: 270px; object-fit: cover; object-position: center top; border-radius: 11px; }
.member-bio { margin-top: 28px; padding-top: 22px; border-top: 1px solid #e6ceca; }
.member-bio p { margin: 0 0 12px; color: #53484d; text-indent: 0 !important; line-height: 1.8 !important; }
.member-page #member-honors li, .member-page #member-service li { padding: 9px 12px; border-radius: 8px; list-style-position: inside; }
.member-page #member-honors li:nth-child(even), .member-page #member-service li:nth-child(even) { background: #fdf6f5; }
.member-page #member-publications ol, .member-page #member-publications ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; padding: 0; list-style: none; }
.member-page #member-publications li { margin: 0; padding: 17px; border: 1px solid #eadbd9; border-radius: 12px; background: #fffdfc; overflow-wrap: anywhere; }
.member-page #member-publications li p { margin: 0; text-align: left !important; }
.member-awards-original, .member-papers-original { display: none !important; }
.member-award-list { display: grid; gap: 3px; }
.member-award-row { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: baseline; gap: 20px; padding: 10px 14px; border-radius: 9px; font-size: 16px; }
.member-award-row:nth-child(even) { background: #fdf6f5; }
.member-award-row strong { color: var(--wine); font-weight: 800; }
.member-award-row span { color: #915b65; font-size: 14px; font-weight: 750; text-align: right; white-space: nowrap; }
.member-paper-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 17px; }
.member-paper-card { min-width: 0; padding: 22px; border: 1px solid #e7d8d6; border-radius: 17px; background: #fff; box-shadow: 0 8px 25px rgba(72,30,37,.05); overflow-wrap: anywhere; }
.member-paper-card .paper-venue { color: var(--wine); }
.member-paper-card .paper-display-title { font-size: 18px; }
.member-paper-card .paper-authors, .member-paper-card .paper-citation { margin-bottom: 8px; }
@media (max-width: 760px) {
  .member-page .content { padding-top: 12px; }
  .member-subnav { justify-content: flex-start; }
  .member-hero-grid { grid-template-columns: 1fr; }
  .member-portrait-frame { width: 180px; grid-row: 1; }
  .member-portrait-frame img { height: 230px; }
  .member-page #member-publications ol, .member-page #member-publications ul { grid-template-columns: 1fr; }
  .member-paper-grid { grid-template-columns: 1fr; }
  .member-award-row { grid-template-columns: 1fr; gap: 1px; }
  .member-award-row span { text-align: left; }
}

/* Student publication cards use the exact same density and resource layout as
   the central Publications page. */
.member-page .member-paper-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; }
.member-page .member-paper-card { display: flex; flex-direction: column; min-width: 0; padding: 0; border-radius: 13px; }
.member-page .member-paper-card .paper-body { display: flex; flex-direction: column; flex: 1; padding: 16px 15px 15px; }
.member-page .member-paper-card .paper-display-title { font-size: 15px; }
.member-page .member-paper-card .paper-authors { font-size: 13px; }
.member-page .member-paper-card .paper-citation { font-size: 12px; }
.member-page .member-paper-card .paper-footer { margin-top: auto; }
.member-page .member-paper-card .paper-resources { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
@media (max-width: 1250px) { .member-page .member-paper-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 900px) { .member-page .member-paper-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 540px) { .member-page .member-paper-grid { grid-template-columns: 1fr; } }

/* Move each member's original research interests between the profile and portrait. */
.member-page > .container-fluid > dic.row { margin-left: 0; margin-right: 0; }
.member-hero-grid--interests { grid-template-columns: minmax(0,1fr) minmax(210px,280px) 210px; gap: clamp(16px,2vw,30px); }
.member-profile-copy { min-width: 0; }
.member-interests-card { position: relative; align-self: center; min-width: 0; padding: 23px 20px 21px; border: 1px solid rgba(158,81,89,.24); border-radius: 17px; background: linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,246,242,.85)); box-shadow: 0 15px 35px rgba(84,25,43,.075), inset 0 1px rgba(255,255,255,.9); backdrop-filter: blur(8px); }
.member-hero-grid--interests .member-interests-card,
.member-hero-grid--interests .member-portrait-frame { box-sizing: border-box; height: 286px; }
.member-hero-grid--interests .member-interests-card { display: flex; flex-direction: column; justify-content: flex-start; overflow: hidden; }
.member-interests-card::before { content: ""; position: absolute; top: 0; left: 20px; width: 43px; height: 3px; border-radius: 0 0 4px 4px; background: linear-gradient(90deg,#9f1731,#d0a36a); }
.member-interests-card h4 { margin: 0 0 16px; color: #702338; font-size: 17px; font-weight: 800; line-height: 1.3; }
.member-interest-list { display: flex; flex-wrap: wrap; gap: 8px; }
.member-interest-chip { display: inline-flex; max-width: 100%; padding: 7px 10px; border: 1px solid #e9d9d5; border-radius: 8px; background: #fffaf8; color: #5b414a; font-size: 13px; font-weight: 650; line-height: 1.4; overflow-wrap: anywhere; }
@media (max-width: 1100px) {
  .member-hero-grid--interests { grid-template-columns: minmax(0,1fr) 190px; }
  .member-hero-grid .member-interests-card { grid-column: 1 / -1; grid-row: 2; }
  .member-hero-grid .member-portrait-frame { grid-column: 2; grid-row: 1; }
  .member-hero-grid--interests .member-interests-card { height: 286px; }
}
@media (max-width: 760px) {
  .member-hero-grid--interests { grid-template-columns: 1fr; }
  .member-hero-grid .member-portrait-frame { grid-column: 1; grid-row: 1; justify-self: center; }
  .member-hero-grid--interests .member-portrait-frame,
  .member-hero-grid--interests .member-interests-card { height: 246px; }
  .member-hero-grid .member-profile-copy { grid-column: 1; grid-row: 2; }
  .member-hero-grid .member-interests-card { grid-column: 1; grid-row: 3; }
}

.member-page .member-paper-card .paper-resources { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.member-page #member-service ul { padding-left: 0; list-style: none; }
.member-page #member-service li { list-style: none; }
.member-page #member-service li::marker { content: ""; }
.member-service-acronym { color: var(--wine); font-weight: 850; }

/* Match the white faculty hero and the compact OV³ cards on the homepage. */
.member-page .member-hero {
  background: #fff;
  border-color: #e7d8d6;
  box-shadow: 0 24px 65px rgba(57, 40, 43, .09);
}
.member-page .member-interests-card {
  background: #fff;
  border-color: #e7d8d6;
  box-shadow: 0 8px 22px rgba(62, 42, 46, .055);
  backdrop-filter: none;
}
.member-page .member-interests-card::before { background: #a51c39; }
.member-page .member-interests-card h4 { color: #252024; font-size: 19px; }
.member-page .member-interest-list {
  display: grid;
  grid-auto-rows: max-content;
  align-content: start;
  flex: 1 1 auto;
  min-height: 0;
  gap: 8px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #c9989f transparent;
  -webkit-overflow-scrolling: touch;
}
.member-page .member-interest-list:focus-visible { outline: 2px solid #a51c39; outline-offset: -2px; }
.member-page .member-interests-card h4 { flex: 0 0 auto; }
.member-page .member-interest-chip {
  position: relative;
  display: block;
  width: 100%;
  padding: 11px 13px;
  overflow: hidden;
  border: 1px solid rgba(216, 199, 197, .85);
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(255,255,255,.85), rgba(246,240,238,.7));
  color: #252024;
  box-shadow: 0 6px 16px rgba(62,42,46,.05);
  font-size: 14px;
  font-weight: 750;
}
.member-page .member-interest-chip::after {
  content: "";
  position: absolute;
  right: -24px;
  top: -23px;
  width: 76px;
  height: 76px;
  border: 1px solid rgba(153,103,105,.12);
  border-radius: 50%;
  pointer-events: none;
}
.member-page #member-education .member-education-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  max-width: none;
  margin: 0 auto;
  padding: 24px 28px;
  border: 1px solid #eee2e0;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(75,31,39,.055);
}
.member-page #member-education .experience-entry {
  display: grid;
  grid-template-columns: 64px minmax(0,1fr);
  gap: 18px;
  align-items: center;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.member-page #member-education .experience-seal { width: 60px; height: 60px; object-fit: contain; }
.member-page #member-education .experience-seal--hust { object-fit: fill; }
.member-page #member-education .experience-copy { display: grid; min-width: 0; gap: 6px; }
.member-page #member-education .experience-role { color: #aa2b42; font-weight: 750; }
.member-page #member-education .experience-period { color: #9d8c90; font-weight: 700; }
.member-page #member-education .experience-institution { color: #393036; font-weight: 800; }
.member-page #member-education .experience-field { color: #766c70; }
.member-service-groups { display: grid; gap: 32px; }
.member-service-group h4 {
  margin: 0 0 20px;
  color: var(--ink);
  font: 700 clamp(19px,1.7vw,23px)/1.3 Georgia,"Noto Serif SC",serif;
  text-align: center;
}
.member-service-group h4::after {
  content: "";
  display: block;
  width: 42px;
  height: 3px;
  margin: 10px auto 0;
  border-radius: 2px;
  background: var(--wine);
}
.member-service-cards { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); justify-content: center; gap: 14px; }
.member-service-cards:has(> :only-child) { grid-template-columns: minmax(0,min(310px,100%)); }
.member-page .member-service-card { min-height: 230px; }
.member-page .member-service-card .service-mark { height: clamp(112px,8vw,138px); }
.member-page .member-service-card--journal .service-mark { height: 176px; }
.member-page .member-service-card--journal .service-cover { max-width: 100%; max-height: 100%; object-fit: contain; }
.member-page .member-service-card .service-description { font-size: 14px; line-height: 1.5; color: #4d4448; }
.member-service-acronym { color: var(--wine); font-weight: 850; }
@media (max-width: 1100px) { .member-service-cards { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 800px) { .member-service-cards { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 1100px) {
  .member-page #member-education .member-education-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .member-page #member-education .member-education-list {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 20px;
  }
}
@media (max-width: 540px) {
  .member-service-cards { grid-template-columns: 1fr; }
  .member-page #member-education .experience-entry { grid-template-columns: 52px minmax(0,1fr); gap: 13px; }
  .member-page #member-education .experience-seal { width: 50px; height: 50px; }
}
