/* The Workbench — light custom styling on top of the cosmo theme */

:root {
  --tw-accent: #1a6ed8;
  --tw-ink: #1a1a1a;
}

/* Body type: a touch larger and more readable for long essays */
body {
  font-size: 1.04rem;
  line-height: 1.65;
  color: var(--tw-ink);
}

/* Headings use the sans stack from the theme but a little tighter */
h1, h2, h3, h4, h5 {
  line-height: 1.25;
  letter-spacing: -0.01em;
}

h2 {
  margin-top: 2.1rem;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid #ececec;
}

/* Block-quotes / lesson callouts */
blockquote {
  border-left: 4px solid #c8c8c8;
  background: #fafafa;
  color: #333;
  padding: 0.3rem 1rem;
}

/* Code */
pre {
  font-size: 0.82rem;
  line-height: 1.45;
  border-radius: 6px;
}

/* Tables: compact, sans, zebra */
table {
  font-size: 0.9rem;
}
.table > :not(caption) > * > * {
  padding: 0.45rem 0.6rem;
}

/* Figures */
figure img, p img {
  border-radius: 4px;
}
figcaption, .figure-caption {
  font-size: 0.85rem;
  color: #666;
}

/* Mermaid diagrams centered with breathing room */
.cell-output-display svg, pre.mermaid svg {
  display: block;
  margin: 1.2rem auto;
}

/* Listing cards */
.quarto-listing .listing-title {
  font-weight: 600;
}

/* AI-collaboration disclosure at the foot of each post */
.ai-note-rule {
  margin-top: 2.5rem;
  border: none;
  border-top: 1px solid #e3e3e3;
}
.ai-note {
  font-size: 0.85rem;
  color: #777;
}