:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#434748;background:#fff;font-synthesis:none;color-scheme:light;--accent:#197bc0;}
*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:#d5ebfa}.skip-link{position:fixed;top:-60px;left:20px;background:white;padding:12px;z-index:50}.skip-link:focus{top:10px}
.sidebar{background:#202323;color:#b3b8b8;position:fixed;inset:0 auto 0 0;width:280px;padding:65px 34px;display:flex;align-items:flex-end}.sidebar-inner{width:100%}.wordmark{color:#fff;font-weight:650;font-size:32px;letter-spacing:-1px;display:block;line-height:1.3}.wordmark:hover{text-decoration:none}.wordmark span{display:block;font-size:10px;font-weight:500;letter-spacing:2.5px;margin-top:12px;color:#8b9697}.bio{font-size:16px;line-height:1.9;margin:36px 0 30px}.sidebar nav{display:grid;gap:17px}.sidebar nav a{color:#d9dddd;font-size:14px}.sidebar nav a[aria-current]{color:white;font-weight:650}.sidebar-note{display:block;font-size:8px;letter-spacing:1.7px;margin-top:54px;color:#778182;line-height:1.7}
main{margin-left:280px;padding:70px clamp(30px,6vw,110px) 30px;max-width:1390px}article{max-width:880px;margin:0 auto;font-size:17px;line-height:1.95}h1{font-size:clamp(32px,3.4vw,48px);letter-spacing:-1.6px;line-height:1.2;color:#242929;margin:17px 0 12px;font-weight:700}h1 a{color:inherit}h1 a:hover{text-decoration:none;color:var(--accent)}.kicker{font-size:10px;letter-spacing:2.2px;color:#7d898b;font-weight:650}.post-header time{color:#929a9b;font-size:14px}.subtitle{font-size:20px;color:#707a7c;margin:20px 0 38px;line-height:1.7}p{margin:0 0 24px}h2{color:#2b3335;font-size:23px;line-height:1.5;margin:46px 0 18px;letter-spacing:-.3px}.viewer-figure{margin:38px 0 40px}.viewer-figure iframe{display:block;width:100%;height:570px;border:0;background:#b4bfc3;border-radius:2px}.viewer-figure figcaption{font-size:11px;line-height:1.8;display:flex;justify-content:space-between;gap:10px;color:#8b9698;padding-top:12px;flex-wrap:wrap}.references{border-top:1px solid #e5e9e9;margin-top:40px;padding-top:22px;display:grid;gap:8px;font-size:14px;line-height:1.6}.references>span{font-size:11px;color:#8b9495;margin-bottom:4px}footer{font-size:11px;color:#9ba3a4;max-width:880px;margin:65px auto 0;padding-top:22px;border-top:1px solid #eef0f0}.archive-list{padding:0;list-style:none;margin-top:35px}.archive-list li{display:flex;gap:28px;border-top:1px solid #e5e9e9;padding:20px 0}.archive-list time{font-size:13px;color:#8e999b}
@media(min-width:1500px){.sidebar{width:320px;padding:70px 42px}main{margin-left:320px}}
@media(max-width:900px){.sidebar{width:225px;padding:45px 25px}main{margin-left:225px;padding:50px 30px}.bio{font-size:14px}.wordmark{font-size:28px}.viewer-figure iframe{height:510px}article{font-size:16px}}
@media(max-width:680px){.sidebar{position:relative;width:auto;padding:27px 24px;display:block}.sidebar-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.wordmark{font-size:26px}.wordmark span{font-size:8px;margin-top:7px}.bio,.sidebar-note{display:none}.sidebar nav{display:flex;gap:16px;padding-top:11px}.sidebar nav a{font-size:11px}main{margin:0;padding:38px 23px 25px}h1{font-size:35px;letter-spacing:-1.3px}.subtitle{font-size:17px;margin:20px 0 30px}article{font-size:16px;line-height:1.95}.viewer-figure{margin:30px -8px}.viewer-figure iframe{height:530px}.viewer-figure figcaption{font-size:10px;padding-inline:8px}h2{font-size:21px;margin-top:35px}footer{margin-top:45px}.archive-list li{display:grid;gap:3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}