.biography-page{--paper:#faf8f3}.bio-hero{max-width:1280px;margin:12px auto 0;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);background:var(--navy);color:#fff}.bio-portrait{margin:0;min-width:0}.bio-portrait img{display:block;width:100%;height:100%;max-height:735px;object-fit:cover;object-position:center 28%}.bio-introduction{padding:58px 12%;align-self:center}.bio-introduction .eyebrow{color:var(--gold);margin-bottom:30px}.bio-role{font-size:19px;margin-bottom:12px}.bio-introduction h1{font-size:clamp(38px,4.6vw,62px);line-height:1.55}.bio-dates{font-size:15px;color:#dfd7c5;margin:24px 0 0}.bio-introduction .gold-line{margin:30px 0}.bio-lead{font-family:'Noto Serif Thai',serif;font-size:20px;line-height:1.9;color:#e5e9ef;margin:0}.bio-layout{display:grid;grid-template-columns:245px minmax(0,720px);gap:80px;max-width:1140px;margin:auto;padding:90px 28px}.bio-contents{align-self:start;position:sticky;top:35px;font-size:14px}.bio-contents summary{font-family:'Noto Serif Thai',serif;font-size:21px;font-weight:500;cursor:pointer;list-style:none;padding-bottom:18px;border-bottom:1px solid #d5c8b0}.bio-contents summary::-webkit-details-marker{display:none}.bio-contents summary::after{content:'−';float:right;color:#937548}.bio-contents details:not([open]) summary::after{content:'+'}.bio-contents nav{display:grid;gap:0;font-size:14px;margin-top:12px}.bio-contents nav a{display:flex;gap:13px;padding:11px 0;line-height:1.8;text-decoration:none}.bio-contents nav a:hover{color:#8b692e}.bio-contents nav a span{font-size:12px;color:#96794e;flex-shrink:0;padding-top:3px}.bio-source,.translation-detail{font-size:12px;color:var(--muted);line-height:1.8;margin-top:25px}.translation-detail{margin-top:0}.bio-article{min-width:0}.bio-section{scroll-margin-top:32px;margin:0 0 70px}.bio-section .section-number{color:#987641;font-size:13px;letter-spacing:.1em;margin-bottom:12px}.bio-section h2{font-size:30px;line-height:1.6;margin-bottom:28px}.bio-section p:not(.section-number){font-size:19px;line-height:2.05;margin-bottom:25px;overflow-wrap:break-word}.bio-section+.bio-section{border-top:1px solid #ded8cc;padding-top:42px}.family-list{padding-left:27px;line-height:2.05;font-size:19px}.family-list li{padding-left:8px;margin-bottom:24px}.family-list li::marker{color:#96794e}.bio-end{text-align:center;border-top:1px solid #ded8cc;padding-top:40px;color:var(--muted);font-size:16px}.bio-end>span{display:block;color:#a7874e;margin-bottom:25px;font-size:24px}.bio-book{max-width:1140px;margin:0 auto 70px;padding:55px 8%;background:#e9edf2;border-top:2px solid #af915a}.bio-book .eyebrow{margin-bottom:15px}.bio-book h2{font-size:30px;margin-bottom:15px}.bio-book p:not(.eyebrow){max-width:680px;font-size:17px}.bio-book .button{color:var(--navy);margin-top:0}.bio-top{display:inline-block;margin-left:30px;font-size:14px;text-underline-offset:5px}html[lang=en] .bio-lead{font-family:Georgia,serif;font-size:22px}html[lang=en] .bio-section p,html[lang=en] .family-list{line-height:1.85}html[lang=en] .bio-section h2{line-height:1.4}html[lang=en] .bio-introduction h1{font-size:clamp(34px,4.5vw,58px)}.biography-page header nav a:first-child{display:inline}.biography-page summary:focus-visible{outline:3px solid #b68b42;outline-offset:5px}
@media(max-width:1000px){.bio-layout{gap:40px;grid-template-columns:210px minmax(0,1fr);padding:65px 6%}.bio-introduction{padding:40px 9%}.bio-section h2{font-size:27px}}
@media(max-width:760px){.bio-hero{grid-template-columns:1fr;margin-top:0}.bio-portrait{height:480px}.bio-portrait img{height:100%;object-position:center 29%}.bio-introduction{padding:36px 8% 44px}.bio-introduction h1{font-size:44px}.bio-role{font-size:18px}.bio-dates{font-size:14px}.bio-introduction .eyebrow{margin-bottom:18px}.bio-lead{font-size:19px}.bio-layout{display:block;padding:44px 7%}.bio-contents{position:static;border-bottom:1px solid #ded8cc;padding-bottom:24px;margin-bottom:45px}.bio-contents nav{grid-template-columns:1fr 1fr;column-gap:22px}.bio-contents summary{font-size:23px}.bio-source{margin:18px 0 0}.translation-detail{margin:10px 0 0}.bio-section{margin-bottom:45px}.bio-section h2{font-size:27px;margin-bottom:22px}.bio-section p:not(.section-number),.family-list{font-size:18px;line-height:2}.bio-section+.bio-section{padding-top:30px}.bio-book{margin:0 5% 45px;padding:32px 7%}.bio-book h2{font-size:26px}.bio-top{display:block;margin:22px 0 0}.biography-page header nav{flex-wrap:wrap;justify-content:flex-end;gap:5px 12px}.biography-page header nav a:first-child{display:inline}html[lang=en] .bio-introduction h1{font-size:clamp(32px,10vw,48px)}}
@media(max-width:420px){.bio-contents nav{grid-template-columns:1fr}.biography-page header{align-items:flex-start}.biography-page header nav{max-width:145px}.biography-page header .brand{max-width:160px}.bio-portrait{height:430px}.bio-introduction h1{font-size:40px}html[lang=en] .biography-page header nav a{display:inline}.bio-role{font-size:16px}}
@media print{header,.bio-contents,.bio-book,.bio-top,.skip{display:none!important}.bio-layout{display:block;padding:20px}.bio-hero{background:white;color:#172540}.bio-portrait{max-height:350px}.bio-portrait img{max-height:350px;object-fit:contain}.bio-introduction{padding:20px}.bio-introduction h1{font-size:32px}.bio-dates,.bio-lead,.bio-introduction .eyebrow{color:#172540}.bio-section h2{break-after:avoid}.bio-section{break-inside:auto}}