/* Research reading layout. Type, color and spacing inherit the site design tokens. */
.research-intro { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-9); padding-block:var(--section-space); align-items:start; }
.research-intro .page-deck { font-size:var(--type-body); }
.research-intro .page-deck .translation { font-size:var(--type-small); }
.academic-summary { padding:var(--space-6); border:1px solid var(--line); background:var(--surface); }
.academic-headline { display:flex; flex-wrap:wrap; align-items:baseline; gap:.5rem 1.5rem; }
.academic-headline strong { font-size:var(--type-heading-2); font-weight:var(--weight-semibold); line-height:1.55; }
.academic-headline strong span { font-size:var(--type-small); font-weight:var(--weight-semibold); }
.academic-headline .academic-h { margin-left:1rem; white-space:nowrap; }
.academic-h b { font-size:var(--type-heading-2); }
.academic-counts { margin:var(--space-4) 0 .5rem; font-size:var(--type-small); }
.academic-summary > .translation { margin:0; color:var(--muted); font-size:var(--type-caption); }
.academic-date { margin:var(--space-4) 0 .5rem; color:var(--muted); font-size:var(--type-caption); }
.academic-date span { display:block; }
.academic-summary .text-link { font-size:var(--type-small); min-height:44px; }
.research-library { padding-bottom:var(--section-space); }
.research-filters { display:flex; gap:var(--space-6); border-bottom:1px solid var(--line); overflow-x:auto; }
.research-filters[hidden],.paper-row[hidden] { display:none; }
.research-filters button { flex:0 0 auto; padding:.65rem 0; min-height:44px; border:0; border-bottom:2px solid transparent; background:transparent; color:var(--muted); cursor:pointer; font-size:var(--type-body); }
.research-filters button[aria-pressed=true] { color:var(--accent); border-bottom-color:var(--accent); font-weight:var(--weight-semibold); }
.research-filters button:hover { color:var(--ink); }
.research-filters button:focus-visible { outline:2px solid var(--accent); outline-offset:-4px; }
.paper-count { margin:var(--space-4) 0 .5rem; color:var(--muted); font-size:var(--type-caption); }
.research-filter-intro { margin:var(--space-5) 0; }
.research-filter-intro[hidden] { display:none; }
.research-filter-intro h2 { margin:0 0 .5rem; font-size:var(--type-heading-3); font-weight:var(--weight-medium); }
.research-filter-intro p { margin:0; font-size:var(--type-small); color:var(--muted); }
.research-filter-intro .translation { margin-top:.25rem; font-size:var(--type-caption); }
.research-transfer { display:flex; align-items:center; justify-content:space-between; gap:var(--space-4); padding:var(--space-4); margin-top:var(--space-4); background:var(--accent-soft); color:var(--accent); font-size:var(--type-small); }
.research-transfer .translation { display:inline; margin-left:.65em; font-size:var(--type-caption); color:inherit; }
.research-transfer:hover { text-decoration:underline; text-underline-offset:.25em; }
.paper-list { border-top:1px solid var(--line); }
.paper-row { border-bottom:1px solid var(--line); }
.paper-row summary { display:grid; grid-template-columns:minmax(0,1fr) auto 16px; gap:.75rem; align-items:center; min-height:44px; padding:.5rem 0; cursor:pointer; list-style:none; }
.paper-row summary::-webkit-details-marker { display:none; }
.paper-row h3 { margin:0; font-size:var(--type-small); font-weight:var(--weight-medium); line-height:1.5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.paper-row[open] h3 { white-space:normal; overflow-wrap:anywhere; }
.paper-row summary > .ui-icon { width:1rem; height:1rem; }
.paper-byline { display:flex; align-items:baseline; gap:.6rem; color:var(--muted); font-size:var(--type-caption); white-space:nowrap; }
.paper-row summary:hover h3,.paper-row[open] h3 { color:var(--accent); }
.paper-row[open] > summary > .ui-icon { transform:rotate(180deg); }
.paper-detail { max-width:var(--reading-max); padding:0 0 var(--space-6); }
.paper-detail p { margin:0 0 var(--space-4); font-size:var(--type-body); }
.paper-detail .translation { font-size:var(--type-small); color:var(--muted); margin-top:.35rem; }
.paper-detail .paper-source { font-size:var(--type-small); color:var(--muted); overflow-wrap:anywhere; }
.paper-detail .text-link { min-height:44px; }
@media(max-width:64rem) { .research-intro { gap:var(--space-6); } }
@media(max-width:48rem) {
  .research-intro { grid-template-columns:1fr; padding-block:var(--space-8); }
  .academic-summary { padding:var(--space-5); }
  .research-filters { gap:1rem; }
  .research-filters button { font-size:var(--type-small); }
  .research-filters .ui-pair { flex-direction:column; gap:0; align-items:flex-start; }
  .research-filters .ui-pair [lang=en] { font-size:.75rem; }
  .research-transfer .translation { display:block; margin:.2rem 0 0; }
  .paper-row summary { grid-template-columns:minmax(0,1fr) 16px; gap:.2rem .5rem; padding:.6rem 0; }
  .paper-row summary h3 { grid-column:1; white-space:normal; }
  .paper-row summary > .ui-icon { grid-column:2; grid-row:1 / 3; }
  .paper-byline { grid-column:1; flex-wrap:wrap; gap:.15rem .75rem; font-size:.75rem; }
}