:root{color-scheme:light;--background: #fbfaf8;--text: #1d1d1b;--muted: #67645f;--faint: #d9d4ca;--accent: #375c7a;--accent-strong: #233d52;--max-width: 720px}*{box-sizing:border-box}html{background:var(--background)}body{margin:0;color:var(--text);background:var(--background);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:17px;line-height:1.65;text-rendering:optimizeLegibility}body::selection{background:#dfeaf1}a{color:inherit;text-decoration-color:color-mix(in srgb,var(--accent) 48%,transparent);text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:var(--accent-strong);text-decoration-color:currentColor}.site-header,main{width:min(var(--max-width),calc(100% - 40px));margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px 0 28px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-size:15px;font-weight:650;line-height:1;text-decoration:none}.brand img{flex:0 0 auto}.site-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 18px;font-size:14px;line-height:1.2}.site-nav a{color:var(--muted);text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--text)}.intro{padding:48px 0 38px}.date{color:var(--muted);font-size:14px;line-height:1.4}h1,h2,h3{margin:0;font-weight:650;line-height:1.12;letter-spacing:0}h1{max-width:12ch;font-size:clamp(42px,9vw,76px)}.intro h1{max-width:none;color:var(--muted);font-size:15px;line-height:1.4}h2{margin-top:52px;font-size:24px}h3{margin-top:32px;font-size:20px}p{margin:18px 0 0}ul,ol{margin:18px 0 0;padding-left:1.25rem}li+li{margin-top:6px}.lede{max-width:610px;margin-top:18px;color:#30302d;font-size:20px;line-height:1.55}.quote{max-width:580px;margin:30px 0 0;color:var(--muted);font-size:17px}.intro+section h2{margin-top:36px}.section-list{display:grid;gap:22px;margin:0;padding:0;list-style:none}.section-item{padding-top:22px;border-top:1px solid var(--faint)}.section-item a{display:inline-flex;align-items:baseline;gap:9px;color:var(--text);font-size:20px;font-weight:650;text-decoration:none}.section-item a:after{color:var(--muted);content:"/";font-size:16px;font-weight:400}.section-item p,.note-list p{color:var(--muted)}.elsewhere{display:flex;align-items:baseline;gap:16px;margin-top:16px;font-size:15px;line-height:1.4;white-space:nowrap}.elsewhere a{color:var(--muted);text-decoration:none}.elsewhere a:hover{color:var(--text);text-decoration:underline}.page-head{padding:50px 0 32px}.page-head h1{max-width:none;font-size:clamp(38px,8vw,64px)}.page-head p{max-width:620px;color:var(--muted);font-size:20px;line-height:1.5}.note-list{display:grid;gap:26px;margin:14px 0 70px;padding:0;list-style:none}.note-list li{padding-top:24px;border-top:1px solid var(--faint)}.note-list a{color:var(--text);font-size:20px;font-weight:650;text-decoration:none}.note-list p{margin-top:8px}.empty{margin:18px 0 70px;color:var(--muted)}.note{padding:50px 0 80px}.note h1{max-width:13ch;font-size:clamp(38px,8vw,66px)}.note .date{display:block;margin-top:24px}.note-body{margin-top:44px}.note-body :where(h2,h3){max-width:620px}.note-body :where(p,ul,ol,blockquote){max-width:650px}.note-body blockquote{margin:28px 0 0;padding-left:20px;border-left:1px solid var(--faint);color:var(--muted)}.note-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.92em}.note-body pre{max-width:650px;margin:18px 0 0;padding:16px 18px;overflow-x:auto;border:1px solid var(--faint);border-radius:6px;background:#f3f0eb}.note-body pre code{display:block;font-size:.86em;line-height:1.55}.note-body table{width:min(650px,100%);margin:24px 0 0;border-collapse:collapse;font-size:15px;line-height:1.5}.note-body th,.note-body td{padding:10px 12px;border:1px solid var(--faint);vertical-align:top}.note-body th{background:#f3f0eb;text-align:left}.learning-visual{width:min(650px,100%);margin:30px 0 0}.learning-visual img{display:block;width:100%;height:auto;border:1px solid var(--faint);border-radius:8px;background:#f3f0eb}.learning-visual figcaption{margin-top:10px;color:var(--muted);font-size:14px;line-height:1.5}.learning-visual-hero{margin-top:24px}@media(max-width:640px){body{font-size:16px}.site-header,main{width:min(var(--max-width),calc(100% - 28px))}.site-header{align-items:flex-start;padding-top:24px}.site-nav{max-width:190px}.intro{padding:38px 0 34px}.page-head p{font-size:19px}.lede{font-size:18px}.note-body table{display:block;overflow-x:auto;white-space:normal}.learning-visual{width:100%;margin-top:24px}}