.life-hero,.life-area,.life-conclusion{background:#fffdf7;border:1px solid #d2c9b8;border-radius:12px;padding:28px;margin:22px 0;color:#243c49}
.life-hero h2,.life-area h2,.life-conclusion h2,.life-heading{font:700 26px/1.5 var(--sans);color:#17313d;letter-spacing:-.5px;margin:0 0 18px}
.life-hero p,.life-area p,.life-conclusion p{font:400 18px/1.9 var(--sans);color:#304953;word-break:keep-all;overflow-wrap:anywhere}
.life-nav{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 32px}.life-nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;background:#fff;border:1px solid #a4b7be;color:#22495b;border-radius:24px;text-decoration:none;font-size:16px}
.life-track{background:#fff;border:1px solid #becbc8;border-radius:8px;margin:18px 0;padding:18px}.life-track>summary{font:700 19px/1.6 var(--sans);color:#213e49;cursor:pointer;min-height:44px}.life-track>summary:focus-visible,.life-timeline summary:focus-visible{outline:3px solid #aa8243;outline-offset:3px}
.life-area .life-note,.life-area .life-age{font-size:16px;color:#52636b}.life-start{font-weight:700!important}.life-timeline{padding:0;list-style:none;margin:20px 0 0}.life-timeline li{padding:18px 20px;border-left:3px solid #c6d3cb;margin:0 0 12px;background:#f6f7f2}.life-timeline li.is-current{border-color:#9b7335;background:#f8f0dc}.life-timeline h3{font:700 21px/1.5 var(--sans);margin:8px 0;color:#173b46}.life-timeline .life-period{font-size:17px;font-weight:600;margin:6px 0}.life-timeline .life-age{margin:6px 0 12px}.life-timeline summary{font:600 17px/1.7 var(--sans);min-height:44px;color:#35564f;cursor:pointer}.life-timeline details p{font-size:17px}.life-badge{display:inline-block;background:#325c4c;color:#fff;border-radius:14px;padding:4px 10px;font-size:14px}
.life-sam-status{display:block;font-size:21px;margin:18px 0;color:#2f4f49}.life-sam-years{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.life-sam-years div{background:#f1f4ef;border:1px solid #cbd5ce;border-radius:8px;padding:16px 10px;text-align:center}.life-sam-years strong,.life-sam-years span,.life-sam-years small{display:block;line-height:1.7}.life-sam-years strong{font-size:22px}.life-sam-years span{font-size:18px}.life-sam-years small{font-size:14px;color:#53666c}.life-conclusion{background:#eaf0ec;border-color:#b9ccc0}.life-scope a{display:block;margin:12px 0;color:#285b69;line-height:1.7}.life-heading{margin-top:30px}.life-origin{margin-top:30px}.life-origin>summary{font-size:18px}.life-area h3{color:#254753}
@media(max-width:600px){.life-hero,.life-area,.life-conclusion{padding:22px 18px}.life-hero h2,.life-area h2,.life-conclusion h2,.life-heading{font-size:23px}.life-track{padding:14px 12px}.life-timeline li{padding:16px 13px}.life-sam-years{gap:6px}.life-sam-years strong{font-size:19px}.life-sam-years span{font-size:16px}.life-sam-years small{font-size:12px}.life-nav{gap:7px}.life-nav a{font-size:14px;padding:8px 12px}}

.gender-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gender-buttons label{position:relative;cursor:pointer}.gender-buttons input{position:absolute;opacity:0;width:1px;height:1px}.gender-buttons span{display:flex;align-items:center;justify-content:center;min-height:56px;border:1px solid #92a8b2;border-radius:8px;background:#fff;color:#243d49;font-size:18px;font-weight:600}.gender-buttons input:checked+span{background:#efe2bd;border:2px solid #8e682a;color:#49330d}.gender-buttons input:focus-visible+span{outline:3px solid #346276;outline-offset:3px}.gender-help-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.gender-help-row p{margin:0}.gender-help-row button{flex-shrink:0;min-height:44px;padding:6px;background:none;border:0;text-decoration:underline;color:#425e69;font-size:14px}