.notes-page{padding:90px clamp(20px,4vw,40px) 80px;color:var(--bone)}.notes-filter-rail{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.notes-chip{padding:7px 14px;border-radius:999px;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;border:1px solid var(--grid);background:var(--char);color:var(--ash);transition:background .2s,color .2s,border-color .2s}.notes-chip:hover{background:color-mix(in srgb,var(--grid) 60%,var(--char));color:var(--bone)}.notes-chip:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.notes-chip[aria-selected=true]{background:var(--acid);color:var(--ink);border-color:var(--acid)}.notes-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px;align-items:start}.notes-feed{display:flex;flex-direction:column;gap:18px}.notes-skeleton{background:var(--char);border:1px solid var(--grid);border-radius:14px;height:120px;animation:notes-pulse 1.5s ease-in-out infinite}@keyframes notes-pulse{0%,to{opacity:1}50%{opacity:.4}}.notes-empty{padding:48px 0;color:var(--ash);font-size:var(--text-base);text-align:center}.notes-load-more{margin-top:24px;display:flex;justify-content:center}.notes-load-more-btn{padding:10px 28px;background:var(--char);border:1px solid var(--grid);border-radius:8px;color:var(--bone);font-size:var(--text-xs);font-family:inherit;cursor:pointer;font-weight:600;transition:background .2s,border-color .2s}.notes-load-more-btn:hover{background:color-mix(in srgb,var(--grid) 60%,var(--char));border-color:var(--ash)}.notes-load-more-btn:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.notes-rail{gap:18px;position:sticky;top:88px;align-self:start}.notes-rail,.notes-sub-form{display:flex;flex-direction:column}.notes-sub-label{display:none}.notes-sub-input{width:100%;padding:10px 12px;background:var(--char);border:1px solid var(--grid);border-radius:8px;color:var(--bone);font-size:var(--text-xs);font-family:inherit;margin-bottom:8px;box-sizing:border-box;transition:border-color .2s}.notes-sub-input:focus{outline:2px solid var(--acid);outline-offset:-1px;border-color:var(--acid)}.notes-sub-btn{width:100%;padding:10px 12px;background:var(--acid);color:var(--ink);border:0;border-radius:8px;font-size:var(--text-xs);font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .2s}.notes-sub-btn:hover{opacity:.88}.notes-sub-btn:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.notes-sub-hint{font-size:var(--text-2xs);color:var(--steel);margin:8px 0 0;line-height:var(--leading-snug)}.notes-feed-links{display:flex;flex-direction:column}.notes-feed-link{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--grid);font-size:var(--text-xs);color:var(--bone);text-decoration:none;transition:color .2s}.notes-feed-link:hover{color:var(--acid)}.notes-feed-link:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.notes-feed-link-icon{font-size:var(--text-2xs);color:var(--steel);font-family:var(--mono)}.notes-article{padding:90px clamp(20px,4vw,40px) 80px;color:var(--bone)}.notes-article-header{margin:32px 0 24px;max-width:62ch}.notes-article-h1{font-size:clamp(28px,3.4vw,44px);font-weight:700;letter-spacing:-.02em;line-height:var(--leading-snug);margin:0 0 16px;color:var(--bone)}.notes-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;font-size:13px}.notes-article-date{color:var(--steel);font-family:var(--mono)}.notes-article-tag{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-weight:600;font-size:11px;letter-spacing:.02em;text-transform:uppercase;border:1px solid var(--plasma);color:var(--plasma)}.notes-article-lede{font-size:var(--text-md);color:var(--ash);line-height:var(--leading-normal);margin:0}.notes-article-body{margin-top:32px;max-width:62ch;font-size:var(--text-base);color:var(--ash);line-height:var(--leading-relaxed)}.notes-article-body p{margin-bottom:16px}.notes-article-back-row{margin-top:56px;padding-top:24px;border-top:1px solid var(--grid);display:flex;gap:12px}.notes-article-back-link{font-family:var(--mono);font-size:var(--text-2xs);color:var(--acid);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:opacity .2s}.notes-article-back-link:hover{opacity:.75}.notes-article-back-link:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.notes-article-not-found{padding:80px 0;text-align:center;color:var(--ash)}.notes-article-not-found-text{font-size:var(--text-lg);margin-bottom:24px}.notes-skeleton-title{height:48px;border-radius:8px;margin-bottom:16px;max-width:50ch}.notes-skeleton-text,.notes-skeleton-title{background:var(--char);animation:note-pulse 1.5s ease-in-out infinite}.notes-skeleton-text{height:16px;border-radius:4px;margin-bottom:12px}.notes-skeleton-text--wide{max-width:60ch}.notes-skeleton-text--narrow{max-width:45ch}@keyframes note-pulse{0%,to{opacity:1}50%{opacity:.4}}@media (max-width:980px){.notes-grid{grid-template-columns:1fr}.notes-rail{position:static}}