:root{color-scheme:light;--color-bg: #f4f7f5;--color-surface: #fbfdfc;--color-surface-muted: #e6efec;--color-text: #102322;--color-muted: #52615f;--color-line: #c7d2cf;--color-accent: #0f766e;--color-accent-strong: #0a4f49;--color-warm: #c6812e;--color-code-bg: #102322;--color-code-text: #eef8f4;--shadow-soft: 0 18px 38px rgb(18 48 44 / 11%);--radius: 8px;--max-width: 1120px;--content-width: 760px;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--color-bg)}body{margin:0;min-width:320px;background:linear-gradient(#f4f7f5f0,#f4f7f5f0),repeating-linear-gradient(0deg,transparent 0 29px,rgb(199 210 207 / 42%) 30px),repeating-linear-gradient(90deg,transparent 0 29px,rgb(199 210 207 / 42%) 30px);color:var(--color-text);line-height:1.75;letter-spacing:0;text-rendering:optimizeLegibility}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration-color:#0e6f7859;text-underline-offset:.2em}a:hover{color:var(--color-accent-strong)}button,input,textarea{font:inherit}.skip-link{position:absolute;left:1rem;top:1rem;z-index:20;padding:.5rem .75rem;transform:translateY(-150%);border-radius:var(--radius);background:var(--color-text);color:var(--color-surface)}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem max(1rem,calc((100vw - var(--max-width)) / 2));border-bottom:1px solid rgb(199 210 207 / 82%);background:#fbfdfcf0;backdrop-filter:blur(16px)}.brand{display:inline-flex;min-width:0;align-items:center;gap:.6rem;color:var(--color-text);font-weight:700;text-decoration:none}.brand-mark{display:grid;width:2rem;height:2rem;flex:0 0 auto;place-items:center;border-radius:6px;background:var(--color-text);color:var(--color-surface);font-size:.9rem}.site-header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem}.nav-link{min-height:2.25rem;padding:.35rem .65rem;border-radius:999px;color:var(--color-muted);font-size:.95rem;text-decoration:none}.nav-link:hover,.nav-link.is-active{background:var(--color-surface-muted);color:var(--color-text)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:var(--max-width);margin:0 auto;padding:2rem 1rem 3rem;border-top:1px solid var(--color-line);color:var(--color-muted)}.footer-links{display:flex;flex-wrap:wrap;gap:.75rem}.home-hero{position:relative;display:grid;width:min(var(--max-width),calc(100% - 2rem));min-height:330px;grid-template-columns:minmax(0,1fr) 360px;gap:2rem;align-items:center;margin:2.5rem auto 0;overflow:hidden;border:1px solid var(--color-line);background:linear-gradient(90deg,#edf4f1,#d8e7e3);color:var(--color-text)}.home-hero:before{position:absolute;inset:0;content:"";background:repeating-linear-gradient(0deg,transparent 0 31px,rgb(120 145 140 / 22%) 32px),repeating-linear-gradient(90deg,transparent 0 31px,rgb(120 145 140 / 22%) 32px);pointer-events:none}.home-hero__content{position:relative;z-index:1;padding:3rem 2.25rem}.home-hero__diagram{position:relative;z-index:1;display:grid;min-height:230px;place-items:center;padding-right:2.25rem}.diagram-sheet{position:relative;width:100%;max-width:320px;min-height:210px;border:2px solid #2b5f8a;background:#fbfdfc2e}.diagram-sheet:before{position:absolute;right:44px;bottom:-38px;display:grid;width:72px;height:72px;place-items:center;border:2px solid var(--color-accent);border-radius:50%;color:var(--color-accent);content:"+";font:2.7rem/1 Inter,Segoe UI,sans-serif}.diagram-sheet span{display:block;width:78%;height:2px;margin:36px 0 0 32px;background:#2b5f8a85}.diagram-sheet strong{position:absolute;right:8px;bottom:-28px;padding:.5rem .75rem;border:1px solid rgb(82 97 95 / 45%);background:var(--color-surface);font-size:.92rem}.home-hero h1,.page-header h1,.post-hero h1{max-width:820px;margin:0;font-size:3rem;line-height:1.15;letter-spacing:0}.home-hero h1{font-size:4rem}.home-hero p{max-width:650px;margin:1rem 0 0;font-size:1.12rem}.eyebrow{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;margin:0 0 .6rem;color:var(--color-accent-strong);font-size:.86rem;font-weight:700;text-transform:uppercase}.home-hero .eyebrow{color:var(--color-accent)}.button-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.button-row-center{justify-content:center}.button{display:inline-flex;min-height:2.65rem;align-items:center;justify-content:center;padding:.55rem .95rem;border:1px solid var(--color-accent);border-radius:var(--radius);background:var(--color-accent);color:#fffdf7;font-weight:700;text-decoration:none}.button:hover{background:var(--color-accent-strong);color:#fffdf7}.button-secondary{border-color:#52615f73;background:#fbfdfcb3;color:var(--color-text)}.button-secondary:hover{background:var(--color-surface);color:var(--color-text)}.section,.page-header,.post-shell{max-width:var(--max-width);margin:0 auto;padding:4rem 1rem}.section-muted{max-width:none;background:var(--color-surface-muted)}.section-muted>*{max-width:var(--max-width);margin-right:auto;margin-left:auto}.section-plain{padding-top:0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.section-heading h2,.archive-year h2{margin:0;font-size:1.9rem;line-height:1.25}.section-heading .eyebrow{margin-bottom:.2rem}.post-grid-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.post-grid-list--two{grid-template-columns:repeat(2,minmax(0,1fr))}.category-strip,.category-grid{display:grid;gap:1rem}.category-strip{grid-template-columns:repeat(5,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-card{position:relative;display:flex;min-width:0;min-height:7rem;flex-direction:column;justify-content:space-between;overflow:hidden;padding:1.1rem 1rem 1rem 1.2rem;border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);text-decoration:none}.category-card:before{position:absolute;inset:0 auto 0 0;width:5px;background:var(--category-accent, var(--color-accent));content:""}.category-card strong{font-size:1.35rem;line-height:1.25}.category-card span{margin:.6rem 0 .8rem;color:var(--color-muted);font-size:.94rem}.category-card em{color:var(--category-accent, var(--color-accent));font-size:.86rem;font-style:normal;font-weight:700}.category-card--large{min-height:10rem;padding:1.35rem 1.25rem 1.2rem 1.45rem}.category-card:hover{border-color:color-mix(in srgb,var(--category-accent, var(--color-accent)) 55%,var(--color-line));box-shadow:var(--shadow-soft)}.filter-bar{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;padding:1rem;border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface)}.filter-pill{display:inline-flex;min-height:2.65rem;align-items:center;gap:.45rem;padding:.48rem .9rem;border:1px solid color-mix(in srgb,var(--category-accent, var(--color-line)) 70%,var(--color-line));border-radius:6px;background:#f4f7f5;color:var(--category-accent, var(--color-muted));font-weight:700;text-decoration:none}.filter-pill.is-active{border-color:var(--color-text);background:var(--color-text);color:var(--color-surface)}.filter-pill strong{color:inherit;font-size:.82rem}.post-list{display:grid;gap:1rem}.writing-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,360px);gap:2rem;align-items:start}.post-card,.project-card,.link-tile{position:relative;min-width:0;overflow:hidden;padding:1.25rem;border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);box-shadow:0 1px #1721210a}.post-card:before{position:absolute;inset:0 auto 0 0;width:4px;background:var(--category-accent, var(--color-accent));content:""}.post-card h2,.project-card h2{margin:0;font-size:1.35rem;line-height:1.35}.post-card p:not(.eyebrow),.project-card p:not(.eyebrow){margin:.75rem 0 1rem;color:var(--color-muted)}.post-card a,.project-card a{text-decoration:none}.post-card:hover,.project-card:hover,.link-tile:hover{border-color:#0f766e73;box-shadow:var(--shadow-soft)}.tag-list{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none}.tag-list a{display:inline-flex;min-height:1.8rem;align-items:center;padding:.16rem .55rem;border:1px solid rgb(14 111 120 / 24%);border-radius:999px;color:var(--color-accent-strong);font-size:.86rem;text-decoration:none}.tag-list a:hover{background:#0e6f7817}.page-header{padding-bottom:2rem}.page-header p{max-width:720px;margin:1rem 0 0;color:var(--color-muted);font-size:1.08rem}.page-header-center{text-align:center}.page-header-center p{margin-right:auto;margin-left:auto}.post-hero{max-width:var(--content-width);padding-bottom:2.5rem}.post-hero p:not(.eyebrow){color:var(--color-muted);font-size:1.12rem}.post-grid{display:grid;grid-template-columns:minmax(150px,180px) minmax(0,var(--content-width)) minmax(180px,1fr);gap:2rem;align-items:start}.post-meta-rail,.series-panel{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface)}.post-meta-rail{position:sticky;top:5rem;padding:1.2rem}.rail-title{margin:0 0 1rem;padding-bottom:.8rem;border-bottom:1px solid var(--color-line);color:var(--color-muted);font-size:.78rem;font-weight:700;text-transform:uppercase}.post-meta-rail dl{display:grid;gap:1rem;margin:0}.post-meta-rail dt{color:var(--color-muted);font-size:.86rem}.post-meta-rail dd{margin:.25rem 0 0;color:var(--color-text);font-weight:700}.series-panel{padding:1.25rem}.series-panel h2{margin:0 0 1rem;font-size:1.35rem}.series-timeline{display:grid;gap:.85rem;border-left:2px solid var(--color-line);padding-left:1rem}.series-timeline a{position:relative;display:grid;gap:.1rem;color:var(--color-text);text-decoration:none}.series-timeline a:before{position:absolute;top:.55rem;left:-1.42rem;width:.65rem;height:.65rem;border-radius:50%;background:var(--color-accent);content:""}.series-timeline span{color:var(--color-muted);font-size:.9rem}.prose{max-width:var(--content-width);font-size:1.04rem}.prose-narrow{margin-right:auto}.prose h2,.prose h3,.prose h4{margin:2.2rem 0 .75rem;line-height:1.3}.prose h2{font-size:1.7rem}.prose h3{font-size:1.35rem}.prose p,.prose ul,.prose ol,.prose blockquote,.prose figure{margin:1rem 0}.prose blockquote{padding:.2rem 0 .2rem 1rem;border-left:4px solid var(--color-warm);color:var(--color-muted)}.prose pre{overflow-x:auto;padding:1rem;border-radius:var(--radius);background:var(--color-code-bg);color:var(--color-code-text)}.prose code{padding:.1rem .25rem;border-radius:4px;background:#0e6f781a;color:var(--color-accent-strong);font-size:.94em}.prose pre code{padding:0;background:transparent;color:inherit}.prose figure{overflow:hidden;border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface)}.prose figcaption{padding:.7rem .85rem;color:var(--color-muted);font-size:.9rem}.note{padding:1rem;border:1px solid rgb(217 154 61 / 38%);border-radius:var(--radius);background:#d99a3d1a}.toc{position:sticky;top:5rem;padding-left:1rem;border-left:1px solid var(--color-line)}.toc p{margin:0 0 .6rem;color:var(--color-muted);font-size:.86rem;font-weight:700}.toc nav{display:grid;gap:.35rem}.toc a{color:var(--color-muted);font-size:.9rem;text-decoration:none}.toc-depth-3{padding-left:.75rem}.comments{max-width:var(--content-width);margin-top:3rem}.archive-list{display:grid;gap:2rem}.archive-year ol{display:grid;gap:.65rem;margin:1rem 0 0;padding:0;list-style:none}.archive-year li{display:grid;grid-template-columns:10rem minmax(0,1fr);gap:1rem;padding-bottom:.65rem;border-bottom:1px solid var(--color-line)}.archive-year time{color:var(--color-muted)}.link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.link-tile{display:flex;min-height:7rem;flex-direction:column;justify-content:space-between;color:var(--color-text);text-decoration:none}.link-tile strong{color:var(--color-accent-strong)}.search-box{max-width:var(--content-width)}.pagefind-ui{--pagefind-ui-primary: var(--color-accent);--pagefind-ui-text: var(--color-text);--pagefind-ui-background: var(--color-surface);--pagefind-ui-border: var(--color-line);--pagefind-ui-border-width: 1px;--pagefind-ui-border-radius: 8px;--pagefind-ui-font: inherit}@media(max-width:900px){.site-header{align-items:flex-start;flex-direction:column}.site-header nav{justify-content:flex-start}.home-hero{width:min(var(--max-width),calc(100% - 1.8rem));grid-template-columns:1fr}.home-hero__diagram{display:none}.home-hero h1,.page-header h1,.post-hero h1{font-size:2.35rem}.post-grid-list,.post-grid-list--two,.category-strip,.category-grid,.writing-layout,.link-grid,.post-grid{grid-template-columns:1fr}.post-meta-rail{position:static}.toc{position:static;padding-left:0;border-left:0}}@media(max-width:640px){.site-header,.site-footer{padding-right:.9rem;padding-left:.9rem}.brand{width:100%}.brand span:last-child{overflow-wrap:anywhere}.home-hero__content{padding-top:4rem;padding-bottom:3.5rem}.home-hero h1,.page-header h1,.post-hero h1{font-size:2rem}.home-hero p,.page-header p,.post-hero p:not(.eyebrow){font-size:1rem}.section,.page-header,.post-shell{padding-right:.9rem;padding-left:.9rem}.section-heading,.site-footer,.archive-year li{align-items:start;grid-template-columns:1fr;flex-direction:column}.button{width:100%}}