@layer components{body.notes-page{--notes-ink:#20212b;--notes-body:#40424d;--notes-muted:#696c79;--notes-hair:#e3e4ea;--notes-warm:#f7f6f3;--notes-accent:#5454bb;color:var(--notes-ink);font-family:var(--font);background:#fff}.notes-shell{max-width:1120px;margin:0 auto;padding:0 32px}.notes-hero{padding:96px 0 44px}.notes-hero h1{letter-spacing:-.035em;margin:0;font-size:clamp(40px,5vw,64px);font-weight:700;line-height:1.04}.notes-hero p{max-width:620px;color:var(--notes-body);margin:20px 0 0;font-size:18px;line-height:1.55}.notes-follow{color:var(--notes-ink);border:1px solid #d9dae2;border-radius:999px;align-items:center;gap:8px;margin-top:24px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.notes-follow:hover{border-color:var(--notes-ink)}.notes-feature{background:var(--notes-warm);color:inherit;border-radius:16px;margin:0 0 40px;padding:40px;text-decoration:none;display:block}.notes-feature-title{letter-spacing:-.03em;max-width:820px;margin-top:12px;font-size:clamp(28px,3.2vw,40px);font-weight:700;line-height:1.1;display:block}.notes-feature .notes-summary{margin-top:14px;font-size:18px}.notes-feature:hover .notes-feature-title,.notes-list a:hover .notes-title{text-underline-offset:5px;text-decoration:underline 1px}.notes-list{border-top:1px solid var(--notes-hair);margin:0;padding:0 0 104px;list-style:none}.notes-list li{border-bottom:1px solid var(--notes-hair)}.notes-list a{color:inherit;grid-template-columns:170px minmax(0,1fr) 24px;align-items:baseline;gap:24px;padding:28px 0;text-decoration:none;display:grid}.notes-date{color:var(--notes-muted);font-size:14px;display:block}.notes-title{letter-spacing:-.015em;font-size:22px;font-weight:650;line-height:1.25;display:block}.notes-summary{max-width:660px;color:var(--notes-body);margin-top:8px;font-size:16px;line-height:1.5;display:block}.notes-by{color:var(--notes-muted);margin-top:10px;font-size:13px;font-weight:600;display:block}.notes-arrow{color:var(--notes-muted)}.note{max-width:700px;margin:0 auto;padding:72px 32px 104px}.note-back{color:var(--notes-muted);font-size:14px;text-decoration:none}.note h1{letter-spacing:-.032em;margin:20px 0 0;font-size:clamp(34px,4.4vw,52px);font-weight:700;line-height:1.06}.note-meta{color:var(--notes-muted);margin:18px 0 0;font-size:14px;line-height:1.5}.note-meta a{color:inherit}.note-lede{color:var(--notes-body);margin:26px 0 0;font-size:21px;line-height:1.5}.note-cover{border-radius:14px;width:100%;height:auto;margin-top:32px;display:block}.note-body{color:#2c2e38;margin-top:8px;font-size:18px;line-height:1.7}.note-body>*{margin:22px 0 0}.note-body h2{color:var(--notes-ink);letter-spacing:-.02em;margin-top:44px;font-size:26px;font-weight:700;line-height:1.25}.note-body h3{color:var(--notes-ink);margin-top:32px;font-size:20px;font-weight:650;line-height:1.3}.note-body img{border:1px solid var(--notes-hair);border-radius:12px;width:100%;height:auto;margin:0 auto;display:block}.note-body p:has(>img)+p>em:only-child{color:var(--notes-muted);margin-top:-10px;font-size:15px;font-style:normal;line-height:1.5;display:block}.note-body ul,.note-body ol{padding-left:1.3em}.note-body li+li{margin-top:8px}.note-body a{color:var(--notes-accent);text-underline-offset:3px}.note-body blockquote{border-left:2px solid var(--notes-hair);color:var(--notes-body);margin-left:0;padding:4px 0 4px 20px}.note-body pre{background:var(--notes-warm);border-radius:10px;padding:16px 18px;font-size:14px;line-height:1.6;overflow-x:auto}.note-body code{font-family:var(--font-mono);font-size:.88em}.note-body .footnotes{border-top:1px solid var(--notes-hair);color:var(--notes-muted);margin-top:44px;padding-top:16px;font-size:15px}.note-body .footnotes h2{letter-spacing:0;margin:0;font-size:14px;font-weight:600}.note-origin{border-top:1px solid var(--notes-hair);border-bottom:1px solid var(--notes-hair);color:var(--notes-muted);margin:44px 0 0;padding:14px 0;font-size:14px}.note-origin a{color:var(--notes-accent)}.note-subscribe{background:var(--notes-warm);border-radius:16px;margin-top:40px;padding:28px}.note-subscribe strong{font-size:18px;display:block}.note-subscribe p{color:var(--notes-body);margin:6px 0 18px;line-height:1.5}.note-subscribe a{background:var(--notes-accent);color:#fff;border-radius:8px;padding:11px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}@media (width<=760px){.notes-shell,.note{padding-left:20px;padding-right:20px}.notes-hero{padding-top:64px}.notes-feature{padding:28px 24px}.notes-list a{grid-template-columns:minmax(0,1fr);gap:8px}.notes-arrow{display:none}}}