@charset "UTF-8";
:root{color-scheme:light;--ink:#1d1d1f;--body:#303030;--muted:#737373;--line:#e7e7e7;--subtle:#f5f5f5;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fff;color:var(--body);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #586b84;outline-offset:4px}::selection{background:#dce6ef}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}.skip-link{position:fixed;top:-100px;left:16px;padding:12px 18px;background:var(--ink);color:#fff;z-index:100}.skip-link:focus{top:12px}
.site-header{max-width:1024px;padding:0 24px;margin:auto;height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{font-size:24px;font-weight:700;letter-spacing:-.6px;color:var(--ink)}.site-header nav{display:flex;gap:28px;font-size:15px}.site-header nav a:hover{text-decoration:underline;text-underline-offset:5px}.home-shell,.article-shell{width:calc(100% - 48px);max-width:720px;margin:46px auto 0}.site-footer{width:calc(100% - 48px);max-width:720px;margin:60px auto 0;padding:25px 0 30px;display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:13px}.site-footer a:hover{color:var(--ink)}
/* Homepage: a personal welcome followed by the growing article archive. */
.home-page{background:#f5f5f5;min-height:100vh;display:flex;flex-direction:column}
.home-page .site-header{width:100%}
.home-page #main{flex:1}
.home-page .site-header nav a[href="/#articles"]{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.home-page .home-shell{margin-top:0}
.home-intro{padding:66px 0 62px}
.home-intro h1{font-size:34px;line-height:1.45;font-weight:700;letter-spacing:-.6px;color:var(--ink);margin-bottom:16px}
.home-intro h1>span{display:inline-block;font-size:.95em;margin-right:3px}
.home-intro p{font-size:16px;line-height:1.85;color:var(--muted)}
.social-links{display:flex;gap:18px;align-items:center;margin-top:22px}
.social-links a{display:inline-flex;align-items:center;justify-content:center;width:30px;height:32px;color:var(--ink)}
.social-links a:hover{opacity:.65}
.social-links svg{display:block}
.post-entry{position:relative;margin-bottom:24px;padding:25px 26px;background:#fff;border:1px solid #e8e8e8;border-radius:8px}
.post-entry h2{font-size:24px;line-height:1.45;font-weight:700;color:var(--ink);letter-spacing:-.3px;margin-bottom:10px}
.post-entry h2 a::after{content:"";position:absolute;inset:0;border-radius:8px}
.post-entry:focus-within{outline:2px solid #586b84;outline-offset:3px}
.post-entry h2 a:focus-visible{outline:none}
.post-description{font-size:14px;line-height:1.75;color:var(--muted);margin-bottom:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post-meta,.article-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:13px;line-height:1.8;color:var(--muted)}
.home-page .post-meta{font-size:12px;gap:7px}
.home-page .site-footer{margin-top:52px}
.read-link{display:inline-block;font-size:14px;margin-top:18px}.read-link:hover{text-decoration:underline;text-underline-offset:4px}

.article-heading{margin-bottom:26px}.article-subtitle{font-size:17px;line-height:1.6;color:var(--muted);margin:0 0 16px}.article-heading h1{font-size:36px;font-weight:700;line-height:1.4;letter-spacing:-.8px;color:var(--ink);margin-bottom:12px}.article-cover{margin:0 0 26px}.article-cover img{width:100%;height:auto;border-radius:3px}.table-of-contents{background:var(--subtle);border:1px solid #efefef;border-radius:6px;padding:12px 18px;margin-bottom:38px;font-size:14px}.table-of-contents summary{cursor:pointer;color:var(--ink);font-weight:500;line-height:1.5}.table-of-contents ol{padding:4px 0 0 17px;margin:10px 0 2px;list-style:none}.table-of-contents li{padding:4px 0;line-height:1.8}.table-of-contents a:hover{text-decoration:underline;text-underline-offset:3px}
.prose{font-size:17px;line-height:1.9;overflow-wrap:break-word}.prose p{margin:0 0 22px}.prose h2{font-size:28px;line-height:1.5;font-weight:700;color:var(--ink);margin:48px 0 22px;letter-spacing:-.5px;scroll-margin-top:24px}.prose>h2:first-child{margin-top:0}.prose h3{font-size:22px;line-height:1.55;font-weight:650;color:var(--ink);margin:36px 0 18px;scroll-margin-top:24px}.prose strong{font-weight:650;color:var(--ink)}.prose p a,.prose li a{color:#315c88;text-decoration:underline;text-decoration-color:#bbc9d7;text-underline-offset:4px;text-decoration-thickness:1px}.prose p a:hover,.prose li a:hover{text-decoration-color:currentColor}.prose ul,.prose ol{padding-left:26px;margin:20px 0 24px}.prose li{padding-left:2px;margin:6px 0}.prose hr{border:0;border-top:1px solid var(--line);margin:44px 0}.heading-anchor:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.article-video{margin:24px 0}.article-video video{display:block;width:100%;height:auto;border-radius:3px}.article-figure{margin:30px 0 32px}.article-figure>a{display:block;position:relative;cursor:zoom-in}.article-figure img{width:100%;height:auto;border-radius:3px}.article-figure figcaption{font-size:13px;line-height:1.8;color:var(--muted);margin-top:12px;text-align:center}.zoom-hint{position:absolute;right:9px;bottom:9px;padding:4px 8px;border-radius:3px;background:#fffffff0;font-size:11px;line-height:1.6;color:#555;opacity:0;border:1px solid var(--line)}.article-figure>a:hover .zoom-hint,.article-figure>a:focus-visible .zoom-hint{opacity:1}.equation{overflow-x:auto;overflow-y:hidden;max-width:100%;padding:14px 2px;margin:24px 0 28px;font-size:.9em;scrollbar-width:thin}.equation .katex-display{margin:0;min-width:max-content}.equation .katex-display>.katex{white-space:nowrap}.table-scroll{overflow-x:auto;margin:25px 0 30px;scrollbar-width:thin}.prose table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.8;min-width:540px}.prose th{padding:12px;text-align:left;color:var(--ink);font-weight:600;border-bottom:2px solid #d9d9d9}.prose td{padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:top}.prose td:first-child{white-space:nowrap}.prose blockquote{margin:28px 0;padding-left:20px;border-left:3px solid #ddd;color:#666}.article-end{margin-top:48px;padding-top:25px;border-top:1px solid var(--line);font-size:14px}.article-end a:hover{text-decoration:underline;text-underline-offset:4px}
.image-dialog{border:1px solid var(--line);border-radius:6px;max-width:min(1600px,96vw);width:max-content;padding:16px 20px;background:#fff}.image-dialog::backdrop{background:#000b}.dialog-toolbar{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px;margin-bottom:14px}.dialog-close{border:1px solid var(--line);background:#fff;border-radius:4px;cursor:pointer;padding:6px 10px;color:var(--ink);font-size:13px}.dialog-close span{font-size:19px;padding-left:7px}.dialog-media{overflow:auto;max-height:75vh}.dialog-media img{width:auto;height:auto;max-height:75vh;max-width:100%;object-fit:contain}.dialog-caption{font-size:13px;line-height:1.7;color:var(--muted);margin-top:12px;max-width:1000px}.modal-open{overflow:hidden}.not-found{max-width:720px;margin:100px auto;padding:0 24px}.not-found h1{font-size:32px;margin-top:18px}
@media(max-width:600px){.site-header{height:64px;padding:0 20px}.wordmark{font-size:22px}.site-header nav{gap:22px;font-size:14px}.home-shell,.article-shell{width:calc(100% - 40px);margin-top:30px}.home-intro{padding:44px 0 40px}.home-intro h1{font-size:28px;letter-spacing:-.5px}.home-intro p{font-size:15px}.post-entry{padding:22px 20px}.post-entry h2{font-size:21px}.post-description{font-size:14px}.home-page .post-meta{font-size:11px;gap:6px}.article-heading h1{font-size:29px;line-height:1.4;letter-spacing:-.6px}.article-meta{font-size:12px;gap:7px}.article-heading{margin-bottom:23px}.article-cover{margin-bottom:23px}.table-of-contents{margin-bottom:30px;padding:12px 14px}.table-of-contents ol{padding-left:9px}.prose{font-size:16px;line-height:1.9}.prose h2{font-size:24px;margin-top:40px}.prose h3{font-size:20px;margin-top:30px}.prose p{margin-bottom:20px}.article-figure{margin:25px 0}.article-figure figcaption{font-size:12px}.equation{font-size:.83em;padding:14px 1px}.site-footer{width:calc(100% - 40px);margin-top:40px;font-size:12px}.image-dialog{padding:12px;max-width:97vw}.dialog-caption{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{color:#111}.site-header,.site-footer,.table-of-contents,.article-end,.zoom-hint{display:none}.article-shell{width:100%;max-width:none;margin:0}.article-heading h1{font-size:28px}.article-cover{max-width:600px;margin:0 auto 24px}.prose{font-size:11pt;line-height:1.7}.prose h2{font-size:19pt;break-after:avoid}.prose h3{font-size:14pt;break-after:avoid}.article-figure,table,.equation{break-inside:avoid}.prose a{color:inherit}.equation{font-size:8pt;overflow:visible}}