.echo-confession {
  --echo-ink: #202020;
  --echo-muted: #666;
  --echo-line: #d9d9d9;
  --echo-accent: #a95e2c;
  width: min(100%, 980px);
  max-width: 100%;
  margin: 0 auto;
  color: var(--echo-ink);
  font-family: inherit;
  box-sizing: border-box;
  overflow-wrap: anywhere;
}

.echo-confession *,
.echo-confession *::before,
.echo-confession *::after { box-sizing: border-box; }

.echo-confession__header { padding: 56px 0 32px; text-align: center; }
.echo-confession__header h2 { margin: 8px 0 16px; font-size: clamp(30px, 5vw, 50px); line-height: 1.1; letter-spacing: 0; }
.echo-confession__header p:last-child { max-width: 680px; margin: 0 auto; color: var(--echo-muted); font-size: 17px; line-height: 1.7; }
.echo-confession__eyebrow { margin: 0; color: var(--echo-accent); font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }

.echo-confession__chapter { border-top: 1px solid var(--echo-line); }
.echo-confession__chapter:last-child { border-bottom: 1px solid var(--echo-line); }
.echo-confession__chapter[hidden] { display: none; }
.echo-confession__chapter summary { display: grid; grid-template-columns: 54px 1fr 20px; gap: 14px; align-items: center; min-height: 78px; padding: 12px 4px; cursor: pointer; font-size: 19px; font-weight: 700; line-height: 1.35; list-style: none; }
.echo-confession__chapter summary > span { min-width: 0; }
.echo-confession__chapter summary::-webkit-details-marker { display: none; }
.echo-confession__number { color: var(--echo-accent); font-size: 14px; }
.echo-confession__chevron { width: 10px; height: 10px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .2s ease; }
.echo-confession__chapter[open] .echo-confession__chevron { transform: rotate(225deg); }
.echo-confession__content { padding: 0 38px 32px 72px; }
.echo-confession__content p { margin: 0 0 17px; font-size: 16px; line-height: 1.75; }
.echo-confession__references { color: var(--echo-muted); font-size: 14px !important; font-style: italic; }
.echo-confession__back { display: inline-block; margin-top: 8px; color: var(--echo-accent); font-weight: 700; }
@media (max-width: 600px) {
  .echo-confession { width: 100%; max-width: 100%; padding: 0 18px; }
  .echo-confession__header { padding-top: 38px; }
  .echo-confession__chapter summary { grid-template-columns: 38px 1fr 16px; gap: 8px; font-size: 17px; }
  .echo-confession__content { padding: 0 0 26px 46px; }
}