/* Catalogue additions. Kept separate from research.css so the paper pages and
   this index can be merged independently. Depends on the tokens in research.css. */

.status{display:inline-block;font-size:.66rem;text-transform:uppercase;letter-spacing:.09em;font-weight:700;padding:.22em .55em;border-radius:3px;border:1px solid;white-space:nowrap;vertical-align:.08em}
.status-accepted{color:#0c6154;border-color:#0c6154;background:#e4efe9}
.status-checked{color:#3f5d1f;border-color:#7d9c58;background:#eef3e5}
.status-draft{color:#7a5410;border-color:#b08a3c;background:#f7f0e0}
.status-verification{color:#2c5070;border-color:#6d90ad;background:#e8eff5}
.status-parked{color:#4f635e;border-color:#96a6a1;background:#eef1ef}
.status-retired{color:#4f635e;border-color:#96a6a1;background:#eef1ef}
.status-blocked{color:#7d3b2c;border-color:#b5786a;background:#f6ebe7}
.status-retracted{color:#8c2f24;border-color:#c0705f;background:#f8e9e5}

.legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:.8rem 2rem;margin:1.5rem 0 0;padding:0;list-style:none;font-size:.85rem;color:var(--muted)}
.legend li{margin:0}

.lane{border-top:1px solid var(--line);padding:1.7rem 0}
.lane:first-of-type{border-top:2px solid var(--accent)}
.lane h3{margin:0 0 .5rem;font-size:1.22rem}
.lane h3 a{text-decoration:none}
.lane h3 a:hover{text-decoration:underline}
.lane>p{margin:.6rem 0;max-width:820px}
.lane-meta{font-size:.8rem;color:var(--muted);margin:.7rem 0 0}
.lane-meta span+span::before{content:"·";margin:0 .5em;color:var(--line)}

.section-intro{max-width:820px}
.callout{border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--tint);padding:1.1rem 1.4rem;margin:2rem 0;max-width:900px}
.callout p:first-child{margin-top:0}
.callout p:last-child{margin-bottom:0}
.callout-warn{border-left-color:#b5786a}

@media(max-width:600px){
  .lane{padding:1.3rem 0}
  .legend{gap:.6rem}
}
@media print{
  .status{border:1px solid #999;background:none;color:#111}
  .lane{break-inside:avoid}
  .callout{break-inside:avoid}
}