/* Reference: 930px container, 16px body, 30% floated portrait. */
body{font-family:Roboto,"Helvetica Neue","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.65}
.container[role="main"]{max-width:930px!important;margin:40px auto 50px!important;padding:0 16px}
.folio{font-size:16px;line-height:1.65}.folio .post-header{margin:0 0 22px}.folio h1.post-title{font-size:36px;line-height:1.3;font-weight:400;margin:0 0 6px}.folio h1 strong{font-weight:650}.folio .name-en{font-size:28px;font-weight:300;margin-left:9px}.folio .post-description{font-size:14px;line-height:1.7;margin:0;color:var(--global-text-color-light,#666)}
.folio h2{font-size:25px;line-height:1.4;font-weight:400;margin:28px 0 14px;clear:both}.folio h3{font-size:18px;line-height:1.5;font-weight:500;margin:0 0 6px}.folio p{margin:0 0 15px}.folio a{color:var(--global-theme-color,#b509ac);text-decoration:none}.folio a:hover{text-decoration:underline}.folio a:focus-visible,.folio button:focus-visible,summary:focus-visible{outline:2px solid var(--global-theme-color,#b509ac);outline-offset:4px}.folio img{max-width:100%;height:auto}.folio .clearfix:after{content:"";display:table;clear:both}
.folio .bio-profile{float:right;width:30%;margin:0 0 18px 24px}.folio .bio-profile img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center 22%;border-radius:3px;box-shadow:0 2px 6px #0002}.folio .profile-info{font-size:13px;line-height:1.8;margin-top:12px;color:var(--global-text-color-light,#666)}.folio .bio{margin-bottom:24px}
.folio .compact-table{width:100%;border-collapse:collapse;font-size:15px}.folio .compact-table td,.folio .compact-table th{padding:7px 0;vertical-align:top;text-align:left;border:0}.folio .compact-table th,.folio .compact-table td:first-child{width:122px;font-size:14px;white-space:nowrap;padding-right:18px}
.folio .record-row{display:grid;grid-template-columns:144px minmax(0,1fr);gap:22px;padding:19px 0;border-bottom:1px solid var(--global-divider-color,#e5e5e5)}.folio .record-row:last-child{border-bottom:0}.folio .record-visual{display:block;position:relative;align-self:start}.folio .record-visual img{display:block;width:144px;height:104px;object-fit:cover;border-radius:2px}.folio .record-badge{display:inline-block;position:absolute;left:0;top:0;padding:1px 8px;background:var(--global-theme-color,#b509ac);color:#fff;font-size:10px;font-weight:600;line-height:1.7;border-radius:2px}.folio .record-copy h3 a{color:var(--global-text-color,#222)}.folio .record-copy p{margin:0 0 7px;font-size:14px}.folio .metadata{font-size:12px!important;color:var(--global-text-color-light,#666)}
.folio .record-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:start;font-size:12px}.folio .record-actions>a,.folio .record-actions summary{border:1px solid var(--global-text-color,#555);border-radius:2px;padding:1px 10px;color:var(--global-text-color,#333);cursor:pointer;line-height:1.8}.folio .record-actions>a:hover,.folio .record-actions summary:hover{border-color:var(--global-theme-color,#b509ac);color:var(--global-theme-color,#b509ac);text-decoration:none}.folio details[open]{flex-basis:100%}.folio details[open] summary{display:inline-block;margin-bottom:8px}.folio details p{font-size:14px;margin:8px 0}
.folio .crumbs{display:flex;gap:9px;flex-wrap:wrap;font-size:12px;color:var(--global-text-color-light,#777);margin:-10px 0 24px}.folio .detail-profile{float:right;width:32%;margin:0 0 20px 24px}.folio .detail-profile img{width:100%;max-height:255px;object-fit:contain;border-radius:2px}.folio figcaption{font-size:12px;line-height:1.5;color:var(--global-text-color-light,#777);margin-top:7px}.folio .photo-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.folio .photo-strip figure{margin:0}.folio .photo-strip img{width:100%;height:215px;object-fit:contain;background:var(--global-code-bg-color,#f7f7f7)}
.folio .text-plate{display:flex;min-height:104px;padding:22px 12px;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;background:var(--global-code-bg-color,#f6f3f6);border:1px solid var(--global-divider-color,#eee);text-align:center}.folio .text-plate>span{font-size:24px;letter-spacing:3px;color:var(--global-theme-color,#b509ac)}.folio .text-plate small{font-size:11px;color:var(--global-text-color-light,#777)}
.folio .source-lines p{font-size:14px;margin:8px 0}.folio .source-label{display:inline-block;width:92px;font-size:12px;color:var(--global-text-color-light,#777)}.folio .related-links{border-top:1px solid var(--global-divider-color,#ddd);padding:16px 0;margin-top:28px;display:flex;gap:20px;flex-wrap:wrap;font-size:13px}.folio .editor-note{font-size:12px;line-height:1.6;color:var(--global-text-color-light,#777);margin:18px 0}
.folio-social{clear:both;text-align:center;margin:42px 0 0;padding-top:18px}.folio .social-icons{display:flex;align-items:center;justify-content:center;gap:21px;flex-wrap:wrap}.folio .social-icons>a{color:var(--global-text-color,#111);font-size:43px;line-height:1.2;display:flex;align-items:center;justify-content:center;min-width:42px;height:60px}.folio .social-icons>a:hover{color:var(--global-theme-color,#b509ac);text-decoration:none}.folio .cv-icon{font-weight:700;font-family:Arial,sans-serif;font-size:35px}.folio .zaih-icon{font-size:36px;font-weight:650}.folio .social-icons .qr-link img{width:58px;height:58px}.folio-social p{font-size:13px;margin:12px 0 3px}.folio-social small{font-size:11px;color:var(--global-text-color-light,#777)}
.folio .article-entry{padding:19px 0;border-bottom:1px solid var(--global-divider-color,#ddd)}.folio .article-entry h2{font-size:21px;margin:0 0 6px}.folio .article-entry p{font-size:14px}.folio .filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.folio .filter-bar button{border:1px solid var(--global-divider-color,#ddd);background:transparent;color:var(--global-text-color,#333);padding:3px 12px;border-radius:2px;font-size:12px;cursor:pointer}.folio .filter-bar button[aria-pressed=true]{background:var(--global-theme-color,#b509ac);color:white;border-color:var(--global-theme-color,#b509ac)}.folio [hidden]{display:none!important}
.folio .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.folio .contact-block{padding:20px 0;border-top:1px solid var(--global-divider-color,#ddd);scroll-margin-top:80px}.folio .contact-block img{width:136px;height:136px;display:block;margin:12px 0}.folio .contact-block code{font-size:13px;overflow-wrap:anywhere}.folio .badge-muted{font-size:11px;padding:2px 6px;background:var(--global-code-bg-color,#f3f0f3);color:var(--global-text-color-light,#777)}
.photo-viewer{width:min(1000px,94vw);max-height:94vh;background:var(--global-bg-color,#fff);color:var(--global-text-color,#222);border:0;padding:16px;border-radius:4px}.photo-viewer::backdrop{background:#000d}.photo-viewer>img{display:block;width:100%;height:70vh;object-fit:contain}.viewer-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:12px}.viewer-toolbar button{background:none;color:inherit;border:1px solid #aaa;padding:5px 12px;cursor:pointer}.viewer-toolbar [data-close]{margin-left:auto}.viewer-caption{font-size:13px;margin:12px 0 0}.life-chapter{scroll-margin-top:90px;border-top:1px solid var(--global-divider-color,#ddd);padding-top:24px;margin-top:28px}.folio .life-chapter h2{margin-top:5px}.consulting-stats strong{font-size:26px;font-weight:500}.consulting-stats span{margin:0 15px}
#folio-search{background:var(--global-bg-color,#fff);color:var(--global-text-color,#222);border:1px solid var(--global-divider-color,#ddd);border-radius:6px;width:min(620px,90vw);max-height:75vh;padding:22px}#folio-search::backdrop{background:#0006}.search-heading{display:flex;justify-content:space-between;align-items:center}.search-heading h2{font-size:22px;margin:0 0 16px}#close-folio-search{background:none;border:0;font-size:28px;cursor:pointer;color:inherit}#folio-search label{font-size:13px;display:block}#folio-query{width:100%;padding:10px;box-sizing:border-box;margin:8px 0;border:1px solid #aaa;background:transparent;color:inherit}#folio-search-results{list-style:none;margin:0;padding:0}#folio-search-results a{display:block;padding:9px 0;color:var(--global-theme-color,#b509ac)}#folio-search-results small{display:block;color:var(--global-text-color-light,#777)}.folio-search-toggle{border:0;background:none;color:inherit;cursor:pointer;font-size:15px;padding:5px 10px}
/* Notes keep the al-folio scale, with a narrower reading measure and one title. */
.folio .notes-nav{display:flex;flex-wrap:wrap;gap:12px 26px;padding:0 0 20px;margin:0 0 10px;border-bottom:1px solid var(--global-divider-color,#ddd);font-size:14px}
.folio .notes-section{scroll-margin-top:90px;margin-top:30px}.folio .notes-section>h2{margin:0 0 4px;font-size:23px}.folio .note-entry{padding:18px 0;border-bottom:1px solid var(--global-divider-color,#e5e5e5)}.folio .note-entry .metadata{margin:0 0 5px}.folio .note-entry h3{font-size:19px;line-height:1.55;margin:0 0 7px}.folio .note-entry h3 a{color:var(--global-text-color,#222)}.folio .note-entry>p:not(.metadata){font-size:14px;line-height:1.75;margin:0 0 8px;max-width:760px}.folio .note-read-link{font-size:13px}.folio-note{max-width:760px;margin:0 auto}.folio-note h1.post-title{font-size:30px;line-height:1.5;text-wrap:pretty}.folio-note .post-header{margin-bottom:18px}.folio-note .crumbs{margin:0 0 12px}.folio .note-meta{font-size:12px;color:var(--global-text-color-light,#666);margin-bottom:28px}.folio .note-body{font-size:16px;line-height:1.9;overflow-wrap:break-word}.folio .note-body>p{margin-bottom:20px}.folio .note-body h2{font-size:22px;line-height:1.5;margin:36px 0 16px}.folio .note-body strong{font-weight:600}.folio .note-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:13px;border-top:1px solid var(--global-divider-color,#ddd);margin-top:36px;padding-top:18px}
@media(max-width:600px){.container[role="main"]{margin-top:28px!important;padding:0 18px}.folio{font-size:15px;line-height:1.7}.folio h1.post-title{font-size:30px}.folio .name-en{font-size:22px}.folio h2{font-size:23px;margin-top:24px}.folio .bio-profile{width:32%;margin-left:16px}.folio .profile-info{font-size:11px}.folio .bio p{margin-bottom:13px}.folio .record-row{grid-template-columns:100px minmax(0,1fr);gap:15px}.folio .record-visual img{width:100px;height:84px}.folio .record-copy h3{font-size:16px}.folio .record-copy p{font-size:13px}.folio .compact-table td:first-child{width:85px;font-size:12px;padding-right:12px;white-space:normal}.folio .compact-table{font-size:14px}.folio .social-icons{gap:14px}.folio .social-icons>a{font-size:32px;min-width:30px;height:44px}.folio .cv-icon{font-size:28px}.folio .social-icons .qr-link img{width:42px;height:42px}.folio .photo-strip{gap:12px}.folio .photo-strip img{height:150px}.folio .detail-profile{width:35%;margin-left:15px}.folio .contact-grid{grid-template-columns:1fr}.folio-note h1.post-title{font-size:26px}.folio .note-body{font-size:15px;line-height:1.85}.folio .note-body h2{font-size:21px}.folio .note-entry h3{font-size:17px}.folio .notes-nav{gap:10px 18px;font-size:13px}}
