/* ── Poetry page (task #11279) — typography for Lydia's poems.
   Page-scoped: opt in via frontmatter extra_css: ["/css/poetry.css"].
   Poem text is the author's creative work — rendered verbatim by the
   poetryLibrary macro (d.poems). This file only styles it. ── */

.poetry .poem-list {
  display: grid;
  gap: var(--space-l);
  max-width: 46rem;
  margin: var(--space-l) auto 0;
}

.poetry .poem {
  background: var(--surface);
  border: 1px solid var(--surface-high);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 1rem + 3vw, 2.75rem);
}

/* Full-width poem list (#1001803): home's featured poem spans the section width
   (Lydia: "make this container full width"); the text column stays readable. */
.poetry--wide .poem-list { max-width: none; }

/* Featured poem — "Lydia the Counsellor" — gets a soft tinted, centred treatment. */
.poetry .poem--featured {
  background: var(--surface-low);
  border-color: var(--primary-dim);
  text-align: center;
}
.poetry .poem--featured .poem-body { margin-inline: auto; }

.poetry .poem .eyebrow { color: var(--primary); }

.poetry .poem-title {
  font-family: var(--font-head);
  color: var(--text-heading);
  font-size: clamp(1.5rem, 1.2rem + 1.6vw, 2.1rem);
  line-height: 1.15;
  margin: .25rem 0 1rem;
}

.poetry .poem-note {
  color: var(--on-surface-variant);
  font-style: italic;
  margin-bottom: 1.25rem;
}

/* Each stanza is a paragraph; lines are <br>-separated. Generous, calm leading. */
.poetry .poem-body {
  color: var(--on-surface);
  font-size: 1.075rem;
  line-height: 1.85;
  max-width: 38rem;
}
.poetry .poem--featured .poem-body { font-size: 1.15rem; }

.poetry .poem-stanza { margin: 0 0 1.4rem; }
.poetry .poem-stanza:last-child { margin-bottom: 0; }

.poetry .poem-attr {
  margin-top: 1.6rem;
  color: var(--on-surface-variant);
  font-size: .9rem;
  letter-spacing: .02em;
}

.poetry .poetry-more {
  text-align: center;
  margin-top: var(--space-l);
}

/* Clear authorship credit on the songs section: lyrics = Lydia, music = AI. */
.poetry .poetry-credit {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  margin: var(--space-s) 0 0;
  padding: .5rem .9rem;
  font-size: var(--step--1);
  line-height: 1.4;
  color: var(--on-surface);
  background: var(--surface-low);
  border: 1px solid var(--outline-variant);
  border-radius: var(--radius-lg, 14px);
}
.poetry .poetry-credit .material-symbols-outlined {
  font-size: 1.2em;
  color: var(--primary);
  flex: none;
}

/* The disclaimer note above the collection. */
.poetry .poetry-disclaimer {
  max-width: 42rem;
  margin: 1rem auto 0;
  font-style: italic;
  color: var(--on-surface-variant);
}