:root{color-scheme:light;--color-bg: #f7f3ea;--color-surface: #fffdf7;--color-surface-muted: #ece7da;--color-text: #172121;--color-muted: #5f6764;--color-line: #d8d0c1;--color-accent: #0e6f78;--color-accent-strong: #084b52;--color-warm: #d99a3d;--color-code-bg: #172121;--color-code-text: #eef6f4;--shadow-soft: 0 18px 40px rgb(23 33 33 / 12%);--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:var(--color-bg);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(216 208 193 / 80%);background:#f7f3eaeb;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{min-height:58vh;display:flex;align-items:flex-end;background:linear-gradient(90deg,#172121d1,#17212194 42%,#1721211f),url(/images/site-hero.png) center / cover;color:#fffdf7}.home-hero__content{width:min(var(--max-width),100%);margin:0 auto;padding:5rem 1rem 4.5rem}.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 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:#eec077}.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:#fffdf78c;background:#fffdf71a;color:currentColor}.button-secondary:hover{background:#fffdf733;color:currentColor}.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))}.post-list{display:grid;gap:1rem}.post-card,.project-card,.link-tile{min-width:0;padding:1.25rem;border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);box-shadow:0 1px #1721210a}.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:#0e6f7873;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(0,var(--content-width)) minmax(180px,1fr);gap:3rem;align-items:start}.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{min-height:56vh;background-position:62% center}.home-hero h1,.page-header h1,.post-hero h1{font-size:2.35rem}.post-grid-list,.post-grid-list--two,.link-grid,.post-grid{grid-template-columns:1fr}.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%}}