.tag-filters{display:flex;gap:8px;overflow:auto;padding-bottom:2px}
.tag-filters button{display:flex;align-items:center;gap:5px;white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:white;padding:8px 12px;color:#526058;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.tag-filters button.active{background:var(--green);border-color:var(--green);color:white}
.highlight-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.tag-chip{border:0;border-radius:999px;background:#edf2e8;color:var(--green);padding:5px 9px;font:inherit;font-size:12px;font-weight:750;cursor:pointer}
.tag-chip:hover{background:#dfead9}
.edit-tags{border:0;border-radius:10px;background:#f0efe9;color:#465048;padding:8px 11px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.edit-tags:hover{background:#e6e5de}
.inline-note-editor{display:grid;gap:12px}
.inline-note-editor label{display:grid;gap:8px;color:#3f4942;font-size:13px;font-weight:750}
.tag-editor-input{width:100%;border:1px solid #aeb8b0;border-radius:12px;background:#fff;color:var(--ink);padding:12px 13px;font:inherit;font-size:15px;outline:none}
.tag-editor-input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(31,92,66,.12)}
@media(max-width:520px){.highlight-meta{align-items:flex-start;flex-wrap:wrap}.highlight-meta time{width:100%}}