/* SOURCES — the list itself is already styled in sections.css (.srcs .src
   .src__n .src__body .src__head .src__note .src__url .src__tag .src__meta).
   Only the genuinely new pieces live here: the confidence legend that heads
   the list, the separator between meta fields, the external-link mark, and
   the "no URL" line that stands in for a link this page will not invent. */

/* ------------------------------------------------------------- legend */
.srcleg{
  display:grid;gap:.75rem;padding:1.15rem 0 1.25rem;border-bottom:1px solid var(--line);
}
.srcleg__lab{color:var(--text-4)}
.srcs .srcleg__grid{
  display:grid;gap:.7rem 1.8rem;grid-template-columns:1fr;
}
/* .key sets `display:inline-flex` on its spans, so these need to outrank it */
.srcleg .srcleg__i{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.6rem;align-items:start}
.srcleg .srcleg__i .src__tag{margin-top:.12rem;min-width:5.6rem;justify-content:center}
.srcleg .srcleg__d{font-family:var(--sans);font-size:.8rem;letter-spacing:0;
  text-transform:none;line-height:1.5;color:var(--text-3)}

@media (min-width:720px){
  .srcs .srcleg__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ------------------------------------------------------- entry details */
.src__mi::before{content:"\00b7";margin-right:.55rem;color:var(--text-4);opacity:.7}
.src__outlet{letter-spacing:.09em}

.src__head a{display:inline}
.src__ext{
  display:inline-block;width:.66em;height:.66em;margin-left:.4em;vertical-align:baseline;
  fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;
  opacity:.55;
}
.src__head a:hover .src__ext{opacity:1}

.src__url--none{color:var(--text-4);font-style:italic;opacity:.85}

/* the number column is 2.6rem at every width; keep the body from pushing it */
@media (max-width:460px){
  .srcleg{padding-top:1rem}
  .srcleg__d{font-size:.76rem}
  .src__meta{gap:.3rem .55rem}
  /* the meta row wraps onto its own lines here, so the separator would
     land at the start of a line */
  .src__mi::before{content:none}
}