*,:before,:after{box-sizing:border-box}html,body{color:#000;background:#f2c94c;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Verdana,Geneva,sans-serif;font-size:13px;line-height:1.5}a{color:#000;text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}p{margin:0 0 1em}h1,h2,h3{margin:0;font-weight:700;line-height:1.25}ul{margin:0;padding:0;list-style:none}img{max-width:100%;height:auto;display:block}.page{max-width:880px;margin:0 auto;padding:96px 24px}.row{grid-template-columns:240px 1fr;align-items:start;column-gap:64px;display:grid}.left h1{margin-bottom:16px;font-size:24px}.left .portrait-frame{width:200px;height:240px;margin-bottom:12px;display:block;overflow:hidden}.left .portrait{width:auto;max-width:none;height:100%;transform:translate(-17%)}.left .han{color:#555;margin-bottom:24px;font-size:14px}.left .group{margin-bottom:20px}.left .group p,.left .group ul li{margin:0}.right section{margin-bottom:40px}.right section:last-child{margin-bottom:0}.right h2{margin-bottom:8px;font-size:17px}.right .index li{grid-template-columns:1fr auto;align-items:baseline;column-gap:16px;padding:2px 0;display:grid}.right .index li .date{color:#555;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px}.post{max-width:640px;margin:0 auto}.post-with-gallery{max-width:860px}.post .top{margin-bottom:64px;font-size:14px}.post-head,.post .body{max-width:640px}.post .meta{color:#555;margin-bottom:6px;font-size:14px}.post h1{margin-bottom:32px;font-size:28px}.post .body p{margin-bottom:1em}.post .body h2{margin:28px 0 10px;font-size:19px}.post .body h3{margin:20px 0 8px;font-size:17px}.post .body code{font-family:Courier New,Courier,monospace;font-size:.92em}.post .body pre{background:0 0;border-left:2px solid #000;margin:1em 0;padding:4px 0 4px 14px;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.5;overflow-x:auto}.source-link{margin:24px 0 0;font-size:14px}.photo-section{margin-top:48px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.photo-frame{background:#00000014;margin:0;overflow:hidden}.photo-frame:first-child{grid-column:1/-1}.photo-frame img{width:100%;height:auto;transition:filter .16s,transform .16s}.photo-frame:hover img{filter:contrast(1.04)saturate(1.04);transform:scale(1.01)}.post .bottom{margin-top:80px;font-size:14px}@media (max-width:720px){.page{padding:48px 20px 64px}.row{grid-template-columns:1fr;row-gap:40px}.left{grid-template-columns:auto 1fr;grid-template-areas:"name name""photo han""photo meta""photo links";align-items:start;column-gap:20px;display:grid}.left h1{grid-area:name;margin-bottom:28px}.left .han .han-first{display:block}.left .portrait-frame{grid-area:photo;width:160px;height:192px;margin-bottom:0}.left .han{text-align:right;grid-area:han;margin-top:12px}.left .meta{text-align:right;grid-area:meta}.left .links{text-align:right;grid-area:links}.post h1{font-size:24px}.post .top{margin-bottom:40px}.post-with-gallery{max-width:640px}.photo-grid{grid-template-columns:1fr;gap:12px}.post .bottom{margin-top:56px}}