.notes-header{padding-block:64px 40px;max-width:1160px}.notes-header h1{font-size:clamp(2.3rem,4.5vw,3.6rem);letter-spacing:-.045em}.notes-header .lede{margin-top:18px;max-width:660px;font-size:16px}.notes-header .eyebrow{margin-bottom:16px}
.notes-library{padding-bottom:80px}.notes-toolbar{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:24px}.notes-search{display:flex;gap:10px;flex:1;max-width:580px}.notes-search .input{min-width:0;flex:1;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 16px;color:var(--text)}.notes-search .btn-secondary{border-radius:10px}
.notes-view-switch{display:flex;padding:4px;border:1px solid var(--border);border-radius:12px;background:var(--surface);gap:4px}.notes-view-switch button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 14px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:13px;font-weight:500}.notes-view-switch button[aria-pressed=true]{background:var(--tint);color:var(--accent)}.notes-view-switch button:hover{color:var(--text)}
.notes-filters{margin-bottom:20px}.notes-filters a{padding:6px 12px;border-radius:20px}.notes-results{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px;margin-bottom:22px}.notes-results a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.notes-collection{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.note-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface);transition:border-color .15s}.note-card:hover{border-color:var(--accent)}.note-card-image{aspect-ratio:16/9;overflow:hidden;background:var(--tint)}.note-card-image img{width:100%;height:100%;object-fit:cover}.note-card-body{padding:26px;display:flex;flex-direction:column;flex:1;min-width:0}.note-card-meta{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-bottom:18px}.note-topic{color:var(--accent);font-weight:500}.note-card h2{font-size:22px;line-height:1.4;letter-spacing:-.025em;overflow-wrap:anywhere}.note-card h2 a:hover{color:var(--accent)}.note-card-body>p{font-size:14px;color:var(--muted);line-height:1.8;margin:16px 0 24px}.note-card-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--border);padding-top:16px;margin-top:auto}.note-card-footer time{font-size:11px;color:var(--muted)}.note-card-footer .text-link{padding:0;gap:8px}
.notes-collection[data-view=list]{grid-template-columns:1fr;gap:0;border-top:1px solid var(--border)}.notes-collection[data-view=list] .note-card{display:grid;grid-template-columns:minmax(0,1fr);border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent}.notes-collection[data-view=list] .note-card:has(.note-card-image){grid-template-columns:180px minmax(0,1fr);align-items:center;gap:28px}.notes-collection[data-view=list] .note-card-image{border-radius:10px}.notes-collection[data-view=list] .note-card-body{padding:28px 0}.notes-collection[data-view=list] .note-card h2{font-size:24px;max-width:780px}.notes-collection[data-view=list] .note-card-body>p{margin:10px 0 16px;max-width:780px}.notes-collection[data-view=list] .note-card-meta{justify-content:flex-start;margin-bottom:10px}.notes-collection[data-view=list] .note-card-footer{border:0;padding:0;justify-content:flex-start;gap:24px}.notes-pagination{margin-top:40px;font-size:13px}.notes-collection .empty-state{grid-column:1/-1}
.note-article{max-width:1060px;padding-top:44px}.note-article-header{max-width:820px;margin-inline:auto;padding-bottom:36px}.note-article-header .back-link{margin-bottom:32px}.note-article-header h1{font-size:clamp(2rem,4vw,3.25rem);line-height:1.2;letter-spacing:-.04em;overflow-wrap:anywhere}.note-article-header .eyebrow{margin-bottom:16px}.note-byline{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-top:24px}.note-cover{margin:0 auto 40px;max-width:900px}.note-cover img{width:100%;height:auto;max-height:560px;object-fit:contain;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.note-reading-layout{display:grid;grid-template-columns:190px minmax(0,700px);gap:48px;justify-content:center;border-top:1px solid var(--border);padding-top:40px;margin-bottom:56px}.note-reading-sidebar{align-self:start;position:sticky;top:32px;min-width:0}.note-contents{margin-bottom:30px}.note-contents[hidden]{display:none}.note-contents summary{font-size:13px;font-weight:600;cursor:pointer;padding-bottom:12px}.note-contents ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--border)}.note-contents a{display:block;padding:7px 0 7px 14px;color:var(--muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere}.note-contents a:hover,.note-contents a:focus{color:var(--accent)}.note-contents .toc-subsection a{padding-left:26px;font-size:11px}.note-filed .eyebrow{margin-bottom:4px}.note-filed .tags{margin-top:12px}
.note-reading-main{min-width:0}.note-prose{font-size:18px;line-height:1.85;color:var(--text);overflow-wrap:anywhere}.note-prose h1,.note-prose h2,.note-prose h3,.note-prose h4{line-height:1.35;letter-spacing:-.025em;scroll-margin-top:30px;margin:44px 0 18px;font-weight:600;color:var(--text)}.note-prose h1{font-size:32px}.note-prose h2{font-size:28px}.note-prose h3{font-size:23px}.note-prose h4{font-size:20px}.note-prose p{margin-bottom:24px}.note-prose li{margin:8px 0;padding-left:4px}.note-prose li p{margin-bottom:12px}.note-prose blockquote{border-left:3px solid var(--accent);background:var(--surface);padding:18px 24px;margin:28px 0;border-radius:0 10px 10px 0;color:var(--muted)}.note-prose blockquote p:last-child{margin-bottom:0}.note-prose pre{padding:20px;margin:28px 0;line-height:1.7;white-space:pre;overflow-x:auto}.note-prose pre code{font-size:14px;background:none;padding:0;border-radius:0;overflow-wrap:normal}.note-prose code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:var(--tint);padding:2px 5px;border-radius:4px;font-size:.85em}.note-prose img{height:auto!important;max-width:100%!important;margin:28px auto;border:1px solid var(--border)}.note-prose iframe,.note-prose video{max-width:100%}.note-prose table{font-size:14px;margin:28px 0;width:100%!important}.note-prose th{background:var(--tint);text-align:left}.note-prose hr{border:0;border-top:1px solid var(--border);margin:36px 0}.note-prose a{text-underline-offset:4px}.note-prose>:first-child{margin-top:0}.note-end{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding-top:24px;margin-top:40px}.note-adjacent{max-width:1060px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-bottom:64px}.note-adjacent>a{display:flex;flex-direction:column;gap:12px;border:1px solid var(--border);border-radius:14px;padding:24px;background:var(--surface);font-size:17px;line-height:1.5}.note-adjacent>a:hover{border-color:var(--accent)}.note-adjacent .eyebrow{margin:0;font-size:10px}
@media(max-width:1000px){.notes-collection{grid-template-columns:repeat(2,minmax(0,1fr))}.note-reading-layout{grid-template-columns:160px minmax(0,1fr);gap:28px}.note-prose{font-size:17px}}
@media(max-width:700px){.notes-header{padding-block:40px 24px}.notes-header .lede{font-size:15px;margin-bottom:0}.notes-toolbar{flex-direction:column;gap:14px;align-items:stretch}.notes-search{max-width:none}.notes-view-switch{align-self:flex-start}.notes-collection{grid-template-columns:1fr;gap:18px}.note-card-body{padding:22px}.note-card h2{font-size:21px}.notes-library{padding-bottom:48px}.notes-collection[data-view=list] .note-card:has(.note-card-image){grid-template-columns:1fr;gap:0}.notes-collection[data-view=list] .note-card-image{display:none}.notes-collection[data-view=list] .note-card h2{font-size:21px}.note-article{padding-top:24px}.note-article-header{padding-bottom:28px}.note-article-header .back-link{margin-bottom:24px}.note-byline{font-size:12px;gap:8px;margin-top:20px}.note-reading-layout{grid-template-columns:1fr;gap:24px;padding-top:24px;margin-bottom:36px}.note-reading-sidebar{position:static}.note-filed{display:none}.note-contents{margin:0;padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.note-contents:not([open]) summary{padding:0}.note-prose{font-size:17px;line-height:1.85}.note-prose h2{font-size:25px}.note-prose h3{font-size:21px}.note-prose pre{padding:16px}.note-end{gap:10px;flex-wrap:wrap}.note-adjacent{grid-template-columns:1fr;padding-bottom:40px;gap:14px}.note-adjacent>a{padding:20px}.note-cover{margin-bottom:24px}.notes-pagination{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.note-card{transition:none}}