/* ============================================================
   Research Highlights section (top page only)
   Scoped to .ResearchHighlights* classes — does not touch base.css
   ============================================================ */

.ResearchHighlights{ --rh-accent:#5B87BC; --rh-text:#333333; --rh-heading:#595757; --rh-line:#E2E2E2; --rh-radius:10px;
  display:block; margin:0; padding:0 0 64px; width:100%;}

.ResearchHighlightsInner{ display:block; margin:0 auto; padding:0; width:100%; max-width:1100px; box-sizing:border-box;}

.ResearchHighlightsHead{ display:block; margin:0 0 40px 0; padding:0; text-align:center;}
.ResearchHighlightsEyebrow{ display:block; margin:0; padding:0; font-family:'Jost', sans-serif; font-weight:normal; font-size:1.3rem; letter-spacing:2px; color:var(--rh-accent);}
.ResearchHighlightsTitle{ display:block; margin:6px 0 0 0; padding:0; font-family:'Zen Old Mincho', serif; font-weight:500; font-size:3.2rem; color:var(--rh-heading);}
.ResearchHighlightsLead{ display:block; margin:16px auto 0; padding:0; max-width:720px; font-size:1.4rem; line-height:180%; color:var(--rh-text);}

.ResearchHighlightsSectionTitle{ display:block; margin:0 0 22px; padding:0; font-family:'Zen Old Mincho', serif; font-size:2rem; font-weight:500; color:var(--rh-heading); text-align:center;}

.ResearchHighlightsGrid{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:24px; margin:0; padding:0; list-style:none; width:100%; align-items:stretch;}

.ResearchHighlightsCard{ display:block; margin:0; padding:0; min-width:0;}

.ResearchHighlightsCardLink{ display:flex; flex-direction:column; height:100%; margin:0; padding:0; box-sizing:border-box;
  border:1px solid var(--rh-line); border-radius:var(--rh-radius); overflow:hidden; background:#FFFFFF;
  text-decoration:none; color:inherit; transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;}
.ResearchHighlightsCardLink:hover{ transform:translateY(-4px); border-color:var(--rh-accent); box-shadow:0 8px 20px rgba(0,0,0,0.08);}
.ResearchHighlightsCardLink:focus-visible{ outline:3px solid #333333; outline-offset:2px;}

.ResearchHighlightsCardMedia{ display:block; margin:0; padding:0; width:100%; aspect-ratio:3 / 2; overflow:hidden; background:#F2F2F2; flex:0 0 auto;}
.ResearchHighlightsCardMedia img{ display:block; width:100%; height:100%; object-fit:cover; object-position:center; transition:transform .3s ease;}

.ResearchHighlightsCardBody{ display:flex; flex-direction:column; flex:1 1 auto; margin:0; padding:20px 22px 22px; box-sizing:border-box;}
.ResearchHighlightsCardCat{ display:inline-block; align-self:flex-start; margin:0 0 10px 0; padding:4px 10px; border-radius:4px;
  background:rgba(91,135,188,0.12); font-family:"Noto Sans JP", sans-serif; font-size:1.1rem; font-weight:700; color:var(--rh-accent); line-height:1.4;}
.ResearchHighlightsCardTitle{ display:block; margin:0 0 10px 0; padding:0; min-height:2.8em; font-size:1.5rem; font-weight:700; line-height:1.4; color:var(--rh-text);}
.ResearchHighlightsCardDesc{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden;
  margin:0 0 14px 0; padding:0; font-size:1.3rem; line-height:1.7; color:#595757;}
.ResearchHighlightsCardFoot{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-top:auto; padding-top:10px; border-top:1px solid var(--rh-line);}
.ResearchHighlightsCardPerson{ font-size:1.2rem; font-weight:700; color:var(--rh-heading);}
.ResearchHighlightsCardMore{ display:inline-flex; align-items:center; gap:4px; font-size:1.2rem; font-weight:700; color:var(--rh-accent); white-space:nowrap;}
.ResearchHighlightsCardMore span{ transition:transform .22s ease;}
.ResearchHighlightsCardLink:hover .ResearchHighlightsCardMore span{ transform:translateX(5px);}

.ResearchHighlightsMore{ display:block; margin:48px auto 0; padding:0; text-align:center;}
.ResearchHighlightsMoreLink{ display:inline-flex; align-items:center; gap:8px; margin:0; padding:16px 40px; box-sizing:border-box;
  border:2px solid var(--rh-accent); border-radius:999px; font-size:1.4rem; font-weight:700; color:var(--rh-accent);
  text-decoration:none; background:#FFFFFF; transition:background-color .22s ease, color .22s ease;}
.ResearchHighlightsMoreLink:hover{ background:var(--rh-accent); color:#FFFFFF;}
.ResearchHighlightsMoreLink:focus-visible{ outline:3px solid #333333; outline-offset:2px;}

@media (prefers-reduced-motion: reduce) {
  .ResearchHighlightsCardLink{ transition:none;}
  .ResearchHighlightsCardLink:hover{ transform:none;}
  .ResearchHighlightsCardMedia img{ transition:none;}
  .ResearchHighlightsCardMore span{ transition:none;}
  .ResearchHighlightsCardLink:hover .ResearchHighlightsCardMore span{ transform:none;}
  .ResearchHighlightsMoreLink{ transition:none;}
}

@media (max-width: 1100px) {
  .ResearchHighlightsInner{ padding-left:24px; padding-right:24px;}
  .ResearchHighlights{ margin:0; padding-bottom:52px;}
  .ResearchHighlightsHead{ margin:0 0 30px 0;}
  .ResearchHighlightsTitle{ font-size:2.6rem;}
  .ResearchHighlightsLead{ font-size:1.3rem;}

  .ResearchHighlightsGrid{ grid-template-columns:repeat(3, minmax(0, 1fr)); gap:20px;}
}

@media (max-width: 767px) {
  .ResearchHighlightsInner{ padding-left:20px; padding-right:20px;}
  .ResearchHighlightsTitle{ font-size:2.2rem;}
  .ResearchHighlightsSectionTitle{ font-size:1.8rem; margin-bottom:18px;}
  .ResearchHighlightsGrid{ grid-template-columns:1fr; gap:24px;}
  .ResearchHighlightsCardBody{ padding:18px 18px 20px;}
  .ResearchHighlightsMoreLink{ width:100%; max-width:360px; justify-content:center; padding:16px 20px;}
}