@import url('/purpose-meters.css');
/* A stable four-card comparison follows the board in every chapter. */
.life-comparison{margin:20px 0 22px;padding:20px;border:1px solid #d9e5d7;border-radius:20px;background:#eef5ec;color:#273e34;min-width:0}
.life-comparison-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:0 0 18px}.life-comparison-kicker{font-size:12px;font-weight:650;letter-spacing:.1em;color:#576e60}.life-comparison-heading h2{margin:5px 0 0;font-size:26px;line-height:1.2;letter-spacing:-.035em}.life-comparison-heading p{font-size:14px;line-height:1.5;color:#546d5d;margin:0;max-width:290px}
.life-comparison-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.life-comparison-card{min-width:0;padding:16px;border:1px solid #dce8de;border-radius:17px;background:#fffefa;box-shadow:0 4px 15px #324d3908;overflow-wrap:anywhere}.life-comparison-card.is-you{border-color:#82a38b;background:#fcfff7}.life-comparison-card.is-current{box-shadow:0 0 0 2px #527a5d,0 5px 20px #324d3915}.life-comparison-card.has-left{opacity:.7}
.life-card-topline{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:28px;margin-bottom:8px}.life-card-topline>span:first-child{font-size:11px;font-weight:650;line-height:1.35;color:#5c7162}.life-trend{display:block;padding:5px 7px;border-radius:8px;font-size:12px;font-weight:650;line-height:1.4;text-align:right;color:#5a6c5e}.life-trend.is-up{background:#e8f7e6;color:#27683a}.life-trend.is-down{background:#fff0ec;color:#a83432}.life-trend.is-unknown{font-size:11px;color:#637167;font-weight:450}
.life-comparison-person{display:flex;gap:12px;align-items:center;width:100%;min-height:96px;padding:0;border:0;background:none;color:inherit;cursor:pointer;font:inherit;text-align:left}.life-comparison-person>span:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.life-comparison-person b{order:1;display:block;font-size:14px;font-weight:500;line-height:1.35;color:#53695c}.life-comparison-person strong{order:0;display:block;font-size:24px;font-weight:750;line-height:1.1;letter-spacing:-.035em}.life-comparison-person em{display:inline-block;font-size:11px;font-style:normal;margin-left:5px;padding:1px 5px;border-radius:6px;background:#e3efdc;color:#355d41;vertical-align:1px}.life-comparison-face{display:grid;place-items:center;width:96px;height:96px;flex:0 0 96px;overflow:hidden;border-radius:50%;border:2px solid #e1e7d8;background:#eaf0e4;color:#56745d;font-size:36px}.life-comparison-face img{display:block;width:100%;height:100%;object-fit:cover}.life-comparison-open{font-size:17px;color:#6c816f}.life-comparison-route{order:2;display:block;margin:0;min-height:0;font-size:13px;color:#4c6859;line-height:1.4}
.life-card-vitals{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:12px 0}.life-card-meter{min-width:0}.life-card-vitals .life-card-meter+ .life-card-meter{border-left:1px solid #e2e9df;padding-left:14px}.life-card-meter>div{display:flex;align-items:baseline;justify-content:space-between;gap:6px;font-size:13px;line-height:1.4}.life-card-vitals .life-card-meter>div{display:block;font-size:14px}.life-card-meter strong{font-variant-numeric:tabular-nums}.life-card-vitals strong{display:block;font-size:28px;font-weight:750;line-height:1.2;letter-spacing:-.035em}.life-comparison-track{display:block;position:relative;overflow:hidden;height:8px;background:#e8eee6;border-radius:6px;margin-top:7px}.life-comparison-track i{display:block;height:100%;background:#7ea87b;border-radius:inherit;transition:width .5s ease}.life-card-vitals .life-comparison-track{height:10px}
.life-card-purposes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-top:1px solid #e4e9df;border-bottom:1px solid #e4e9df;padding:12px 0}.life-purpose-meter>div{display:flex;flex-direction:column;align-items:stretch;gap:3px}.life-purpose-meter>div>span{font-size:13px;line-height:1.3;min-height:19px;color:#526756}.life-purpose-meter strong{font-size:15px}.purpose-0 .life-comparison-track i{background:#c49c59}.purpose-1 .life-comparison-track i{background:#b87d9b}.purpose-2 .life-comparison-track i{background:#709bb2}.life-purpose-hidden{font-size:12px;line-height:1.4;color:#667568;display:flex;flex-direction:column;justify-content:space-between;gap:8px}.life-purpose-hidden>span:last-child{background:#f0f1e9;border:1px solid #e1e5d9;padding:3px 5px;border-radius:5px;font-size:11px;align-self:start}
.life-card-finances{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;padding:12px 0;border-bottom:1px solid #e4e9df}.life-card-finances>div{min-width:0;display:flex;flex-direction:column;gap:3px}.life-card-finances span{font-size:12px;color:#556e60}.life-card-finances b{font-size:17px;line-height:1.3;font-variant-numeric:tabular-nums;letter-spacing:-.025em}.life-card-finances .has-debt b,.life-card-finances .is-negative b{color:#a53733}.life-card-net{padding-left:7px;border-left:1px solid #e1e7da}.life-card-net b{color:#37704a}
.life-traits{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:12px 0}.life-trait>div{display:flex;align-items:baseline;gap:4px;font-size:12px;line-height:1.4}.life-trait>div>span{flex:1}.life-trait b{font-size:15px;font-variant-numeric:tabular-nums}.life-trait em{font-size:12px;font-style:normal;font-weight:700;text-align:right}.life-trait .up{color:#326d41}.life-trait .down{color:#a53733}.life-trait-track{display:block;height:6px;border-radius:5px;background:#e8eae2;margin-top:5px;overflow:hidden}.life-trait-track i{display:block;height:100%;border-radius:inherit;background:var(--trait-color);transition:width .5s ease}
.life-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid #e4e9df}.life-mood{font-size:12px;line-height:1.4;color:#4d7456}.tone-hard .life-mood{color:#9b4435}.life-comparison-points{display:flex;flex-direction:row;align-items:baseline;gap:5px;font-size:11px;line-height:1.4;color:#5f7162}.life-comparison-points strong{font-size:16px;color:#304f3c;font-variant-numeric:tabular-nums}.life-comparison-finish,.life-comparison-left{display:block;margin-top:9px;font-size:13px;font-weight:650;color:#82662d}.life-comparison-note{margin:14px 0 0;font-size:13px;line-height:1.5;color:#5b6e5e}.life-comparison-person:focus-visible{outline:3px solid #a1884d;outline-offset:5px;border-radius:6px}
@media(max-width:1150px){.life-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.life-comparison-card{padding:18px}.life-card-meter>div,.life-purpose-meter>div>span{font-size:14px}.life-trait>div{font-size:14px}.life-trait b{font-size:17px}}
@media(max-width:600px){.life-comparison{padding:14px;margin-top:14px}.life-comparison-heading{display:block}.life-comparison-heading h2{font-size:24px}.life-comparison-heading p{margin-top:7px;max-width:none}.life-comparison-grid{grid-template-columns:1fr;gap:13px}.life-comparison-card{padding:18px}.life-comparison-face{width:104px;height:104px;flex-basis:104px}.life-comparison-card.is-youth .life-comparison-face{width:112px;height:112px;flex-basis:112px}.life-comparison-person strong{order:0;font-size:27px}.life-card-topline>span:first-child,.life-trend.is-unknown{font-size:12px}.life-trend{font-size:13px}.life-card-finances b{font-size:19px}.life-card-finances span{font-size:13px}.life-card-purposes{gap:12px}}
@media(prefers-reduced-motion:reduce){.life-trait-track i,.life-comparison-track i{transition:none}}
.life-comparison-person .life-card-round-die{order:-1;display:flex;align-items:center;gap:7px;min-height:25px;font-size:11px;color:#63725e;margin-bottom:1px}.life-card-round-die i{display:grid;place-items:center;width:25px;height:25px;border:1px solid #c7d2bd;border-radius:6px;background:#f7faef;color:#3c5945;box-shadow:0 2px 0 #c3cdb6;font-style:normal}.life-card-round-die svg{width:21px;height:21px}.life-card-round-die.is-locked{font-size:12px;font-weight:600;color:#6e7a67}
.life-comparison-person .life-account{display:flex;align-items:center;gap:6px;min-height:24px}.life-account-photo{position:relative;display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border:1px solid #d1dccd;border-radius:50%;background:#e9efe3;color:#49634f;font-size:12px;overflow:hidden}.life-account-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.life-account-photo img[hidden]{display:none}
.life-card-foot{display:grid;grid-template-columns:minmax(0,1fr) 48px auto;gap:7px;min-height:43px}.life-card-vehicle{display:grid;place-items:center;width:48px;height:30px;color:#5b7560}.life-card-vehicle svg{display:block;width:42px;height:30px;overflow:hidden}.life-card-vehicle.is-top-view svg{width:23px;height:44px;transform:rotate(-90deg)}.life-card-vehicle.is-walking svg{width:27px;height:27px}.life-comparison-points{display:flex;flex-direction:column;align-items:flex-end;gap:0;white-space:nowrap}
.life-card-topline{margin-bottom:6px}.life-comparison-person>span:nth-child(2){gap:4px}.life-card-vitals,.life-card-finances,.life-card-purposes{padding-top:10px;padding-bottom:10px}.life-traits{margin:10px 0}
.life-card-finances b{white-space:nowrap;letter-spacing:-.035em}@media(min-width:601px){.life-card-finances b{font-size:16px}}
/* A small table label leaves the attention and space for actual lives. */
.life-comparison{padding:12px}.life-comparison-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px 12px;margin:0 0 8px}.life-comparison-heading h2{display:flex;align-items:center;gap:8px;font-size:17px;line-height:1.35;margin:0;letter-spacing:-.02em}.life-count{display:grid;place-items:center;min-width:23px;height:23px;border-radius:50%;background:#dce9d8;color:#45604b;font-size:12px;font-weight:650}.life-table-hint{font-size:12px;line-height:1.4;color:#536b58}
.life-comparison-card{position:relative;display:flex;flex-direction:column;padding-top:14px}.life-comparison-grid{padding-top:4px}.life-card-foot{margin-top:auto}.life-current-tag{position:absolute;right:12px;top:-9px;z-index:1;border:2px solid #edf4eb;padding:2px 8px;border-radius:8px;background:#476d55;color:#fff;font-size:11px;font-weight:650;line-height:1.4}
button.life-card-story{display:block;width:100%;margin:9px 0 0;padding:8px 10px;border:1px solid #dee7d6;border-left:3px solid #96b58c;border-radius:9px;background:#f2f6ec;color:#314d3c;font:inherit;text-align:left;cursor:pointer}button.life-card-story:hover{background:#e9f1e2;border-color:#91ad85}button.life-card-story:focus-visible{outline:3px solid #a1884d;outline-offset:2px}.life-card-story .life-story-label{display:flex;align-items:center;justify-content:space-between;margin:0 0 3px;color:#62725e;font-size:11px;line-height:1.25}.life-story-label i{font-size:14px;font-style:normal}.life-card-story strong{display:block;font-size:14px;line-height:1.35;font-weight:650}.life-card-story .life-story-choice{display:block;margin:3px 0 0;color:#526851;font-size:12px;line-height:1.35}.life-card-story .life-trend{display:inline-block;padding:2px 5px;margin:5px 0 0;font-size:12px;text-align:left}.life-card-story .is-down{background:#fce7e1}.life-card-story:has(.is-down){border-left-color:#bf806d}
.life-card-story .life-trend+.life-trend{margin-left:3px}.life-card-story:has(.is-up):has(.is-down){border-left-color:#b6a16c}

.life-pending-decisions{font-size:12px;line-height:1.4;padding:7px 9px;margin:7px 0;background:#faf0db;color:#785b28;border-radius:8px}
.life-card-vehicle.is-top-view>img{display:block;width:23px;height:44px;object-fit:contain;transform:rotate(-90deg)}
.wellbeing-reasons{margin:9px 0;padding:8px 9px;border-radius:8px;background:#f3f6ed;border:1px solid #e0e6d6;font-size:13px;line-height:1.5}.wellbeing-reasons summary{cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;gap:5px}.wellbeing-reasons summary>b{font-size:13px}.wellbeing-reasons summary>span,.wellbeing-reasons>div{display:flex;gap:4px;flex-wrap:wrap}.wellbeing-reasons summary>i{font-style:normal;text-decoration:underline;margin-left:auto}.wellbeing-reasons>div{padding-top:8px}.wellbeing-cause{font-size:12px;padding:2px 5px;border-radius:4px;white-space:nowrap;background:#e7f2e1;color:#426f43}.wellbeing-cause.is-down{background:#f8e9e3;color:#9b5a42}.wellbeing-reasons small{font-size:12px;color:#697565;flex-basis:100%;margin-top:5px}.divorce-actions{padding:14px;border:1px solid #d4c3c4;border-radius:10px;margin-top:16px;background:#fcf7f3}.divorce-actions summary{font-weight:700;cursor:pointer}.divorce-actions p,.divorce-pending{font-size:15px;line-height:1.55}.divorce-actions button{margin-top:8px}