/*
 * chapter-7plus7.css — 7+7
 *
 * Palette lifted from Dr Q's cover: a pink ground (#f1aab2 as
 * sampled), spring-green display (#6dfe46), and the red of the
 * struck-through 1+1=2 doodle (#e73e43). Per DESIGN.md §4 each
 * chapter inhabits its own visual world; this is the first with a
 * light ground, the panda and diamonds chapters both being dark.
 *
 * The cover's own green and red are unreadable as text at body
 * size on pink, so both are darkened here for type while the
 * undarkened values stay on the cover image itself. Measured
 * against the ground rather than eyeballed: body ink 10.1:1
 * (AAA), ink-soft 5.1:1, ink-faint 4.5:1, and both accents 4.5:1
 * — all at or above AA, with body text above AAA. The first pass
 * at the accents and at ink-faint sat near 3.1:1, which is large-
 * text-only and would have failed on the rulebook heading and the
 * footer, so they were solved for rather than guessed.
 */

[data-chapter="7plus7"] {
  --bg: #f3b4bc;             /* cover pink, eased slightly for reading */
  --ink: #2a1216;            /* near-black, plum cast */
  --ink-soft: #6b3d44;       /* body emphasis */
  --ink-faint: #6d474d;      /* meta / footer */
  --rule: #e49aa4;           /* hairline divider */
  --accent: #175d0d;         /* cover green, darkened for type */
  --accent-warm: #9b2428;    /* doodle red, darkened for type */
}

/* On a light ground the cover wants a softer shadow than the dark
   chapters carry, or it reads as a sticker rather than a book. */
[data-chapter="7plus7"] .cover-hero img {
  box-shadow: 0 1rem 2.5rem rgba(90,30,40,0.28);
}

[data-chapter="7plus7"] .poem-index a:hover {
  border-bottom-color: var(--accent);
}

[data-chapter="7plus7"] .purchase-line a:hover {
  background: var(--ink);
  color: var(--bg);
}

/* The Qku rulebook: the key to reading the book, so it sits in a
   framed aside on the chapter index rather than in the jacket flow. */
[data-chapter="7plus7"] .rulebook {
  max-width: 32rem;
  margin: 3rem auto;
  padding: 1.5rem 1.75rem;
  border: 1px solid var(--rule);
  font-family: var(--body);
}

[data-chapter="7plus7"] .rulebook h2 {
  font-family: var(--display);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.9rem;
  margin: 0 0 1rem;
  color: var(--accent);
}

[data-chapter="7plus7"] .rulebook p {
  margin: 0 0 0.9em;
  font-size: 1rem;
  line-height: 1.6;
}

[data-chapter="7plus7"] .rulebook p:last-child {
  margin-bottom: 0;
  font-style: italic;
  color: var(--ink-soft);
}