.notes-home,.notes-article{--notes-accent:#059669;--notes-accent-soft:color-mix(in oklab,var(--notes-accent)12%,transparent);--notes-accent-line:color-mix(in oklab,var(--notes-accent)28%,transparent);color:var(--fg)}.notes-home{max-width:720px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,2rem)}.notes-home__head{border-bottom:1px solid var(--border,#d7d7d7);margin-bottom:clamp(2rem,4vw,3rem);padding-bottom:1.5rem}@supports (color:lab(0% 0 0)){.notes-home__head{border-bottom:1px solid var(--border,lab(86.08% -.0000298023 0))}}.notes-home__title{letter-spacing:-.02em;color:var(--fg);margin:0 0 .5rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.15}.notes-home__desc{font-size:var(--text-base,1rem);color:var(--fg-muted,#636363);margin:0;line-height:1.6}@supports (color:lab(0% 0 0)){.notes-home__desc{color:var(--fg-muted,lab(42% 0 0))}}.notes-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.notes-card{border:1px solid var(--border,#d7d7d7);border-radius:10px;transition:border-color .2s,box-shadow .2s}@supports (color:lab(0% 0 0)){.notes-card{border:1px solid var(--border,lab(86.08% -.0000298023 0))}}.notes-card:hover{border-color:var(--notes-accent);box-shadow:0 2px 12px var(--notes-accent-soft)}.notes-card__link{color:inherit;padding:1.25rem 1.5rem;text-decoration:none;display:block}.notes-card__title{letter-spacing:-.01em;color:var(--fg);margin:0 0 .4rem;font-size:1.125rem;font-weight:600;line-height:1.35}.notes-card__summary{color:var(--fg-muted,#636363);margin:0 0 .75rem;font-size:.9rem;line-height:1.55}@supports (color:lab(0% 0 0)){.notes-card__summary{color:var(--fg-muted,lab(42% 0 0))}}.notes-card__meta{color:var(--fg-muted,#717171);font-size:.8rem;font-family:var(--font-mono,monospace);letter-spacing:.02em;align-items:center;gap:.5rem;display:flex}@supports (color:lab(0% 0 0)){.notes-card__meta{color:var(--fg-muted,lab(47.8% 0 .0000119209))}}.notes-card__tags{flex-wrap:wrap;gap:.375rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.notes-card__tags li{background:var(--notes-accent-soft);color:var(--notes-accent);font-size:.75rem;font-family:var(--font-mono,monospace);letter-spacing:.04em;border-radius:4px;padding:.2em .6em}.notes-article{max-width:720px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,2rem)}.notes-breadcrumb{font-family:var(--font-mono,monospace);letter-spacing:.08em;color:var(--fg-muted,#717171);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.8rem;display:flex}@supports (color:lab(0% 0 0)){.notes-breadcrumb{color:var(--fg-muted,lab(47.8% 0 .0000119209))}}.notes-breadcrumb a{color:var(--notes-accent);text-decoration:none}.notes-breadcrumb a:hover{text-decoration:underline}.notes-article__head{border-bottom:1px solid var(--border,#d7d7d7);margin-bottom:2.5rem;padding-bottom:1.5rem}@supports (color:lab(0% 0 0)){.notes-article__head{border-bottom:1px solid var(--border,lab(86.08% -.0000298023 0))}}.notes-article__title{letter-spacing:-.025em;color:var(--fg);margin:0 0 .75rem;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;line-height:1.2}.notes-article__summary{color:var(--fg-muted,#636363);margin:0 0 1.25rem;font-size:1.05rem;line-height:1.65}@supports (color:lab(0% 0 0)){.notes-article__summary{color:var(--fg-muted,lab(42% 0 0))}}.notes-article__meta{color:var(--fg-muted,#717171);font-size:.8rem;font-family:var(--font-mono,monospace);letter-spacing:.04em;flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}@supports (color:lab(0% 0 0)){.notes-article__meta{color:var(--fg-muted,lab(47.8% 0 .0000119209))}}.notes-article__tags{flex-wrap:wrap;gap:.375rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.notes-article__tags li{background:var(--notes-accent-soft);color:var(--notes-accent);font-size:.75rem;font-family:var(--font-mono,monospace);letter-spacing:.04em;border-radius:4px;padding:.2em .65em}.notes-article__footer{border-top:1px solid var(--border,#d7d7d7);margin-top:3rem;padding-top:1.5rem}@supports (color:lab(0% 0 0)){.notes-article__footer{border-top:1px solid var(--border,lab(86.08% -.0000298023 0))}}.notes-back{font-family:var(--font-mono,monospace);letter-spacing:.08em;color:var(--notes-accent);font-size:.8rem;text-decoration:none}.notes-back:hover{text-decoration:underline}