/* Notes Search — uses the theme's colour names when present. */
.ns-search { max-width: 760px; margin: 0 auto 34px; }
.ns-box { display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid var(--wp--preset--color--line, #D8CDB8); padding: 4px 6px 4px 14px; }
.ns-box svg { flex: none; color: var(--wp--preset--color--soft, #5F665A); }
.ns-box input[type=search] { border: 0 !important; flex: 1; min-width: 0; padding: 10px 0; font: inherit; font-size: 16px; outline: none; background: none; }
.ns-box:focus-within { outline: 2px solid var(--wp--preset--color--teal, #1F6F86); outline-offset: 2px; }
.ns-go { background: var(--wp--preset--color--teal, #1F6F86); color: #fff; border: 0; padding: 8px 16px; font: inherit; font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer; }
.ns-go:hover { background: var(--wp--preset--color--teal-dark, #17596C); }
.ns-topics { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin-top: 14px; }
.ns-chip { border: 1px solid var(--wp--preset--color--line, #D8CDB8); background: #fff; padding: 5px 14px; font-size: 14px; border-radius: 20px; color: var(--wp--preset--color--ink, #2F3A3D) !important; text-decoration: none !important; }
.ns-chip:hover { border-color: var(--wp--preset--color--teal, #1F6F86); }
.ns-chip.is-on { background: var(--wp--preset--color--teal, #1F6F86); border-color: var(--wp--preset--color--teal, #1F6F86); color: #fff !important; }
.ns-count { text-align: center; font-size: 14px; color: var(--wp--preset--color--soft, #5F665A); margin: 10px 0 0; }
mark { background: #F3E2B8; color: inherit; padding: 0 2px; }
@media (max-width: 600px) { .ns-go { padding: 8px 10px; } }