.fn { min-width: 44px; min-height: 44px; display: inline-flex; justify-content: center; align-items: center; vertical-align: baseline; text-decoration: none; font-size: 1rem; border-radius: 4px; margin-left: .15rem; }
.fn:hover { background: rgba(0,255,255,.07); }
.notes { padding-top: 2.5rem; border-top: 1px solid var(--line); }
.notes ol { padding: 0; list-style: none; }
.notes li { display: grid; grid-template-columns: 44px 1fr; gap: 1rem; padding: 1.5rem 0; border-bottom: 1px solid var(--grid); }
.notes li:last-child { border-bottom: 0; }
.note-key { color: var(--cyan); padding-top: .65rem; }
.notes li p { color: var(--muted); font-size: 1rem; margin-bottom: 0; }
.src { padding-block: .6rem; margin-bottom: .4rem; }
.src-name { color: var(--cyan) !important; min-height: 44px; display: flex; align-items: center; margin-bottom: .4rem !important; }
.ed { position: fixed; inset: 0 0 0 auto; margin: 0; height: 100dvh; max-height: 100dvh; width: min(100%, 580px); max-width: 100%; padding: 2rem; background: #000; color: var(--txt); border: 0; border-left: 1px solid var(--cyan); box-shadow: -10px 0 50px rgba(0,255,255,.07); overflow-y: auto; }
.ed::backdrop { background: rgba(0,0,0,.75); backdrop-filter: blur(3px); }
.ed-h { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--grid); padding-bottom: 1rem; margin-bottom: 2rem; }
.ed-h .tag { margin: 0; }
.ed-close { font-size: 1rem; min-height: 48px; color: var(--cyan); border: 1px solid var(--line); border-radius: 8px; background: transparent; padding: .6rem 1rem; }
.ed h2 { margin-bottom: 2rem; }
.ed-body { display: grid; gap: 2rem; }
.ed-note { padding-bottom: 1.5rem; border-bottom: 1px solid var(--grid); }
.ed-note p { font-size: 1rem; color: var(--muted); }
.ed-note .note-key { display: inline-block; margin-bottom: .25rem; }
.ed-foot { display: flex; align-items: center; min-height: 48px; font-size: 1rem; margin-top: 2rem; }
body.drawer-open { overflow: hidden; }
@media (max-width: 640px) {
  .notes li { gap: .5rem; grid-template-columns: 40px 1fr; }
  .ed { padding: 1.5rem; }
}
