/* 2026-10-12 — research page: every chapter fills the screen so its film is
   seen, plus the relationship diagram, the record note and the timeline. */
body.detail-research section:not(.hero) { min-height:100svh; display:flex; align-items:center; }
body.detail-research section:not(.hero) > .wrap { width:100%; }
body.detail-research #highschool { align-items:flex-start; padding-top:clamp(80px,10vw,140px); }

.rr-figure { margin-top:56px; }
.rr-diagram {
  display:block;
  width:100%;
  max-width:980px;
  height:auto;
  margin:18px 0 0;
  padding:14px;
  border:1px solid var(--line);
  border-radius:20px;
  background:linear-gradient(160deg,rgba(13,32,52,.6),rgba(7,18,35,.3));
}
.rr-diagram text { font-family:"Noto Sans JP",system-ui,sans-serif; }

.rr-note {
  margin-top:34px;
  padding:22px 26px;
  border:1px solid rgba(255,210,122,.4);
  border-left:4px solid var(--gold);
  border-radius:0 16px 16px 0;
  background:linear-gradient(90deg,rgba(255,210,122,.1),transparent 70%);
}
.rr-note strong { display:block; margin-bottom:8px; color:var(--gold); font-family:"Noto Serif JP",serif; font-size:1.05rem; }
.rr-note p { margin:0; color:#e2ebf5; font-size:.96rem; line-height:1.9; }

.rr-timeline {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:18px 0 0;
  padding:0;
  list-style:none;
  counter-reset:rr;
}
.rr-timeline li {
  position:relative;
  padding:22px 20px 24px;
  border:1px solid var(--line);
  border-top:2px solid var(--bio-cyan);
  border-radius:14px;
  background:var(--glass);
}
.rr-timeline li::before {
  content:"";
  position:absolute;
  top:-2px;
  right:-14px;
  width:14px;
  height:2px;
  background:var(--bio-cyan);
}
.rr-timeline li:last-child::before { display:none; }
.rr-timeline__year { display:block; margin-bottom:10px; color:var(--bio-cyan); font-family:"Cormorant Garamond",serif; font-style:italic; font-size:1.8rem; line-height:1; }
.rr-timeline b { display:block; margin-bottom:8px; color:#fff; font-family:"Noto Serif JP",serif; font-size:1.05rem; line-height:1.5; }
.rr-timeline small { display:block; color:var(--muted); font-size:.84rem; line-height:1.7; }

a.award { color:inherit; text-decoration:none; transition:transform .3s,border-color .3s,box-shadow .3s; }
a.award:hover,a.award:focus-visible { transform:translateY(-4px); border-color:var(--gold); box-shadow:0 18px 40px -22px rgba(255,210,122,.6); }
a.award:focus-visible { outline:3px solid var(--gold); outline-offset:4px; }

@media (max-width:860px) {
  .rr-timeline { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .rr-timeline li::before { display:none; }
  .rr-diagram { padding:6px; }
}
@media (max-width:520px) {
  .rr-timeline { grid-template-columns:1fr; }
  body.detail-research section:not(.hero) { min-height:0; }
}