/* ============================================================
   components.css — reusable content components
   Loaded after style.css. Targets the HTML produced by the
   markdown-to-HTML build script.
   ============================================================ */

/* ----- Blockquote ----- */
blockquote {
  padding: var(--sp-5) var(--sp-6);
  border-left: 3px solid var(--cyan);
  background: var(--cyan-ghost);
  border-radius: 0 var(--r) var(--r) 0;
  margin: var(--sp-6) 0;
  font-style: italic;
  color: var(--text-dim);
}
blockquote p:last-child { margin-bottom: 0; }

/* ----- Horizontal rule ----- */
.section-html hr {
  border: 0;
  height: 1px;
  background: var(--border);
  margin: var(--sp-8) 0;
}

/* ----- Inline links ----- */
.section-html a {
  color: var(--cyan);
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color var(--t-fast);
}
.section-html a:hover {
  color: var(--cyan-hover);
}

/* ----- Strong in tables ----- */
.table-wrap td strong {
  color: var(--white);
}
.table-wrap td a {
  color: var(--cyan);
}