.mnk-consult{max-width:1100px;margin:0 auto;font:inherit;color:inherit}
.mnk-consult *{box-sizing:border-box}
.mnk-consult .mnk-h1{margin:0 0 .5rem;line-height:1;font-size:3.5em;font-weight:semibold;}
.mnk-consult .mnk-intro{margin:0 0 1.25rem;line-height:1.6;max-width:70ch;opacity:.92}
.mnk-search{margin:0 0 .75rem}
.mnk-search-input{width:100%;padding:.75rem .95rem;font:inherit;color:inherit;background:transparent;border:1px solid rgba(128,128,128,.45);border-radius:10px}
.mnk-search-input:focus{outline:none;border-color:rgba(128,128,128,.85)}
.mnk-count{margin:0 0 1.5rem;font-size:.85em;opacity:.65}
.mnk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.25rem}
.mnk-card{display:flex;flex-direction:column;gap:.7rem;padding:1.15rem;border:1px solid rgba(128,128,128,.28);border-radius:14px}
.mnk-qr{align-self:flex-start;max-width:100%;line-height:0}
.mnk-qr canvas{display:block;max-width:100%;height:auto;border-radius:6px}
.mnk-title{margin:0;font-size:1.06em;line-height:1.3}
.mnk-hook{margin:0;flex:1 1 auto;line-height:1.55;opacity:.9}
.mnk-link{align-self:flex-start;display:inline-block;font-weight:600;text-decoration:none}
.mnk-link::after{content:" \2192"}
.mnk-link:hover{text-decoration:underline}
.mnk-empty{display:none;padding:1.75rem 0;opacity:.7}
@media (max-width:560px){.mnk-grid{grid-template-columns:1fr}}

/* === Розширення плагіна: категорії та клікабельний QR ===
   (дописано автоматично; ваші стилі вище не змінювалися) */
a.mnk-qr{display:inline-block}
.mnk-cats{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem}
.mnk-cat{font:inherit;color:inherit;cursor:pointer;padding:.45rem .9rem;border:1px solid rgba(128,128,128,.45);border-radius:999px;background:transparent;line-height:1.2}
.mnk-cat:hover{border-color:rgba(128,128,128,.85)}
.mnk-cat.is-active{background:rgba(128,128,128,.18);border-color:rgba(128,128,128,.85);font-weight:600}