/* Proposta do capítulo seguinte: apenas nesta cópia de avaliação. */
.space-chapter { min-height: 100svh; display: flex; align-items: center; padding-block: clamp(3rem, 5vw, 5rem); border-top: 1px solid var(--rose-line); background: var(--rose-paper); color: var(--rose-ink); }
.space-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(2rem, 7vw, 6rem); align-items: center; }
.space-layout > * { min-width: 0; }
.space-main { width: min(100%, 435px); margin: 0; }
.space-main img, .space-detail img { display: block; width: 100%; height: auto; border-radius: 76px 76px 6px 6px; }
.space-main figcaption, .space-detail figcaption { margin-top: .9rem; color: var(--rose-body); font-size: .6rem; font-weight: 400; letter-spacing: .12em; text-transform: uppercase; }
.space-content .eyebrow { margin: 0 0 1.5rem; color: var(--rose-accent); font-weight: 500; }
.space-content .eyebrow::before { background: var(--gold-champagne); }
.space-content h2 { margin: 0; font-family: var(--font-brand); font-size: clamp(3rem, 4.6vw, 4.75rem); font-weight: 400; line-height: 1.04; letter-spacing: -.025em; }
.space-content h2 em { color: var(--rose-accent); font-weight: inherit; }
.space-copy { margin: 1.6rem 0 0; color: var(--rose-body); font-size: .95rem; line-height: 1.85; }
.space-detail { width: min(100%, 260px); margin: 2rem 0 0 auto; }
.space-detail img { border-radius: 40px 40px 5px 5px; }
@media (max-width: 760px) {
  .space-chapter { min-height: auto; padding-block: 3rem; }
  .space-layout { grid-template-columns: minmax(0, 1fr); gap: 2.5rem; }
  .space-content { display: contents; }
  .space-content .eyebrow { grid-row: 1; margin: 0 0 -1.5rem; }
  .space-content h2 { grid-row: 2; font-size: clamp(2.8rem, 12vw, 4rem); }
  .space-copy { grid-row: 3; margin: -1rem 0 0; }
  .space-main { grid-row: 4; width: 100%; }
  .space-main img { border-radius: 48px 48px 5px 5px; }
  .space-detail { grid-row: 5; width: 78%; max-width: 300px; margin-top: 0; }
}