/* Capítulo de acompanhamento: mesma direção, outro ritmo de leitura. */
.method-chapter { min-height: 100svh; display: flex; align-items: center; padding-block: clamp(4rem, 8vw, 7rem); background: #f7f3ec; color: var(--rose-ink); border-block: 1px solid #e5d7bd; }
.method-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(3rem, 8vw, 7rem); align-items: center; }
.method-layout > * { min-width: 0; }
.method-intro .eyebrow { margin: 0 0 1.5rem; color: var(--rose-accent); font-weight: 500; }
.method-intro .eyebrow::before { background: var(--gold-champagne); }
.method-intro h2 { margin: 0; font-family: var(--font-brand); font-size: clamp(3rem, 4.6vw, 4.75rem); font-weight: 400; line-height: 1.05; letter-spacing: -.025em; }
.method-intro h2 em { color: var(--rose-accent); font-weight: inherit; }
.method-lead { max-width: 28rem; margin: 2rem 0 0; color: var(--rose-body); font-size: 1rem; line-height: 1.9; }
.method-note { max-width: 27rem; margin: 1.1rem 0 0; color: var(--rose-body); font-size: .85rem; line-height: 1.85; }
.method-link { display: inline-flex; align-items: center; gap: 1.6rem; margin-top: 2rem; padding-bottom: .7rem; border-bottom: 1px solid var(--gold-border); color: var(--rose-ink); font-size: .74rem; text-decoration: none; }
.method-link:hover { color: var(--rose-accent); }
.method-link:focus-visible { outline: 2px solid var(--rose-ink); outline-offset: 5px; }
.method-steps { list-style: none; margin: 0; padding: 0; border-top: 1px solid #d5c3a2; }
.method-steps li { display: grid; grid-template-columns: 4rem minmax(0, 1fr); gap: 1.4rem; padding: 2.1rem 0; border-bottom: 1px solid #d5c3a2; align-items: baseline; }
.method-number { font-family: var(--font-brand); font-size: 2.9rem; font-style: italic; line-height: 1; color: var(--rose-accent); }
.method-steps h3 { margin: 0; font-family: var(--font-brand); font-size: clamp(2rem, 2.8vw, 2.7rem); font-weight: 400; line-height: 1.2; color: var(--rose-ink); }
.method-steps p { margin: .65rem 0 0; font-size: .85rem; line-height: 1.8; color: var(--rose-body); }
@media (max-width: 760px) {
  .method-chapter { min-height: auto; padding-block: 3rem; }
  .method-layout { grid-template-columns: minmax(0, 1fr); gap: 3rem; }
  .method-intro h2 { font-size: clamp(2.8rem, 12vw, 4rem); }
  .method-steps li { grid-template-columns: 2.6rem minmax(0, 1fr); gap: 1rem; padding-block: 1.7rem; }
  .method-number { font-size: 2.2rem; }
}