/* Conference notebook covers. All research copy and navigation remain intact. */
.research { padding-block:40px 12px; }
.research-eyebrow { margin:0 0 16px;color:var(--accent);font-size:11px;font-weight:700;line-height:1.7;letter-spacing:.12em; }
.research-hero {
  position:relative;
  display:grid;
  grid-template-columns:1.2fr 1fr;
  align-items:center;
  gap:60px;
  padding:48px;
  border:1px solid #e4dcf7;
  border-radius:24px;
  background:radial-gradient(ellipse at 93% 5%,#dcf5f8 0,transparent 50%),linear-gradient(125deg,#f2edff,#f7f6ff 55%,#f2fbfd);
}
.research-hero-copy { position:relative;z-index:1;min-width:0; }
.research-hero-copy>.research-eyebrow { display:flex;align-items:center;gap:9px; }
.research-hero-copy>.research-eyebrow>span { width:6px;height:6px;flex:none;border-radius:50%;background:var(--violet);box-shadow:0 0 0 4px #7c4dff0c; }
.research-hero h1 { margin:0 0 22px;font-family:var(--font-sans);font-size:clamp(48px,5vw,64px);font-weight:750;line-height:1.08;letter-spacing:-.055em; }
.research-hero h1>span { display:block;margin-top:18px;color:#3b3656;font-size:clamp(22px,2.4vw,28px);font-weight:550;line-height:1.5;letter-spacing:-.035em; }
.research-intro { max-width:500px;margin:0 0 26px;color:var(--muted);font-size:15px;line-height:1.95; }
.research-hero-map { position:relative;padding:28px;border:1px solid #ffffff;border-radius:20px;background:#ffffffa6;box-shadow:0 16px 45px #3d25600a; }
.research-map-label { display:block;margin-bottom:21px;color:#77748b;font-size:10px;font-weight:650;letter-spacing:.13em; }
.research-map-row { display:flex;align-items:center;gap:13px;padding:18px 16px;border:1px solid #e7def7;border-radius:12px;background:#fff;color:var(--accent); }
.research-map-row>svg { width:30px;height:30px;flex:none; }
.research-map-row>span:nth-child(2) { color:#9b8cc3;font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace; }
.research-map-row>div { flex:1;min-width:0; }
.research-map-row strong,.research-map-row small { display:block; }
.research-map-row strong { color:var(--ink);font-size:21px;font-weight:650;line-height:1.35;letter-spacing:-.03em; }
.research-map-row small { margin-top:4px;color:var(--muted);font-size:11px; }
.research-map-row>span:last-child { color:var(--accent);font-size:10px;font-weight:650;line-height:1.9;letter-spacing:.02em;text-align:right; }
.research-map-row:nth-of-type(3) { color:#008caa;border-color:#d8eef1; }
.research-map-connector { width:1px;height:18px;margin-left:30px;background:linear-gradient(var(--accent),var(--cyan)); }
.research-map-foot { margin:18px 0 0;color:#7c7a8c;font-size:12px; }
.research-section-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-top:54px;margin-bottom:26px; }
.research-section-heading .research-eyebrow { margin-bottom:7px;color:#8a7daa;font-size:10px; }
.research-section-heading h2 { margin:0;font-size:29px;font-weight:700;letter-spacing:-.04em; }
.research-section-heading>p { margin:0;color:var(--muted);font-size:13px;line-height:1.8; }
.research-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px; }
.research-card { display:flex;flex-direction:column;min-width:0;padding:28px;border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:0 5px 22px #34315b04;transition:transform .2s,border-color .2s,box-shadow .2s; }
.research-card:hover { border-color:#c3b1ed;box-shadow:0 12px 32px #6145a00d;text-decoration:none;transform:translateY(-3px); }
.research-card-visual { display:flex;align-items:center;justify-content:center;min-height:132px;margin:-28px -28px 24px;border-bottom:1px solid #ece5f8;border-radius:19px 19px 0 0;background:linear-gradient(125deg,#f2edff,#f6f6fd);color:#8459da; }
.research-card-visual svg { width:min(100%,360px);height:132px; }
.research-visual-isca { background:linear-gradient(120deg,#eef6ff,#f2f5ff);color:#687cce; }
.research-visual-micro { background:linear-gradient(120deg,#eaf9fa,#f0f7ff);color:#2197b0; }
.research-visual-asplos { background:linear-gradient(120deg,#f6efff,#f4f2ff);color:#9067d1; }
.research-visual-hpca { background:linear-gradient(120deg,#edf3ff,#f0f9fc);color:#597bc8; }
.research-card-top { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px; }
.research-card-badge { color:var(--accent);font:650 12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em; }
.research-card-arrow { display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:20px;line-height:1;transition:transform .2s,background .2s,color .2s; }
.research-card:hover .research-card-arrow { transform:translate(1px,-1px);background:var(--accent);color:white; }
.research-card-kicker { margin:0 0 9px;color:#8a839e;font-size:10px;font-weight:600;line-height:1.7;letter-spacing:.1em; }
.research-card h3 { margin:0 0 17px;font-size:26px;font-weight:650;line-height:1.4;letter-spacing:-.03em; }
.research-card h3>span { display:block;margin-top:7px;color:var(--muted);font-size:16px;font-weight:400;letter-spacing:0; }
.research-card-description { margin:0 0 23px;color:var(--muted);font-size:14px;line-height:1.95; }
.research-card-tags { display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;margin-bottom:24px; }
.research-card-tags>span { padding:4px 8px;border-radius:5px;background:#f7f5fc;color:#74628e;font-size:11px;line-height:1.7; }
.research-card-bottom { display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:19px;border-top:1px solid var(--border);color:#777386;font-size:11px;line-height:1.8; }
.research-card-bottom>strong { display:flex;align-items:center;flex:none;gap:12px;color:var(--accent);font-size:12px;font-weight:600; }
.research-reading-note { display:flex;align-items:flex-start;gap:12px;margin-top:25px;padding:20px 22px;border:1px solid #e7e3f0;border-radius:12px;background:#f0eef8;color:var(--muted);font-size:12px;line-height:1.9; }
.research-reading-note>span { color:var(--accent); }
.research-reading-note>p { margin:0; }
.research-card:focus-visible { outline:3px solid var(--accent);outline-offset:4px; }
@media(min-width:901px) {
  .research-card:first-child { display:grid;grid-column:1/-1;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);column-gap:44px;padding:32px;background:linear-gradient(110deg,#fff 40%,#fcfaff); }
  .research-card:first-child>:not(.research-card-visual) { grid-column:1; }
  .research-card:first-child .research-card-visual { grid-column:2;grid-row:1/span 6;align-self:stretch;margin:0;border:1px solid #e8def8;border-radius:16px;background:radial-gradient(ellipse at 80% 20%,#dff9fc,transparent 55%),linear-gradient(130deg,#f0e9ff,#f8f6ff); }
  .research-card:first-child .research-card-visual svg { width:100%;height:auto; }
  .research-card:first-child .research-card-description { max-width:560px; }
  .research-card:first-child .research-card-top { margin-bottom:13px; }
  .research-card:first-child h3 { font-size:30px; }
}
@media(max-width:1000px) {
  .research-hero { gap:30px;padding:36px; }
  .research-hero-map { padding:23px; }
  .research-map-row { gap:10px;padding:16px 12px; }
  .research-map-row>svg { width:25px;height:25px; }
  .research-map-row strong { font-size:19px; }
  .research-map-row small { font-size:10px; }
  .research-map-row>span:last-child { font-size:9px; }
  .research-card-bottom { align-items:flex-start;flex-direction:column;gap:11px; }
}
@media(max-width:760px) {
  .research { padding-top:25px; }
  .research-hero { grid-template-columns:1fr;gap:30px;padding:32px;border-radius:20px; }
  .research-hero h1 { font-size:54px; }
  .research-intro { font-size:14px; }
  .research-hero-map { max-width:none;padding:24px; }
  .research-map-row { gap:14px;padding:16px; }
  .research-map-row strong { font-size:21px; }
  .research-map-row small { font-size:11px; }
  .research-map-row>span:last-child { font-size:10px; }
  .research-section-heading { padding-top:38px;align-items:flex-start;flex-direction:column;gap:12px; }
  .research-grid { grid-template-columns:1fr;gap:22px; }
  .research-card { padding:26px; }
  .research-card-visual { margin:-26px -26px 23px; }
  .research-card-bottom { flex-direction:row;align-items:center; }
}
@media(max-width:430px) {
  .research-hero { padding:27px 23px; }
  .research-hero h1 { font-size:46px; }
  .research-hero h1>span { font-size:23px; }
  .research-eyebrow { font-size:9px; }
  .research-hero-map { padding:19px 15px; }
  .research-map-row { flex-wrap:wrap;gap:9px;padding:14px 12px; }
  .research-map-row>svg { width:23px;height:23px; }
  .research-map-row strong { font-size:19px; }
  .research-map-row small { font-size:10px; }
  .research-map-row>span:last-child { flex-basis:100%;margin-left:55px;text-align:left;font-size:10px; }
  .research-card { padding:23px; }
  .research-card-visual { margin:-23px -23px 21px;min-height:120px; }
  .research-card-visual svg { height:120px; }
  .research-card h3 { font-size:24px; }
  .research-card-bottom { flex-direction:column;align-items:flex-start;gap:10px; }
}
@media(prefers-reduced-motion:reduce) {
  .research-card,.research-card-arrow { transition:none; }
}