:root{--paper:#f7f5ef;--ink:#272e29;--muted:#74796f;--green:#244b40;--line:#dedfd4;--serif:"Noto Serif SC","Songti SC","SimSun",serif;--sans:"Microsoft YaHei","PingFang SC",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:5px}a:hover{color:var(--green)}img{max-width:100%;display:block}button{cursor:pointer}.wrap{width:min(1180px,100% - 96px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:116px;display:flex}.brand{font-family:Georgia,var(--serif);letter-spacing:-.6px;align-items:center;gap:13px;font-size:24px;font-weight:700;display:flex}.brand-icon{background:var(--green);width:38px;height:40px;color:var(--paper);border-radius:5px 5px 12px;place-items:center;font-size:29px;font-style:italic;font-weight:400;display:grid}.brand-light{font-family:var(--serif);margin-left:4px;font-size:20px;font-weight:500}.site-header nav{align-items:center;gap:35px;font-size:14px;display:flex}.site-header nav a{padding:12px 0;position:relative}.site-header nav a[aria-current=page]{color:var(--green);font-weight:700}.site-header nav a[aria-current=page]:after{content:"";background:var(--green);border-radius:50%;width:4px;height:4px;position:absolute;bottom:0;left:50%}.nav-search{margin-left:5px;display:flex}.intro{justify-content:space-between;align-items:center;padding:65px 0 64px;display:flex}.eyebrow{letter-spacing:2.2px;color:var(--muted);align-items:center;gap:9px;font-family:Georgia,serif;font-size:10px;font-weight:400;display:flex}.green-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.intro h1{font-family:var(--serif);letter-spacing:1px;margin:22px 0 20px;font-size:clamp(34px,4vw,48px);font-weight:500;line-height:1.6}.italic-green{color:var(--green)}.intro-copy{color:#70756c;font-size:14px;line-height:2}.intro-aside{color:#667565;width:270px;font-family:var(--serif);letter-spacing:4px;flex-direction:column;align-items:flex-start;padding:25px 0 0 42px;font-size:15px;line-height:2;display:flex;position:relative}.aside-line{background:#c5cdbe;width:1px;height:83px;position:absolute;top:25px;left:10px}.handwritten{letter-spacing:-.5px;color:#82907b;margin:27px 0 0 4px;font-family:Georgia,serif;font-size:24px;font-style:italic;transform:rotate(-8deg)}.home-grid{grid-template-columns:minmax(0,1fr) 280px;gap:64px;padding-top:36px;padding-bottom:85px;display:grid}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:25px;padding:0 0 20px;display:flex}.section-heading h1{align-items:center;gap:15px;margin:0;font-size:15px;font-weight:500;display:flex}.section-heading h1 span{letter-spacing:1.8px;color:var(--muted);font-family:Georgia,serif;font-size:9px}.section-heading>a{color:var(--muted);font-size:12px}.section-heading>a span{margin-left:8px}.feature-cover{aspect-ratio:1.98;background:#e6e5d9;border-radius:3px;display:block;position:relative;overflow:hidden}.feature-cover img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.feature-cover:hover img{transform:scale(1.025)}.typographic-cover{height:100%;color:var(--green);background:#e5e8dc;flex-direction:column;justify-content:space-between;padding:34px 42px;display:flex}.typographic-cover>span{letter-spacing:2px;font-family:Georgia,serif;font-size:10px}.typographic-cover strong{font-family:var(--serif);font-size:35px;font-weight:500;line-height:1.5}.cover-label{color:var(--green);letter-spacing:1px;background:#f7f5efe8;border-radius:2px;padding:7px 11px;font-size:10px;position:absolute;top:17px;left:17px}.cover-arrow{width:32px;height:32px;color:var(--green);background:#f7f5efbd;border:1px solid #f7f5efb0;border-radius:50%;place-items:center;font-size:18px;display:grid;position:absolute;bottom:19px;right:19px}.article-meta{color:var(--muted);letter-spacing:.3px;flex-wrap:wrap;align-items:center;gap:11px;font-size:11px;display:flex}.featured .article-meta{margin-top:24px}.demo-label{border:1px solid var(--line);border-radius:2px;padding:2px 6px;font-size:10px}.featured h3{font-family:var(--serif);margin:12px 0 10px;font-size:26px;font-weight:600;line-height:1.6}.article-excerpt{color:var(--muted);max-width:640px;margin:0;font-size:13px;line-height:2}.text-link{color:var(--green);border-bottom:1px solid #aebdaf;align-items:center;gap:20px;margin-top:23px;padding-bottom:5px;font-size:12px;display:inline-flex}.home-sidebar{padding-top:60px}.about-card{background:#e9ede3;border:1px solid #e0e5d9;border-radius:3px;padding:28px 27px 29px}.about-card .eyebrow{color:#667461;font-size:9px}.avatar{color:var(--green);margin:28px 0 24px;font-family:Georgia,serif;font-size:48px;font-style:italic;line-height:1}.avatar span{color:#8b9f7b}.about-card h2{font-size:16px;font-family:var(--serif);margin:0 0 19px;font-weight:600}.small-period{color:var(--green)}.about-card p{color:#66715f;margin:0 0 14px;font-size:12px;line-height:2}.about-card a{color:var(--green);justify-content:space-between;margin-top:8px;font-size:11px;display:flex}.side-note{padding:32px 5px 0}.side-note .eyebrow{font-size:9px}.side-note p{font-family:var(--serif);color:#757e6e;margin:18px 0 16px;font-size:13px;line-height:2.1}.note-signature{color:#87917e;font-family:Georgia,serif;font-size:13px;font-style:italic}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:31px;padding-bottom:35px;display:flex}.footer-brand{font-size:16px;font-family:Georgia,var(--serif);align-items:center;gap:10px;font-weight:600;display:flex}.site-footer p{color:var(--muted);margin:10px 0 0;font-size:11px}.footer-right{color:var(--muted);align-items:center;gap:30px;font-size:11px;display:flex}.mobile-only{display:none}.skip-link{z-index:100;background:var(--green);color:#fff;padding:15px;position:fixed;top:-70px;left:20px}.skip-link:focus{top:10px}.recent-list{margin-top:40px}.recent-list article{border-top:1px solid var(--line);padding:25px 0}.recent-list h3{font-family:var(--serif);font-size:22px}.recent-list p{color:var(--muted);font-size:13px;line-height:2}.empty-note{color:var(--muted);padding:45px 0;line-height:2}@media (width>=1500px){.wrap{width:1180px}.intro{padding-block:76px}.intro h1{font-size:52px}}@media (width<=1000px){.wrap{width:calc(100% - 64px)}.home-grid{grid-template-columns:minmax(0,1fr) 245px;gap:35px}.intro-aside{width:220px}.featured h3{font-size:23px}.about-card{padding:25px 20px}.section-heading h1 span{display:none}}@media (width<=720px){.wrap{width:calc(100% - 40px)}.site-header{height:90px}.brand{gap:8px;font-size:19px}.brand-icon{width:30px;height:33px;font-size:24px}.brand-light{font-size:16px}.site-header nav{gap:19px;font-size:12px}.nav-search{display:none}.intro{padding:43px 0 37px}.intro h1{letter-spacing:0;margin-block:19px;font-size:34px;line-height:1.65}.intro-copy{font-size:12px;line-height:2.1}.intro-aside{display:none}.eyebrow{font-size:9px}.home-grid{grid-template-columns:1fr;gap:36px;padding-top:24px;padding-bottom:45px}.home-sidebar{grid-template-columns:1fr 1fr;gap:18px;padding-top:0;display:grid}.side-note{padding:18px 0 0 8px}.about-card{padding:20px 18px}.about-card h2{font-size:14px}.about-card p{font-size:11px}.avatar{margin-block:20px;font-size:40px}.feature-cover{aspect-ratio:1.6}.featured h3{font-size:22px}.section-heading{margin-bottom:20px;padding-bottom:16px}.site-footer{align-items:flex-start;gap:25px;padding-block:25px}.footer-right{flex-direction:column;align-items:flex-end;gap:12px}.typographic-cover{padding:30px}.typographic-cover strong{font-size:30px}.article-meta{font-size:10px}.featured .article-meta{margin-top:20px}.side-note p{font-size:12px}}@media (width<=370px){.site-header nav{gap:12px}.brand{font-size:17px}.brand-light{font-size:14px}.intro h1{font-size:29px}.home-sidebar{grid-template-columns:1fr}.side-note{padding-left:4px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.page-heading{padding:58px 0 33px}.page-heading h1{font-family:var(--serif);margin:20px 0 14px;font-size:42px;font-weight:500;line-height:1.5}.heading-dot{color:var(--green)}.page-heading>p:last-child{color:var(--muted);font-size:14px;line-height:2}.archive-page{max-width:970px;min-height:65vh;padding-bottom:90px}.search-form{color:var(--muted);background:#fbfaf6;border:1px solid #cdd3c7;border-radius:4px;align-items:center;gap:14px;margin-top:12px;padding:9px 12px 9px 19px;display:flex}.search-form input{outline-offset:0;min-width:0;color:var(--ink);background:0 0;border:0;flex:1;padding:10px 0;font-size:13px}.search-form button{color:var(--muted);white-space:nowrap;background:0 0;border:0;padding:9px;font-size:12px}.search-form .search-submit{background:var(--green);color:var(--paper);border-radius:3px;padding:10px 18px}.archive-count{color:var(--muted);margin:20px 0 35px;font-size:11px}.year-group{grid-template-columns:120px 1fr;gap:30px;padding-top:10px;display:grid}.year-group>h2{color:var(--green);margin:16px 0;font-family:Georgia,serif;font-size:27px;font-weight:400;line-height:1.2}.year-group>h2 span{font-family:var(--serif);margin-left:8px;font-size:10px}.archive-item{border-top:1px solid var(--line);padding:20px 0 30px}.archive-item h3{font-family:var(--serif);margin:15px 0 10px;font-size:23px;font-weight:500;line-height:1.6}.archive-item h3 a{justify-content:space-between;align-items:center;gap:25px;display:flex}.archive-item h3 span{font-family:var(--sans);color:#8a9883;font-size:20px}.archive-item p{color:var(--muted);margin:0;font-size:13px;line-height:2}.no-results{text-align:center;padding:40px 0 80px}.no-results>span{color:var(--muted);font-size:45px}.no-results h2{font-family:var(--serif);font-size:22px;font-weight:500}.no-results p{color:var(--muted);font-size:13px;line-height:2}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[hidden]{display:none!important}.reading-page{padding-top:35px;padding-bottom:75px}.back-link{color:var(--muted);font-size:12px}.article-heading{max-width:800px;padding:46px 0 36px}.article-heading h1{font-family:var(--serif);margin:22px 0 18px;font-size:38px;font-weight:600;line-height:1.65}.article-heading>p{color:var(--muted);font-size:14px;line-height:2}.byline{align-items:center;gap:11px;margin-top:24px;font-size:12px;display:flex}.byline-avatar{color:var(--green);background:#e7ece1;border-radius:50%;place-items:center;width:29px;height:29px;font-family:Georgia,serif;font-size:19px;font-style:italic;display:grid}.updated{color:var(--muted);margin-left:auto;font-size:11px}.reading-grid{grid-template-columns:minmax(0,760px) minmax(170px,1fr);gap:80px;display:grid}.article-body{min-width:0}.demo-notice{color:#69715f;background:#eeeee4;border-left:2px solid #8b9e7c;margin:0 0 28px;padding:17px 20px;font-size:12px}.demo-notice strong{font-weight:500}.demo-notice p{margin:7px 0 0;font-size:11px;line-height:1.8}.article-cover{margin:0 0 35px}.article-cover img{border-radius:3px;width:100%;height:auto}.article-cover figcaption{text-align:center;color:var(--muted);margin-top:10px;font-size:10px;line-height:1.8}.prose{color:#3e453c;overflow-wrap:anywhere;font-size:16px;line-height:2.1}.prose p{margin:0 0 25px}.prose h2{font-family:var(--serif);color:var(--ink);margin:42px 0 21px;font-size:25px;font-weight:600;line-height:1.6}.prose h3{font-family:var(--serif);margin:30px 0 18px;font-size:20px;line-height:1.7}.prose ul,.prose ol{margin-bottom:26px;padding-left:24px}.prose li{margin-bottom:9px;padding-left:4px}.prose li::marker{color:#71866a}.prose a{color:var(--green);text-underline-offset:4px;text-decoration:underline}.prose blockquote{font-family:var(--serif);color:var(--green);background:#edf0e7;border-left:2px solid #8aa079;margin:30px 0;padding:18px 25px}.prose blockquote p{margin:0}.prose table{white-space:normal;border-collapse:collapse;max-width:100%;margin:25px 0;font-size:14px;display:block;overflow-x:auto}.prose th,.prose td{text-align:left;border:1px solid var(--line);min-width:100px;padding:12px 18px}.prose th{background:#e9ede3;font-weight:500}.prose pre{border-radius:3px;padding:22px;font-size:13px;line-height:1.8;overflow:auto}.prose :not(pre)>code{background:#e9ede3;padding:3px 6px;font-size:.9em}.prose img{border-radius:3px;height:auto}.desktop-toc{padding-top:8px;position:relative}.desktop-toc nav{border-left:1px solid var(--line);padding-left:24px;position:sticky;top:40px}.desktop-toc h2{margin:18px 0;font-size:12px;font-weight:500}.desktop-toc ol,.mobile-toc ol{color:var(--muted);padding:0;font-size:12px;line-height:1.8;list-style:none}.desktop-toc li{margin:14px 0}.toc-sub{padding-left:12px;font-size:11px}.toc-back{color:#85917c;margin-top:32px;font-size:11px;display:block}.mobile-toc{display:none}.article-end{text-align:center;color:var(--muted);padding:36px 0 28px;font-size:13px}.article-end>span{letter-spacing:12px;color:#8e9a84;font-size:19px}.article-end p{font-family:var(--serif);margin-top:20px}.article-actions{border-top:1px solid var(--line);color:var(--green);justify-content:space-between;gap:20px;padding-top:24px;font-size:12px;display:flex}.article-actions button{color:var(--green);background:0 0;border:0;padding:0;font-size:12px}.copy-status{color:var(--muted);text-align:right;min-height:18px;font-size:11px}.original-link{color:var(--green);text-underline-offset:4px;margin:10px 0 30px;font-size:13px;text-decoration:underline;display:inline-block}#copy-fallback{color:var(--muted);font-size:12px}#copy-fallback input{border:1px solid var(--line);background:#fbfaf6;width:100%;margin-top:12px;padding:10px}.next-reading h2{font-size:15px}.next-reading a{margin-top:15px;font-size:14px;display:block}.about-page{max-width:1050px;padding-bottom:100px}.about-layout{grid-template-columns:minmax(0,1fr) 300px;gap:80px;display:grid}.about-layout .prose h2:first-child{margin-top:15px}.about-quote{background:#e9ede3;align-self:start;margin-top:16px;padding:35px 30px}.about-quote blockquote{font-family:var(--serif);color:var(--green);margin:30px 0;font-size:22px;line-height:2.1}.about-quote blockquote span{color:#7a8872;font-size:16px}.not-found{min-height:65vh;padding-block:90px}.not-found h1{font-family:var(--serif);font-size:34px;line-height:1.7}.not-found>p:not(.eyebrow){color:var(--muted);font-size:14px}@media (width<=1000px){.reading-grid{grid-template-columns:minmax(0,1fr) 185px;gap:35px}.article-heading h1{font-size:33px}.about-layout{grid-template-columns:minmax(0,1fr) 250px;gap:35px}.about-quote{padding:28px 22px}.about-quote blockquote{font-size:19px}}@media (width<=720px){.page-heading{padding:38px 0 22px}.page-heading h1{font-size:31px}.page-heading>p:last-child{font-size:12px}.archive-page{padding-bottom:45px}.search-form{gap:9px;padding-left:12px}.search-form input{font-size:12px}.search-form .search-submit{padding:9px 12px}.search-form button{font-size:11px}.year-group{grid-template-columns:1fr;gap:8px}.year-group>h2{margin:9px 0 15px;font-size:24px}.archive-item h3{font-size:21px}.archive-item p{font-size:12px}.reading-page{padding-top:26px;padding-bottom:35px}.article-heading{padding:33px 0 25px}.article-heading h1{margin-block:17px;font-size:28px}.article-heading>p{font-size:12px}.reading-grid{grid-template-columns:1fr;gap:0}.desktop-toc{display:none}.mobile-toc{border-block:1px solid var(--line);color:var(--green);margin:25px 0 30px;padding:14px 0;font-size:13px;display:block}.mobile-toc summary{cursor:pointer}.mobile-toc li{padding-block:6px}.prose{font-size:15px;line-height:2.1}.prose h2{margin-top:35px;font-size:22px}.prose h3{font-size:18px}.prose blockquote{padding:16px 19px}.prose th,.prose td{padding:9px 11px;font-size:12px}.about-page{padding-bottom:50px}.about-layout{grid-template-columns:1fr;gap:30px}.about-quote{margin-top:0;padding:25px}.about-quote blockquote{margin-block:22px;font-size:23px}.not-found h1{font-size:26px}.archive-count{margin-bottom:25px}.article-actions,.article-actions button{font-size:11px}}@font-face{font-family:Geist Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/geist-sans-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Geist Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/geist-sans-latin-600-normal.woff2)format("woff2")}:root{--paper:#f5f5f5;--ink:#171717;--muted:#666;--green:#171717;--line:#00000026;--body-copy:#404040;--hover:#0000000d;--header-bg:#f5f5f5bf;--link-line:#0000004d;--sans:"Geist Sans", "Microsoft YaHei", "PingFang SC", sans-serif;--serif:var(--sans);color-scheme:light}html[data-theme=dark]{--paper:#171717;--ink:#fafafa;--muted:#a3a3a3;--green:#fafafa;--line:#fff3;--body-copy:#d4d4d4;--hover:#ffffff0d;--header-bg:#171717bf;--link-line:#ffffff4d;color-scheme:dark}@media (prefers-color-scheme:dark){html:not([data-theme]){--paper:#171717;--ink:#fafafa;--muted:#a3a3a3;--green:#fafafa;--line:#fff3;--body-copy:#d4d4d4;--hover:#ffffff0d;--header-bg:#171717bf;--link-line:#ffffff4d;color-scheme:dark}}html{scroll-padding-top:100px}.micro-site{min-height:100vh;font-family:var(--sans);background:var(--paper);color:var(--body-copy);flex-direction:column;font-size:16px;line-height:1.75;display:flex}.micro-site .wrap{width:min(640px,100%);margin-inline:auto;padding-inline:12px}.micro-site main{flex:1;padding:128px 0}.micro-site main:focus{outline:none}.micro-site h1,.micro-site h2,.micro-site h3{color:var(--ink);font-family:var(--sans);letter-spacing:0;font-weight:600}.micro-site h1{margin:0 0 20px;font-size:20px;line-height:1.5}.micro-site .micro-intro h1{font:inherit;color:inherit}.micro-site h2,.micro-site h3{margin:0;font-size:16px;line-height:1.5}.micro-site p{margin:0 0 20px}.micro-site a{transition:color .2s,background-color .2s}.micro-site a:hover{color:var(--ink)}.micro-site a:focus-visible,.micro-site button:focus-visible,.micro-site input:focus-visible,.micro-site summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}::selection{background:#a3a3a355}.micro-site .skip-link{background:var(--ink);color:var(--paper);font-size:14px}.micro-header{z-index:50;background:var(--header-bg);backdrop-filter:blur(8px)saturate(200%);padding:24px 0;position:fixed;inset:0 0 auto}.micro-header-inner{justify-content:space-between;align-items:center;gap:12px;display:flex}.micro-brand{color:var(--ink);white-space:nowrap;font-size:16px;font-weight:600}.micro-brand span{color:var(--muted)}.micro-header nav{align-items:center;gap:5px;font-size:14px;line-height:1.5;display:flex}.micro-header nav>a:not(.micro-search),.micro-link,.micro-footer-links a,.back-to-top{text-underline-offset:3px;text-decoration:underline;text-decoration-color:var(--link-line)}.micro-header nav>a[aria-current=page]{color:var(--ink);text-decoration-color:var(--ink)}.micro-search{border:1px solid var(--line);border-radius:4px;align-items:center;gap:4px;margin-left:5px;padding:4px 7px;font-size:12px;display:flex}.micro-search:hover{background:var(--hover)}.micro-section{margin-top:64px}.micro-section-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px;display:flex}.micro-intro p:last-child{margin:0}.micro-card-list{flex-direction:column;gap:16px;display:flex}.micro-arrow-card{border:1px solid var(--line);color:var(--body-copy);border-radius:8px;padding:12px 40px 12px 16px;display:flex;position:relative}.micro-arrow-card:hover,.micro-arrow-card:focus-visible{color:var(--ink);background:var(--hover)}.micro-card-copy{flex:1;min-width:0}.micro-card-copy h2,.micro-card-copy h3{color:inherit;font-size:16px;line-height:1.5}.micro-card-copy p{margin:2px 0 0;font-size:14px;line-height:1.6}.micro-arrow{width:20px;height:20px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.micro-arrow line{transform-origin:50%;transition:transform .3s;transform:translate(12px)scaleX(0)}.micro-arrow polyline{transition:transform .3s;transform:translate(-4px)}.micro-arrow-card:hover .micro-arrow line,.micro-arrow-card:focus-visible .micro-arrow line{transform:translate(0)scaleX(1)}.micro-arrow-card:hover .micro-arrow polyline,.micro-arrow-card:focus-visible .micro-arrow polyline{transform:translate(0)}.micro-site .micro-section-note{color:var(--muted);margin:-8px 0 20px;font-size:14px}.micro-site .writing-meta{color:var(--muted);align-items:center;gap:8px;margin-top:6px;font-size:12px;display:flex}.micro-connect h2{margin-bottom:20px}.micro-socials{flex-wrap:wrap;gap:8px;display:flex}.micro-socials a{overflow-wrap:anywhere}.micro-page-heading{margin-bottom:32px}.micro-page-heading p{margin:0}.micro-category{color:var(--muted);margin-bottom:5px;font-size:12px;display:block}.micro-domain{color:var(--muted);margin-top:12px;font-size:12px;display:block}.micro-site .micro-project-contact{margin:40px 0 0;font-size:14px}.micro-prose h2{margin:48px 0 20px}.past-project{border:1px solid var(--line);border-radius:8px;padding:16px}.past-project p{color:var(--muted);margin:8px 0 0;font-size:14px}.micro-footer{padding-block:24px;font-size:14px;position:relative}.micro-footer-main{justify-content:space-between;align-items:center;gap:20px;display:flex}.micro-footer .back-to-top{color:var(--muted);font-size:12px;position:absolute;top:-32px;right:12px}.theme-controls{gap:6px;display:flex}.theme-controls button{border:1px solid var(--line);width:36px;height:36px;color:inherit;background:0 0;border-radius:4px;place-items:center;padding:0;display:grid}.theme-controls button:hover,.theme-controls button[aria-pressed=true]{background:var(--hover);color:var(--ink)}.theme-controls button[aria-pressed=true]{border-color:var(--muted)}.micro-footer-links{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;font-size:12px;display:flex}.theme-credit{margin-left:auto}.micro-site .archive-page,.micro-site .reading-page,.micro-site .about-page{padding-block:0}.micro-site .page-heading{padding:0 0 28px}.micro-site .page-heading h1{margin:10px 0 16px;font-size:24px}.micro-site .page-heading>p:last-child{color:var(--muted);font-size:14px}.micro-site .eyebrow{font-family:var(--sans);letter-spacing:.05em;color:var(--muted);font-size:11px}.micro-site .search-form{border-color:var(--line);background:0 0;border-radius:6px;padding:5px 6px 5px 12px}.micro-site .search-form input{color:var(--ink);font-size:14px}.micro-site .search-form button{color:var(--muted)}.micro-site .search-form .search-submit{background:var(--ink);color:var(--paper);border:1px solid var(--line)}.micro-site .archive-count{color:var(--muted);margin:20px 0 32px;font-size:12px}.micro-site .year-group{padding:0;display:block}.micro-site .year-group>h2{color:var(--ink);margin:32px 0 16px;font-size:16px}.micro-site .archive-item{border-color:var(--line);padding:20px 0}.micro-site .archive-item h3{margin:8px 0;font-size:17px;line-height:1.7}.micro-site .archive-item h3 span{color:var(--muted)}.micro-site .archive-item p{color:var(--muted);margin:0;font-size:14px;line-height:1.8}.micro-site .article-meta{color:var(--muted);font-size:12px}.micro-site .article-heading{padding:32px 0}.micro-site .article-heading h1{margin:16px 0;font-size:26px;line-height:1.65}.micro-site .article-heading>p{color:var(--muted);font-size:14px}.micro-site .byline{margin-top:24px}.micro-site .byline-avatar{background:var(--hover);color:var(--ink)}.micro-site .reading-grid{display:block}.micro-site .desktop-toc{display:none}.micro-site .mobile-toc{color:var(--ink);border-color:var(--line);margin:0 0 32px;padding:16px 0;font-size:14px;display:block}.micro-site .mobile-toc li{padding-block:5px}.micro-site .prose{color:var(--body-copy);font-size:16px;line-height:1.95}.micro-site .prose p{margin:0 0 24px}.micro-site .prose h2{margin:40px 0 20px;font-size:22px;line-height:1.6}.micro-site .prose h3{margin:28px 0 16px;font-size:18px;line-height:1.7}.micro-site .prose blockquote{background:var(--hover);border-color:var(--line);color:var(--body-copy)}.micro-site .prose blockquote p{margin:0}.micro-site .prose a{color:inherit;text-decoration-color:var(--link-line)}.micro-site .prose :not(pre)>code,.micro-site .prose th{background:var(--hover)}.micro-site .prose li::marker{color:var(--muted)}.micro-site .prose pre{border:1px solid var(--line);font-size:13px}.micro-site .demo-notice{background:var(--hover);border-color:var(--muted);color:var(--body-copy)}.micro-site .article-end,.micro-site .article-end>span{color:var(--muted)}.micro-site .article-end p{font-family:var(--sans);font-size:13px}.micro-site .article-actions,.micro-site .article-actions button{color:var(--body-copy)}.micro-site #copy-fallback input{background:var(--paper);color:var(--ink);border-color:var(--line)}.micro-site .next-reading h2{margin:32px 0 12px}.micro-site .next-reading a{font-size:14px}.micro-site .not-found{min-height:auto;padding-block:0}.micro-site .not-found h1{font-size:26px}@media (width<=600px){.micro-header{padding-block:20px}.micro-site main{padding:112px 0 96px}.micro-section{margin-top:48px}.micro-section-heading{gap:10px;font-size:14px}.micro-site .article-heading h1{font-size:23px}.micro-site .prose{font-size:15px}}@media (width<=380px){.micro-search span{display:none}.micro-search{min-height:28px}.micro-header nav{font-size:13px}.micro-footer-main{gap:8px;font-size:13px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.micro-site *,.micro-site :before,.micro-site :after{transition:none!important}}