/* The showcase (and /live beside it): an index shelved by axis and one page
   per project, each rendered from its README. base.css styles the prose, the
   code blocks and the tables — this file is only what these pages add. */

/* The index: project names to run down, a blurb line under each. */
.sc-entry { margin: 0 0 1.05rem; line-height: 1.5; }
.sc-entry > a { font-size: 1.05rem; font-weight: 600; }
.sc-entry > a:hover { text-decoration: underline; }
.sc-blurb { color: var(--muted); font-size: .94rem; }

/* Projects that also run in the playground. */
.badge-play {
  display: inline-block;
  font-size: .68rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--accent);
  border: 1px solid var(--accent);
  border-radius: 999px;
  padding: .05em .55em;
  margin-left: .4em;
  vertical-align: 1px;
}

/* The action row under a project's title. */
.sc-actions { display: flex; flex-wrap: wrap; gap: .6rem; margin: .4rem 0 1.6rem; }
.sc-btn {
  display: inline-block;
  font-size: .9rem;
  font-weight: 600;
  padding: .45em 1em;
  border-radius: 8px;
  background: var(--accent);
  color: #fff;
  border: 1px solid var(--accent);
}
.sc-btn:hover { text-decoration: none; filter: brightness(1.08); }
.sc-btn.ghost {
  background: transparent;
  color: var(--accent);
}