.s-research-sources{ scroll-margin-top:calc(var(--nav-h) + var(--sp-7)); }

.s-research-sources__brk{
  grid-template-columns:auto auto minmax(0,1fr);
  margin-bottom:var(--sp-7);
}

.s-research-sources__h{
  max-width:var(--measure-display);
  margin-bottom:var(--sp-10);
}

.s-research-sources__h .reveal--line{
  padding-bottom:.1em;
  margin-bottom:-.1em;
}

.s-research-sources__list{
  --src-grid: var(--sp-8) minmax(0, 2.05fr) minmax(190px, .78fr);

  display:block;
  list-style:none;
  margin:0;
  padding:0;
  
  border-top:var(--hair-2) solid var(--line-strong);
}

.s-research-sources__item{
  display:grid;
  grid-template-columns:var(--src-grid);
  gap:var(--gutter);
  
  align-items:stretch;
  padding:var(--sp-5) 0 var(--sp-6);
  border-bottom:var(--hair) solid var(--line-strong);
  
  scroll-margin-top:calc(var(--nav-h) + var(--sp-8));
}

.s-research-sources__n{
  display:block;
  
  padding-top:.13em;
  font-family:var(--ff-display);
  font-weight:var(--wt-figure);
  font-stretch:var(--wd-figure);
  font-size:var(--fs-figure);
  line-height:var(--lh-figure);
  letter-spacing:var(--ls-figure);
  word-spacing:var(--ws-figure);
  font-variant-numeric:tabular-nums lining-nums;
  color:var(--fg);
  transition:color var(--dur-1) var(--ease-out);
}

.s-research-sources__item:target .s-research-sources__n{ color:var(--signal); }

.s-research-sources__cit{
  max-width:var(--measure-record);
  color:var(--fg);
  
  text-wrap:pretty;
}

.s-research-sources__nb{ white-space:nowrap; }

.s-research-sources__src{
  position:relative;
  display:flex;
  justify-content:flex-end;
  padding-left:var(--gutter);
  
  --src-over-t:calc(var(--sp-5) * -1);
  --src-over-b:calc(var(--sp-6) * -1);
}
.s-research-sources__src::before{
  content:"";
  position:absolute;
  left:0;
  top:var(--src-over-t);
  bottom:var(--src-over-b);
  width:var(--hair);
  background:var(--line);
}

.s-research-sources__link{
  align-self:flex-start;
  text-align:right;
  margin-top:var(--sp-4);
  font-family:var(--ff-mono);
  font-size:var(--fs-small);
  font-weight:var(--wt-mono-lt);
  line-height:var(--lh-mono);
  letter-spacing:.015em;
  text-transform:none;
  color:var(--fg-mut);
  border-bottom:var(--hair) solid var(--line-strong);
  padding-bottom:var(--sp-2);
  transition:
    color        var(--dur-1) var(--ease-out),
    border-color var(--dur-1) var(--ease-out);
}
.s-research-sources__link:hover{
  color:var(--fg);
  border-bottom-color:var(--fg);
}

.s-research-sources__arw{
  display:inline-block;
  margin-left:.5em;
  font-size:.92em;
  line-height:0;
  white-space:nowrap;
}

.s-research-sources__close{
  margin-top:var(--sp-6);
  margin-left:calc(var(--sp-8) + var(--gutter));
  
  max-width:var(--measure-record);
  font-size:var(--fs-small);
  line-height:1.55;
  color:var(--fg-mut);
}

@media (max-width: 1100px){
  .s-research-sources__list{ --src-grid: var(--sp-8) minmax(0, 1fr); }

  .s-research-sources__h{ margin-bottom:var(--sp-9); }

  .s-research-sources__item{
    align-items:start;
    row-gap:var(--sp-4);
  }
  
  .s-research-sources__n{
    grid-column:1;
    grid-row:1 / span 2;
  }
  .s-research-sources__cit{
    grid-column:2;
    grid-row:1;
    max-width:var(--measure-record);
  }

  
  .s-research-sources__src{
    grid-column:2;
    grid-row:2;
    justify-content:flex-start;
    padding-left:0;
  }
  .s-research-sources__src::before{ content:none; }

  .s-research-sources__link{
    text-align:left;
    margin-top:0;
  }
}

@media (max-width: 760px){
  .s-research-sources{ padding-block:var(--sp-9); }

  .s-research-sources__list{ --src-grid: minmax(0,1fr); }

  .s-research-sources__brk{ margin-bottom:var(--sp-6); }
  .s-research-sources__h{ margin-bottom:var(--sp-8); }

  .s-research-sources__item{
    padding:var(--sp-5) 0 var(--sp-6);
    row-gap:var(--sp-3);
  }

  
  .s-research-sources__n,
  .s-research-sources__cit,
  .s-research-sources__src{
    grid-column:1;
    grid-row:auto;
  }

  .s-research-sources__n{ padding-top:0; }

  .s-research-sources__cit{ max-width:none; }

  .s-research-sources__src{ margin-top:var(--sp-1); }

  .s-research-sources__close{
    margin-top:var(--sp-5);
    margin-left:0;
    max-width:none;
  }
}

.s-research-sources__brk{ column-gap:var(--sp-4); }
.s-research-sources__brk .brk__rule{ margin-left:var(--sp-2); }