.life-skills-overview{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,3fr);gap:var(--spacing-8);padding:var(--spacing-6) 0;margin-bottom:var(--spacing-6);border-block:1px solid var(--color-border)}.life-skills-mobile{display:none}.life-skills-intro h2{font-family:var(--font-sans);font-size:1.25rem;font-weight:400;line-height:1.5;margin:0 0 var(--spacing-2)}.life-skills-intro p{font-size:var(--font-size-sm);line-height:1.9;color:var(--color-text-secondary);margin:0}.life-skills-overview ul{display:flex;flex-wrap:wrap;align-content:start;gap:var(--spacing-2);padding:0;margin:0;list-style:none}.life-skills-overview li{font-size:var(--font-size-sm);line-height:1.5;word-break:normal}.life-skill-filter{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:8px 12px;min-height:44px;border:1px solid color-mix(in srgb,var(--color-accent) var(--skill-border),var(--color-bg));border-radius:6px;color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) var(--skill-tint),var(--color-bg));transition:border-color var(--transition-fast),background var(--transition-fast)}.life-skill-filter:hover{border-color:var(--color-accent);text-decoration:underline;text-underline-offset:4px}.life-skill-filter[aria-current=true]{outline:2px solid var(--color-accent);outline-offset:2px;text-decoration:underline;text-underline-offset:4px}.life-skill-filter:focus-visible,.life-filter-status a:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.life-filter-status{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-6);scroll-margin-top:110px}.life-filter-status p{margin:0;line-height:1.9;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.life-filter-status a{display:inline-flex;align-items:center;gap:var(--spacing-2);min-height:44px;color:var(--color-accent);text-decoration:underline;text-underline-offset:4px}@media(max-width:760px){.life-skills-overview{grid-template-columns:1fr;gap:var(--spacing-4);padding-block:var(--spacing-5)}.life-skill-filter{padding:8px 10px}.life-filter-status{flex-wrap:wrap;gap:var(--spacing-2)}}.life-timeline{margin-block:var(--spacing-16)}.life-timeline-intro{display:flex;align-items:end;justify-content:space-between;gap:var(--spacing-8);margin-bottom:var(--spacing-10)}.life-timeline-intro h2{font-size:clamp(1.65rem,2.6vw,2.2rem);margin:8px 0 16px}.life-timeline-intro p{margin:0;max-width:55ch;color:var(--color-text-secondary);line-height:1.9}.life-timeline-intro nav{display:flex;flex-wrap:wrap;gap:var(--spacing-2);flex-shrink:0}.life-timeline-intro nav a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;font-variant-numeric:tabular-nums}.life-timeline-intro nav a:hover{border-color:var(--color-accent);color:var(--color-accent)}.life-year{display:grid;grid-template-columns:130px minmax(0,1fr);gap:var(--spacing-8);position:relative;padding-bottom:var(--spacing-16);scroll-margin-top:110px}.life-year:before{content:"";position:absolute;left:113px;top:18px;bottom:-18px;width:1px;background:var(--color-border)}.life-year:last-child:before{bottom:var(--spacing-16)}.life-year-label{position:sticky;top:110px;align-self:start}.life-year-label:after{content:"";position:absolute;left:108px;top:18px;width:11px;height:11px;border:2px solid var(--color-accent);border-radius:50%;background:var(--color-bg)}.life-year-label h3{font:400 2.5rem/1.2 var(--font-sans);color:var(--color-accent);margin:0 0 8px;font-variant-numeric:tabular-nums}.life-year-label p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.life-year-stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-8);align-items:start}body .life-timeline-card[hidden],.life-show-more[hidden]{display:none}.life-show-more{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-3);min-height:44px;padding:8px 16px;margin-top:var(--spacing-5);font:inherit;font-size:1rem;line-height:1.5;color:var(--color-accent);background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;cursor:pointer}.life-show-more:hover{border-color:var(--color-accent)}.life-show-more:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.life-timeline-card{min-width:0;border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-6)}.life-timeline-image{display:block;border-radius:10px;overflow:hidden;background:var(--color-bg-subtle);margin-bottom:var(--spacing-5)}.life-timeline-image img{display:block;width:100%;height:auto;aspect-ratio:2/1!important;object-fit:cover}.life-timeline-image.is-document img{object-fit:contain;padding:var(--spacing-3)}.life-timeline-category{display:inline-flex;gap:8px;align-items:center;min-height:44px;font-size:var(--font-size-sm);color:var(--color-accent);text-decoration:underline;text-underline-offset:4px}.life-timeline-date{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:4px 0 8px}.life-timeline-copy h4{font-size:1.3rem;line-height:1.5;margin:0 0 var(--spacing-3);text-wrap:pretty}.life-timeline-copy h4 a:hover{color:var(--color-accent);text-decoration:underline;text-underline-offset:5px}.life-timeline-copy h4 span{color:var(--color-accent)}.life-timeline-copy>p:not(.life-timeline-date){line-height:1.9;color:var(--color-text-secondary);margin:0 0 var(--spacing-3)}.life-year-stories--single{grid-template-columns:1fr}.life-year-stories--single .life-timeline-card{display:grid;grid-template-columns:1fr 1.15fr;gap:var(--spacing-8);align-items:start}.life-year-stories--single .life-timeline-image{margin:0}.life-year-stories--single .life-timeline-image img{aspect-ratio:4/3!important}.life-undated{margin-bottom:var(--spacing-12)}.life-undated article{padding:var(--spacing-6) 0;border-bottom:1px solid var(--color-border)}:lang(th) .life-timeline :is(h2,h3,h4){font-weight:300;line-height:1.5;letter-spacing:0}:lang(th) .life-year-label h3{font-weight:400;line-height:1.2}:lang(th) .life-timeline p{letter-spacing:0;line-height:1.9}.life-timeline :is(a):focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}@media(max-width:1000px){.life-timeline-intro{display:block}.life-timeline-intro nav{margin-top:var(--spacing-5)}.life-year{grid-template-columns:90px minmax(0,1fr);gap:var(--spacing-6)}.life-year:before{left:83px}.life-year-label:after{left:78px}.life-year-label h3{font-size:2rem}.life-year-stories{gap:var(--spacing-6)}.life-year-stories--single .life-timeline-card{grid-template-columns:1fr}}@media(max-width:620px){.life-timeline{margin-block:var(--spacing-10)}.life-year{display:block;padding-left:var(--spacing-5);padding-bottom:var(--spacing-10)}.life-year:before{left:0}.life-year-label{position:relative;top:auto;display:flex;gap:var(--spacing-4);align-items:baseline;margin-bottom:var(--spacing-5)}.life-year-label:after{left:-25px;top:15px}.life-year-label h3{font-size:2rem;margin:0}.life-year-stories{grid-template-columns:1fr;gap:var(--spacing-8)}.life-timeline-copy h4{font-size:1.2rem}.life-timeline-image img,.life-year-stories--single .life-timeline-image img{aspect-ratio:2/1!important}.life-year:last-child:before{bottom:var(--spacing-10)}}@media(min-width:1001px){.life-year{grid-template-columns:196px minmax(0,1fr)}.life-year:before{left:183px}.life-year-label:after{left:178px}}.life-year-skills{margin-top:var(--spacing-5);max-width:166px}.life-year-skills>p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-3)}.life-year-skills ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.life-year-skills li{max-width:100%;padding:4px 8px;border:1px solid var(--color-border);border-radius:4px;font-size:var(--font-size-sm);line-height:1.5;color:var(--color-accent);word-break:normal}@media(max-width:1000px){.life-year-skills{display:none}}@media(max-width:620px){body .life-index .life-skills-overview{display:none}.life-skills-mobile{display:block;margin:var(--spacing-6) 0}.life-skills-mobile label{display:block;font-size:1rem;line-height:1.5;margin-bottom:var(--spacing-3)}.life-skills-mobile>div{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--spacing-2)}.life-skills-mobile select,.life-skills-mobile button{font:inherit;font-size:1rem;min-height:48px;border:1px solid var(--color-border);border-radius:6px}.life-skills-mobile select{width:100%;min-width:0;padding:8px 12px;color:var(--color-text);background:var(--color-bg)}.life-skills-mobile button{padding:8px 18px;color:var(--color-on-accent);background:var(--color-accent);border-color:var(--color-accent);line-height:1.5}.life-skills-mobile :is(select,button):focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}body .life-index .life-index-navigation{display:block;gap:0;padding:0;margin-block:var(--spacing-5) var(--spacing-8);border:0}body .life-index .life-index-navigation>a{display:grid;grid-template-columns:minmax(0,1fr) auto 20px;align-items:center;gap:var(--spacing-3);padding:12px 0;min-height:52px;border:0!important;border-bottom:1px solid var(--color-border-subtle)!important;border-radius:0;background:transparent}body .life-index .life-index-navigation>a>span:first-child{grid-column:auto;font-size:1.0625rem;line-height:1.85}body .life-index .life-index-navigation>a>img{display:block}body .life-index .life-index-navigation>a:hover{color:var(--color-accent)}.life-index-navigation .life-index-count{font-size:var(--font-size-sm);white-space:nowrap}body .life-spotlight{grid-template-columns:88px minmax(0,1fr);gap:var(--spacing-4);align-items:start;margin-bottom:var(--spacing-8)}body .life-spotlight-image>img{aspect-ratio:1!important;object-fit:cover}body .life-index .life-spotlight h2{font-size:1.35rem;line-height:1.5;margin-bottom:var(--spacing-3)}.life-spotlight-copy>.life-spotlight-subtitle,.life-spotlight-copy>.life-spotlight-status{display:none}.life-spotlight-copy>.life-index-kicker{display:none}.life-spotlight-copy>p:not(.life-index-kicker){font-size:var(--font-size-sm);line-height:1.9;margin-bottom:var(--spacing-3)}.life-spotlight .identity-link{font-size:var(--font-size-sm)}.life-timeline-intro h2{font-size:1.4rem}.life-timeline-intro>div>p:last-child{font-size:var(--font-size-sm)}.life-timeline-intro nav{gap:4px;margin-top:var(--spacing-3)}.life-timeline-intro nav a{padding:8px 10px}.life-year{padding-left:0;padding-bottom:var(--spacing-8)}.life-year:before,.life-year-label:after{display:none}.life-year-label{padding:var(--spacing-3) 0;margin-bottom:0;border-block:1px solid var(--color-border)}.life-year-label h3{font-size:1.65rem}.life-year-stories{display:block}.life-timeline-card,.life-year-stories--single .life-timeline-card{display:grid;grid-template-columns:80px minmax(0,1fr);gap:var(--spacing-4);padding-block:var(--spacing-5);border-bottom:1px solid var(--color-border-subtle)}.life-timeline-image,.life-year-stories--single .life-timeline-image{margin:0;border-radius:6px;align-self:start}.life-timeline-image img,.life-year-stories--single .life-timeline-image img{aspect-ratio:1!important}.life-timeline-image.is-document img{padding:4px}.life-timeline-copy{display:flex;flex-direction:column}.life-timeline-copy .life-timeline-category{display:none}.life-timeline-copy .life-timeline-category>span{display:none}.life-timeline-date{font-size:var(--font-size-sm);margin:4px 0 8px}.life-timeline-copy h4{order:-1;font-size:1.0625rem;line-height:1.6;margin:0}.life-timeline-copy h4 a{display:block;min-height:44px;text-decoration:underline;text-decoration-color:var(--color-border);text-underline-offset:4px}.life-timeline-copy>p:not(.life-timeline-date),body .life-index .life-timeline-copy>.identity-link{display:none}.life-timeline-card:not(:has(.life-timeline-image)){grid-template-columns:1fr}}