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