/*
  Research system
  ===============
  Direction-level information architecture for the SRIS website.
  Only three research directions are represented. This file intentionally
  separates research/publication presentation from the general site styles.
*/
:root{
  --diagnosis:#0c6f78;
  --diagnosis-soft:#e7f3f3;
  --neurosymbolic:#5e4f91;
  --neurosymbolic-soft:#efedf7;
  --control:#a24d35;
  --control-soft:#f7ece8;
}

/* Shared direction markers */
.direction-tag{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:3px 8px;
  border-left:3px solid currentColor;
  background:#f2f5f6;
  color:var(--navy);
  font-size:11px;
  font-weight:760;
  line-height:1.3;
}
.direction-tag--diagnosis{color:var(--diagnosis);background:var(--diagnosis-soft)}
.direction-tag--neurosymbolic{color:var(--neurosymbolic);background:var(--neurosymbolic-soft)}
.direction-tag--control{color:var(--control);background:var(--control-soft)}

/* Research overview */
.research-overview-hero{background:#fff;border-bottom:1px solid var(--rule)}
.research-index{border-top-color:var(--teal)}
.research-index span{display:block;margin-top:7px}
.direction-overview-list{border-top:4px solid var(--navy)}
.direction-overview{
  --direction-accent:var(--teal);
  display:grid;
  grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);
  gap:clamp(32px,5vw,72px);
  padding:48px 0;
  border-bottom:1px solid var(--rule);
  align-items:center;
}
.direction-overview--diagnosis{--direction-accent:var(--diagnosis)}
.direction-overview--neurosymbolic{--direction-accent:var(--neurosymbolic)}
.direction-overview--control{--direction-accent:var(--control)}
.direction-overview__figure{position:relative;display:block;background:#fff;border-top:4px solid var(--direction-accent);overflow:hidden}
.direction-overview__figure img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#fff}
.direction-overview__figure>span{position:absolute;left:0;bottom:0;padding:8px 13px;background:var(--direction-accent);color:#fff;font-family:var(--serif);font-size:17px;font-weight:700}
.direction-overview__content{min-width:0}
.direction-overview__meta{display:flex;gap:14px;align-items:center;margin-bottom:10px;color:var(--muted);font-size:11px;font-weight:760;text-transform:uppercase;letter-spacing:.08em}
.direction-overview__meta span:first-child{color:var(--direction-accent)}
.direction-overview h3{margin:0;color:var(--navy);font-family:var(--serif);font-size:clamp(25px,3vw,34px);line-height:1.2}
.direction-overview__lead{margin:13px 0 18px;color:var(--text);font-size:15px;line-height:1.7}
.direction-question-preview{margin:0 0 20px;padding:0;list-style:none;border-top:1px solid var(--rule)}
.direction-question-preview li{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--rule);color:var(--text);font-size:13px;line-height:1.45}
.direction-question-preview li span{color:var(--direction-accent);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:800}
.research-integration{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:80px;align-items:center}
.research-integration>div>p{margin:18px 0 0;color:var(--text);max-width:680px}
.integration-chain{margin:0;border-top:3px solid var(--navy)}
.integration-chain>div{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:17px 0;border-bottom:1px solid var(--rule)}
.integration-chain dt{color:var(--teal);font-family:var(--serif);font-size:18px;font-weight:700}
.integration-chain dd{margin:0}.integration-chain strong{display:block;color:var(--navy);font-size:14px}.integration-chain span{display:block;margin-top:3px;color:var(--muted);font-size:13px}
.funding-table{border-top:3px solid var(--navy)}
.funding-table__head,.funding-table__row{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.72fr) 150px;gap:28px;align-items:center}
.funding-table__head{padding:10px 0;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--rule-dark)}
.funding-table__row{padding:18px 0;border-bottom:1px solid var(--rule)}
.funding-table__row h3{margin:0;color:var(--navy);font-family:var(--serif);font-size:17px;line-height:1.45;font-weight:650}
.funding-table__row p{margin:0;color:var(--text);font-size:13px;line-height:1.45}
.funding-table__row time{color:var(--ink);font-size:13px;font-weight:720;white-space:nowrap}

/* Direction page */
.direction-hero{--direction-accent:var(--teal);padding:58px 0 46px;border-bottom:1px solid var(--rule);background:linear-gradient(180deg,#fff 0,#fff 84%,var(--paper) 84%)}
.direction-hero--diagnosis{--direction-accent:var(--diagnosis)}
.direction-hero--neurosymbolic{--direction-accent:var(--neurosymbolic)}
.direction-hero--control{--direction-accent:var(--control)}
.direction-hero__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(470px,1.1fr);gap:clamp(42px,6vw,86px);align-items:center}
.direction-hero__copy{position:relative;padding-top:24px}
.direction-code{position:absolute;right:0;top:-12px;color:color-mix(in srgb,var(--direction-accent) 18%,white);font-family:var(--serif);font-size:clamp(76px,10vw,132px);font-weight:800;line-height:1;z-index:0}
.direction-hero__copy>*:not(.direction-code){position:relative;z-index:1}
.direction-hero .eyebrow{color:var(--direction-accent)}
.direction-hero__figure{margin:0;background:#fff;border-top:5px solid var(--direction-accent);box-shadow:0 18px 45px rgba(15,48,67,.09)}
.direction-hero__figure img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#fff}
.direction-hero__figure figcaption{padding:12px 16px 14px;border-top:1px solid var(--rule);color:var(--muted);font-size:11px;line-height:1.5}
.direction-keywords{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}
.direction-keywords span{padding:4px 8px;border-bottom:2px solid var(--direction-accent);background:#fff;color:var(--text);font-size:11px;font-weight:720}
.direction-overview-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:80px;align-items:start}
.direction-overview-copy{border-top:3px solid var(--navy)}
.direction-overview-copy p{margin:0;padding:16px 0;border-bottom:1px solid var(--rule);color:var(--text);font-size:16px;line-height:1.75}
.direction-question-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:4px solid var(--navy)}
.direction-question{position:relative;padding:28px 28px 30px 0;border-right:1px solid var(--rule);margin-right:28px}
.direction-question:last-child{border-right:0;margin-right:0}
.direction-question__number{color:var(--teal);font-family:var(--serif);font-size:28px;font-weight:750}
.direction-question h3{margin:12px 0 12px;color:var(--navy);font-family:var(--serif);font-size:20px;line-height:1.38}
.direction-question p{margin:0;color:var(--text);font-size:14px;line-height:1.7}
.direction-workflow{display:grid;grid-template-columns:repeat(4,1fr);border-top:4px solid var(--navy);border-bottom:1px solid var(--rule)}
.direction-workflow article{position:relative;padding:25px 24px 26px 0;border-right:1px solid var(--rule);margin-right:24px}
.direction-workflow article:last-child{border-right:0;margin-right:0}
.direction-workflow span{display:block;color:var(--teal);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:800;letter-spacing:.08em}
.direction-workflow h3{margin:10px 0 8px;color:var(--navy);font-family:var(--serif);font-size:18px;line-height:1.35}
.direction-workflow p{margin:0;color:var(--muted);font-size:13px;line-height:1.58}
.direction-publications-heading{align-items:start}
.direction-publication-intro{margin:17px 0 0;max-width:720px;color:var(--text);font-size:14px;line-height:1.7}
.direction-publication-count{align-self:start;justify-self:end;display:flex;align-items:baseline;gap:10px;padding-top:8px;border-top:4px solid var(--navy)}
.direction-publication-count strong{color:var(--navy);font-family:var(--serif);font-size:38px;line-height:1}
.direction-publication-count span{color:var(--muted);font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.07em}
.direction-publication-list{border-top:1px solid var(--rule-dark)}
.direction-paper{display:grid;grid-template-columns:260px minmax(0,1fr);gap:30px;padding:28px 0;border-bottom:1px solid var(--rule);align-items:start}
.direction-paper--collapsed{display:none}
.direction-publication-list.is-expanded .direction-paper--collapsed{display:grid}
.direction-paper__graphic{position:relative;margin:0;background:#fff;border-top:3px solid var(--navy);overflow:hidden}
.direction-paper__graphic img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#fff}
.direction-paper__graphic figcaption{padding:7px 8px;background:#edf2f4;color:var(--muted);font-size:9px;font-weight:760;text-transform:uppercase;letter-spacing:.06em}
.direction-paper__content{min-width:0}
.direction-paper__topline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:11px;font-weight:760;text-transform:uppercase;letter-spacing:.05em}
.publication-kind{color:var(--teal)}
.direction-tags{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}
.direction-paper h3{margin:10px 0 12px;color:var(--navy);font-family:var(--serif);font-size:21px;line-height:1.34}
.paper-bibliography{margin:0;border-top:1px solid var(--rule)}
.paper-bibliography>div{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:7px 0;border-bottom:1px solid var(--rule)}
.paper-bibliography dt{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.paper-bibliography dd{margin:0;color:var(--text);font-size:12px;line-height:1.5}
.direction-paper__summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.6}
.direction-paper.open .direction-paper__summary{-webkit-line-clamp:unset;display:block}
.direction-paper__actions{display:flex;gap:16px;margin-top:12px}
.direction-paper__actions button,.direction-paper__actions a{padding:0;border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--blue);font-size:11px;font-weight:760;cursor:pointer}
.direction-load-more{display:block;margin:28px auto 0;padding:10px 18px;border:1px solid var(--navy);background:#fff;color:var(--navy);font-size:12px;font-weight:760;cursor:pointer}
.direction-load-more:hover{background:var(--navy);color:#fff}
.direction-footer-links{display:flex;justify-content:space-between;gap:24px;margin-top:35px;padding-top:20px;border-top:1px solid var(--rule)}

/* Publications: direction tags + filters */
.publication-controls--directions{grid-template-columns:minmax(260px,1.2fr) minmax(190px,.75fr) 150px minmax(240px,1fr) auto;align-items:end}
.publication-controls select{width:100%;min-height:41px;border:1px solid var(--rule-dark);background:#fff;padding:7px 31px 7px 10px;color:var(--ink)}
.direction-classification-note{margin:0 0 20px;padding:12px 15px;border-left:4px solid var(--teal);background:var(--paper);color:var(--muted);font-size:12px;line-height:1.6}
.publication--tagged{grid-template-columns:64px minmax(0,1fr) 90px}
.publication-direction-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}
.publication--tagged h2{margin-top:0}
.publication-bibliography{margin:10px 0 0;border-top:1px solid var(--rule)}
.publication-bibliography>div{display:grid;grid-template-columns:76px 1fr;gap:12px;padding:6px 0;border-bottom:1px solid var(--rule)}
.publication-bibliography dt{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.publication-bibliography dd{margin:0;color:var(--text);font-size:12px;line-height:1.48}

@media(max-width:1100px){
  .direction-overview{grid-template-columns:340px 1fr;gap:42px}
  .direction-hero__grid{grid-template-columns:minmax(0,.85fr) minmax(430px,1.15fr);gap:45px}
  .publication-controls--directions{grid-template-columns:1fr 190px 140px 1fr}.publication-count{grid-column:4}
}
@media(max-width:900px){
  .direction-overview,.research-integration,.direction-hero__grid,.direction-overview-grid{grid-template-columns:1fr}
  .direction-overview__figure{max-width:700px}.direction-overview{gap:28px}
  .research-integration{gap:36px}.direction-hero{background:#fff}.direction-hero__figure{max-width:760px}
  .direction-question-grid{grid-template-columns:1fr}.direction-question{border-right:0;margin-right:0;border-bottom:1px solid var(--rule);padding-right:0}
  .direction-workflow{grid-template-columns:repeat(2,1fr)}.direction-workflow article:nth-child(2){border-right:0;margin-right:0}.direction-workflow article:nth-child(-n+2){border-bottom:1px solid var(--rule)}
  .direction-paper{grid-template-columns:220px 1fr;gap:24px}
  .publication-controls--directions{grid-template-columns:1fr 1fr}.publication-filter-block:first-child{grid-column:1/3}.search-field{grid-column:1/3}.publication-count{grid-column:1/3}
}
@media(max-width:680px){
  .direction-overview{padding:34px 0}.direction-overview h3{font-size:25px}
  .funding-table__head{display:none}.funding-table__row{grid-template-columns:1fr;gap:6px;padding:17px 0}.funding-table__row p,.funding-table__row time{font-size:12px}
  .direction-code{display:none}.direction-hero{padding:38px 0 30px}.direction-hero__copy{padding-top:0}.direction-keywords{margin-top:18px}
  .direction-workflow{grid-template-columns:1fr}.direction-workflow article{border-right:0;margin-right:0;border-bottom:1px solid var(--rule);padding-right:0}.direction-workflow article:nth-child(-n+2){border-bottom:1px solid var(--rule)}
  .direction-publication-count{justify-self:start}.direction-paper,.direction-publication-list.is-expanded .direction-paper--collapsed{grid-template-columns:1fr}.direction-paper__graphic{max-width:520px}.direction-tags{margin-left:0;width:100%}.direction-paper h3{font-size:19px}.paper-bibliography>div{grid-template-columns:1fr;gap:2px}
  .direction-footer-links{flex-direction:column;align-items:flex-start}
  .publication-controls--directions{grid-template-columns:1fr}.publication-filter-block:first-child,.search-field,.publication-count{grid-column:1}.publication--tagged{grid-template-columns:50px 1fr}.publication--tagged .publication-type{grid-column:2;text-align:left}.publication-bibliography>div{grid-template-columns:1fr;gap:2px}
}