:root { --life-green: #56d4a0; }
.life-page { width: 100%; padding: 1rem var(--page-gutter); }
.life-page__header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1rem; }
.life-page__header h1 { margin: 0; font-size: clamp(1.25rem, 2vw, 1.75rem); }
.life-page__header a { color: var(--muted); font-size: .85rem; }
.life-page .life-tool { margin: 1rem 0 0; }
.life-page .life-canvas { display: block; max-width: calc(70dvh * 1.333333); margin-inline: auto; }
.life-page__hint { color: var(--muted); font-size: .85rem; }