/* Local Home lifecycle illustration. Semantic text is shared across every active design. */
.lifecycle{--life-bg:var(--s-panel);--life-ink:var(--s-ink);--life-muted:var(--s-muted);--life-line:var(--s-line);--life-accent:var(--s-accent);--life-soft:var(--s-alt);--life-radius:12px;margin:0;padding:24px;background:var(--life-bg);color:var(--life-ink);border:1px solid var(--life-line);border-radius:var(--life-radius);min-width:0;container-type:inline-size;isolation:isolate}
.lifecycle-heading{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-bottom:24px}.lifecycle-heading h2{font:400 14px/1.5 var(--font-body);letter-spacing:-0.005em;max-width:25ch}.lifecycle-motion{font:400 10px/1.5 var(--font-mono);color:var(--life-ink);border:1px solid var(--life-line);border-radius:30px;min-height:36px;min-width:86px;padding:7px 10px;background:var(--life-soft);white-space:nowrap;flex-shrink:0}.lifecycle-motion[aria-pressed=true]{border-color:var(--pearl-accent-mark)}
.lifecycle-track{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0}.lifecycle-connector{position:absolute;z-index:-1;left:16.66%;right:16.66%;top:88px;height:1px;background:var(--life-line)}.lifecycle-connector span{position:absolute;left:0;top:-3px;width:7px;height:7px;background:var(--pearl-accent-mark);border-radius:50%;transition:left 200ms cubic-bezier(.4,0,.2,1)}.lifecycle[data-stage="1"] .lifecycle-connector span{left:50%}.lifecycle[data-stage="2"] .lifecycle-connector span{left:100%}
.lifecycle-stage{min-width:0;display:flex;flex-direction:column;align-items:stretch;position:relative;padding:0 7px 14px;text-align:left;border:0;border-radius:6px;background:transparent;color:var(--life-ink);font-family:var(--font-body);cursor:pointer}.lifecycle-stage:hover{background:var(--life-soft)}.lifecycle-stage:focus-visible,.lifecycle-motion:focus-visible{outline:var(--pearl-focus-width) solid var(--pearl-focus);outline-offset:var(--pearl-focus-offset)}.lifecycle-phase{display:flex;gap:8px;justify-content:space-between;font:400 10px/1.6 var(--font-mono);color:var(--life-muted);white-space:nowrap}.lifecycle-phase>span{color:var(--pearl-accent-text)}.lifecycle-icon{display:block;width:100%;height:112px;position:relative;color:var(--life-muted)}.lifecycle-icon svg{height:100%;width:100%;display:block;max-width:140px;margin-inline:auto}.life-back-sheet{fill:var(--life-soft);stroke:var(--life-line)}.life-sheet{fill:var(--life-bg)}.life-focus-line{stroke:var(--pearl-accent-mark);stroke-width:2.2}.lifecycle-stage[aria-pressed=true] .lifecycle-icon{color:var(--life-ink)}.lifecycle-stage[aria-pressed=true] .life-back-sheet{stroke:var(--pearl-accent-mark)}
.lifecycle-name{display:flex;flex-direction:column;justify-content:flex-end;min-height:46px;font:600 clamp(13px,1.35vw,18px)/1.3 var(--font-display);letter-spacing:-0.0125em}.lifecycle-name>span{display:block}.lifecycle-stage-rule{display:block;height:1px;flex-shrink:0;background:var(--life-line);margin-block:14px 11px}.lifecycle-stage[aria-pressed=true] .lifecycle-stage-rule{background:var(--pearl-accent-mark);height:2px;margin-bottom:10px}.lifecycle-artifact{color:var(--life-muted);font:400 10px/1.5 var(--font-body);min-height:30px}
.lifecycle-detail{display:flex;gap:15px;border-block:1px solid var(--life-line);padding-block:20px;min-height:128px;align-items:flex-start}.lifecycle-detail-marker{font-size:25px;line-height:1;color:var(--pearl-accent-text);flex-shrink:0}.lifecycle-detail>div{min-width:0;max-width:64ch}.lifecycle-detail-title{font:400 13px/1.5 var(--font-body)}.lifecycle-detail-copy{font:400 13px/1.65 var(--font-body);color:var(--life-muted);margin-top:7px}.lifecycle-foundation{padding-block:20px 16px}.lifecycle-foundation>p{font:400 10px/1.5 var(--font-mono);color:var(--life-muted);margin-bottom:12px}.lifecycle-foundation>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lifecycle-foundation span{display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;min-height:42px;border:1px solid var(--life-line);border-radius:4px;padding:6px;font:400 10px/1.5 var(--font-body);background:var(--life-soft)}.lifecycle .lifecycle-caption{margin:0;font:400 10px/1.6 var(--font-body);color:var(--life-muted)}
.lifecycle[data-motion=off] *,.lifecycle[data-motion=off] *::before,.lifecycle[data-motion=off] *::after{animation:none!important;transition:none!important}
/* Existing directions retain their identity around a legible evidence lifecycle. */
.direction-continuum .lifecycle{--life-radius:0;background:transparent;border-inline:0;padding:24px 0 0}.direction-continuum .lifecycle-track{gap:32px}.direction-continuum .lifecycle-icon{height:140px}.direction-continuum .lifecycle-connector{top:102px}.direction-continuum .lifecycle-stage{padding-inline:18px}.direction-continuum .lifecycle-name{font-size:22px;min-height:58px}.direction-continuum .lifecycle-artifact{font-size:13px}.direction-continuum .lifecycle-detail{min-height:128px}.direction-continuum .lifecycle-detail-copy{font-size:14px}.direction-continuum .lifecycle-foundation{display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:32px}.direction-continuum .lifecycle-foundation>p{margin:0}.direction-continuum .lifecycle-foundation span{font-size:12px}
.direction-aurora .lifecycle{--life-radius:22px}.direction-aurora .lifecycle-connector{height:30px;border-bottom:1px solid var(--life-line);border-radius:0 0 50% 50%;background:none;top:71px}.direction-aurora .lifecycle-connector span{top:26px}.direction-carbon .lifecycle{--life-radius:0}.direction-carbon .lifecycle-stage{border-inline-start:1px solid var(--life-line);border-radius:0;padding-left:10px}.direction-carbon .lifecycle-motion,.direction-carbon .lifecycle-foundation span{border-radius:0}
@container(max-width:440px){.lifecycle-heading{gap:8px;margin-bottom:19px}.lifecycle-heading h2{font-size:12px}.lifecycle-motion{font-size:9px;min-width:77px;padding-inline:8px}.lifecycle-track{gap:5px}.lifecycle-stage{padding-inline:2px}.lifecycle-phase{font-size:8px;gap:3px}.lifecycle-icon{height:93px}.lifecycle-connector{top:74px}.lifecycle-name{font-size:13px;min-height:36px}.lifecycle-stage-rule{margin-block:12px 9px}.lifecycle-stage[aria-pressed=true] .lifecycle-stage-rule{margin-bottom:8px}.lifecycle-artifact{font-size:10px;min-height:30px}.lifecycle-detail{min-height:147px;gap:9px;padding-block:17px}.lifecycle-detail-copy{font-size:12px;line-height:1.65}.lifecycle-foundation{padding-block:17px 14px}.lifecycle-foundation>div{gap:5px}.lifecycle-foundation span{font-size:9px;padding-inline:3px}.lifecycle-caption{font-size:9px}}
@media(max-width:600px){.lifecycle{padding:17px 13px}.direction-continuum .lifecycle-track{gap:5px}.direction-continuum .lifecycle-stage{padding-inline:3px}.direction-continuum .lifecycle-icon{height:95px}.direction-continuum .lifecycle-name{font-size:14px;min-height:39px}.direction-continuum .lifecycle-artifact{font-size:10px}.direction-continuum .lifecycle-connector{top:76px}.direction-continuum .lifecycle-detail{min-height:139px}.direction-continuum .lifecycle-detail-copy{font-size:12px}.direction-continuum .lifecycle-foundation{display:block}.direction-continuum .lifecycle-foundation>p{margin-bottom:12px}.direction-continuum .lifecycle-foundation span{font-size:10px}.direction-aurora .lifecycle-connector{top:59px}.direction-aurora .lifecycle-connector span{top:26px}}
@media(prefers-reduced-motion:reduce){.lifecycle *{animation:none!important;transition:none!important}}
@media(max-width:360px){.direction-carbon .lifecycle{padding-inline:8px}.direction-carbon .lifecycle-stage{padding-left:3px}}