/* ==========================================================================
   Sphragis

   Rules for the reference pages. The landing page's styles are in landing.css,
   ported from the sister sites.
   ========================================================================== */

/* The one-line question under the title on the home page. */
.hero-subtitle {
  font-size: 1.15rem;
  line-height: 1.5;
  font-weight: 400;
  color: var(--md-default-fg-color--light);
  margin-top: -0.4rem;
}

/* Window counts, contrast intervals and leakage rates are all columns of
   figures, and a proportional font makes two of them hard to compare. */
.md-typeset table:not([class]) td:not(:first-child) {
  font-family: var(--md-code-font-family);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* The artifact index is two columns of filenames and nothing else; its rows
   should read as a list rather than as a table of measurements. */
.md-typeset table:not([class]) th:empty {
  padding: 0;
}

/* The research log's index: each entry a card, in the seal's colours. */
.md-post--excerpt {
  padding: 1rem 1.25rem 0.9rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-left: 3px solid #b3261e;
  border-radius: 10px;
  background: var(--md-default-bg-color);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.md-post--excerpt:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(42, 14, 11, 0.12);
}

[data-md-color-scheme="slate"] .md-post--excerpt {
  background: #0f1118;
  border-color: rgba(244, 168, 150, 0.14);
  border-left-color: #e0533f;
}

[data-md-color-scheme="slate"] .md-post--excerpt:hover {
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.45);
}

.md-post--excerpt .md-post__content > h2 {
  margin-top: 0.4rem;
  font-size: 1.15rem;
}

.md-post--excerpt .md-post__action {
  margin-bottom: 0;
}