/* ===== base ===== */
.mcp{--primary:#0b72cc;--primary-2:#095fb0;--border:#e5e7eb;--mut:#6b7280;
     font:400 16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial}
.mcp *{box-sizing:border-box}
.mcp .mcp-wrap{max-width:1140px;margin:24px auto;padding:0 16px}

/* ===== tabs (пилюли) ===== */
.mcp .mcp-tabs{display:flex;gap:12px;margin:0 0 14px}
.mcp .mcp-tab{display:inline-block;padding:10px 14px;border:1px solid var(--border);
  border-radius:10px;background:#fff;color:#111;text-decoration:none}
.mcp .mcp-tab:hover{border-color:#d1d5db}
.mcp .mcp-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}
.mcp .mcp-tab.active:hover{background:var(--primary-2);border-color:var(--primary-2)}

/* ===== filters ===== */
.mcp .mcp-filters{display:grid;grid-template-columns:1fr;gap:10px;margin:0 0 16px}
.mcp input[type=text], .mcp select{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:8px}
.mcp .mcp-actions{display:flex;gap:10px}
.mcp .btn{display:inline-block;padding:10px 14px;border-radius:8px;border:1px solid var(--border);background:#fff;cursor:pointer;text-decoration:none;color:#111}
.mcp .btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}
.mcp .btn.primary:hover{background:var(--primary-2);border-color:var(--primary-2)}

/* ===== grid/cards ===== */
.mcp .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:980px){.mcp .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.mcp .grid{grid-template-columns:1fr}}

.mcp .card{border:1px solid var(--border);border-radius:12px;background:#fff;padding:16px}
.mcp .card h3{margin:0 0 8px;font-size:18px;line-height:1.25}
.mcp .card h3 a{color:var(--primary);text-decoration:none}
.mcp .card h3 a:hover{text-decoration:underline}
.mcp .line{margin:6px 0}
.mcp .mut{color:var(--mut);font-size:14px}
.mcp .no{padding:24px;border:1px dashed var(--border);border-radius:12px;text-align:center;color:var(--mut)}